@charset "UTF-8";.icon-grid.svelte-at2bl6 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: inherit;
  flex-shrink: 0;
  user-select: none;
}
.icon-grid.svelte-at2bl6 i:where(.svelte-at2bl6) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  line-height: normal;
}
.icon-grid.icon-grid-xxl.svelte-at2bl6 {
  width: 120px;
  height: 120px;
  font-size: 80px;
}
.icon-grid.icon-grid-xl.svelte-at2bl6 {
  width: 88px;
  height: 88px;
  font-size: 64px;
}
.icon-grid.icon-grid-l.svelte-at2bl6 {
  width: 44px;
  height: 44px;
  font-size: 34px;
}
.icon-grid.icon-grid-m.svelte-at2bl6 {
  width: 32px;
  height: 32px;
  font-size: 24px;
}
.icon-grid.icon-grid-s.svelte-at2bl6 {
  width: 20px;
  height: 20px;
  font-size: 16px;
}
.icon-grid.icon-grid-xs.svelte-at2bl6 {
  width: 14px;
  height: 14px;
  font-size: 11px;
}
.icon-grid.icon-grid-xxs.svelte-at2bl6 {
  width: 12px;
  height: 12px;
  font-size: 8px;
}@keyframes svelte-159g296-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-159g296-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-159g296-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-159g296-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-159g296-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.alert.svelte-159g296 {
  display: flex;
  flex-direction: column;
  padding: 12px;
  border-radius: var(--radius-theme-md);
}
.alert.type-info.svelte-159g296 {
  background-color: var(--color-theme-accent-tint-strong);
}
.alert.type-success.svelte-159g296 {
  background-color: var(--color-theme-success-tint-strong);
}
.alert.type-warning.svelte-159g296 {
  background-color: var(--color-theme-warning-tint-strong);
}
.alert.type-danger.svelte-159g296 {
  background-color: var(--color-theme-danger-tint-strong);
}
.alert.svelte-159g296 .heading:where(.svelte-159g296) {
  display: flex;
}
.alert.svelte-159g296 .dismisable-btn:where(.svelte-159g296) {
  margin-left: auto;
}
.alert.dismissable.svelte-159g296 {
  transition: all 300ms ease-in-out;
  transition-property: padding-top, padding-bottom, height;
  will-change: padding-top, padding-bottom, height;
  height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden;
}
.alert.svelte-159g296 .alert-cta-btn:where(.svelte-159g296) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-primary);
  text-decoration: none;
  cursor: pointer;
  display: inline-flex;
  align-self: flex-start;
  font-size: 13px;
  line-height: 16px;
}
.alert.svelte-159g296 .alert-cta-btn:where(.svelte-159g296):disabled {
  cursor: not-allowed;
}
.alert.svelte-159g296 .alert-cta-btn:where(.svelte-159g296):hover, .alert.svelte-159g296 .alert-cta-btn:where(.svelte-159g296):focus-visible {
  text-decoration: underline;
}@keyframes svelte-5ax40e-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-5ax40e-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-5ax40e-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-5ax40e-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-5ax40e-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.alert-v2.svelte-5ax40e {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: var(--spacing-m) var(--spacing-m-plus);
  border-radius: var(--radius-theme-md);
  background: var(--alert-v2-bg, var(--color-theme-card-01));
}
.alert-v2.svelte-5ax40e::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid var(--color-theme-border-02);
  pointer-events: none;
}
.alert-v2.bg-color-0.svelte-5ax40e {
  background: var(--color-0);
}
.alert-v2.bg-color-00.svelte-5ax40e {
  background: var(--color-00);
}
.alert-v2.bg-color-base.svelte-5ax40e {
  background: var(--color-base);
}
.alert-v2.bg-color-1.svelte-5ax40e {
  background: var(--color-1);
}
.alert-v2.bg-color-black.svelte-5ax40e {
  background: var(--color-black);
}
.alert-v2.type-danger.svelte-5ax40e {
  --alert-danger-bg: var(--color-theme-danger-tint-strong);
  --alert-danger-icon: var(--color-theme-danger);
  background: var(--alert-danger-bg);
}
.alert-v2.type-danger.svelte-5ax40e .alert-v2-heading:where(.svelte-5ax40e) > .icon-grid {
  color: var(--alert-danger-icon);
}
.alert-v2.type-premium.svelte-5ax40e {
  background: var(--gradient-premium-10);
}
.alert-v2.type-premium.svelte-5ax40e::before {
  border-color: var(--color-premium);
}
.alert-v2.type-premium.svelte-5ax40e .alert-v2-heading:where(.svelte-5ax40e) > .icon-grid {
  background: var(--gradient-premium);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.alert-v2.type-success.svelte-5ax40e {
  --alert-success-bg: var(--color-theme-success-tint-strong);
  --alert-success-icon: var(--color-theme-success);
  background: var(--alert-success-bg);
}
.alert-v2.type-success.svelte-5ax40e .alert-v2-heading:where(.svelte-5ax40e) > .icon-grid {
  color: var(--alert-success-icon);
}
.alert-v2.dismissable.svelte-5ax40e {
  transition: all 300ms ease-in-out;
  transition-property: padding-top, padding-bottom, height;
  will-change: padding-top, padding-bottom, height;
  height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden;
}
.alert-v2.svelte-5ax40e .alert-v2-heading:where(.svelte-5ax40e) {
  display: flex;
}
.alert-v2.svelte-5ax40e .alert-v2-message:where(.svelte-5ax40e) {
  flex: 1;
  color: var(--color-theme-text);
}
.alert-v2.svelte-5ax40e .alert-v2-action:where(.svelte-5ax40e) {
  margin-left: auto;
  flex-shrink: 0;
  align-self: center;
}
.alert-v2.svelte-5ax40e .alert-v2-dismissable-btn:where(.svelte-5ax40e) {
  margin-left: auto;
  flex-shrink: 0;
}
.alert-v2.svelte-5ax40e .alert-v2-action:where(.svelte-5ax40e) + .alert-v2-dismissable-btn:where(.svelte-5ax40e) {
  margin-left: var(--spacing-s-plus);
}
.alert-v2.svelte-5ax40e .alert-v2-cta-btn:where(.svelte-5ax40e) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  align-self: flex-start;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-theme-text);
  text-decoration: none;
  cursor: pointer;
}
.alert-v2.svelte-5ax40e .alert-v2-cta-btn:where(.svelte-5ax40e):disabled {
  cursor: not-allowed;
}
.alert-v2.svelte-5ax40e .alert-v2-cta-btn:where(.svelte-5ax40e):hover, .alert-v2.svelte-5ax40e .alert-v2-cta-btn:where(.svelte-5ax40e):focus-visible {
  text-decoration: underline;
}
.alert-v2.size-s.svelte-5ax40e {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-xs) var(--spacing-s-plus);
  width: fit-content;
  max-width: 100%;
  padding: var(--spacing-s) var(--spacing-s-plus);
  border-radius: var(--radius-theme-lg);
}
.alert-v2.size-s.svelte-5ax40e .alert-v2-heading:where(.svelte-5ax40e) {
  align-items: center;
  min-width: 0;
}
.alert-v2.size-s.svelte-5ax40e .alert-v2-cta-btn:where(.svelte-5ax40e) {
  align-self: center;
}
.alert-v2.size-s.svelte-5ax40e .alert-v2-message {
  order: 1;
  flex-basis: 100%;
}
.alert-v2.size-s.svelte-5ax40e .alert-v2-bottom:where(.svelte-5ax40e) {
  order: 2;
  flex-basis: 100%;
}
.alert-v2.size-s.type-premium.svelte-5ax40e {
  --alert-premium-ink: var(--color-base);
  isolation: isolate;
  background: none;
  color: var(--alert-premium-ink);
}
.alert-v2.size-s.type-premium.svelte-5ax40e::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--gradient-premium);
  transform: scaleX(-1);
  pointer-events: none;
}
.alert-v2.size-s.type-premium.svelte-5ax40e .alert-v2-heading:where(.svelte-5ax40e) > .icon-grid {
  background: none;
  color: var(--alert-premium-ink);
  -webkit-text-fill-color: currentColor;
}
.alert-v2.size-s.type-premium.svelte-5ax40e .alert-v2-heading-text,
.alert-v2.size-s.type-premium.svelte-5ax40e .alert-v2-message,
.alert-v2.size-s.type-premium.svelte-5ax40e .alert-v2-cta-btn:where(.svelte-5ax40e) {
  color: var(--alert-premium-ink);
}
.alert-v2.layout-inline.svelte-5ax40e {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  grid-template-areas: "icon   heading action  dismiss" "icon   message action  dismiss" "icon   cta     action  dismiss" "bottom bottom  bottom  bottom";
}
.alert-v2.layout-inline.svelte-5ax40e .alert-v2-heading:where(.svelte-5ax40e) {
  display: contents;
}
.alert-v2.layout-inline.svelte-5ax40e .alert-v2-icon {
  grid-area: icon;
  align-self: center;
}
.alert-v2.layout-inline.svelte-5ax40e .alert-v2-heading-text {
  grid-area: heading;
}
.alert-v2.layout-inline.svelte-5ax40e .alert-v2-message {
  grid-area: message;
  margin-top: var(--spacing-xxs);
  margin-left: var(--spacing-s);
}
.alert-v2.layout-inline.svelte-5ax40e .alert-v2-action:where(.svelte-5ax40e) {
  grid-area: action;
  margin-left: var(--spacing-m);
}
.alert-v2.layout-inline.svelte-5ax40e .alert-v2-dismissable-btn:where(.svelte-5ax40e) {
  grid-area: dismiss;
  margin-left: var(--spacing-s-plus);
}
.alert-v2.layout-inline.svelte-5ax40e .alert-v2-cta-btn:where(.svelte-5ax40e) {
  grid-area: cta;
  justify-self: start;
  margin-left: var(--spacing-s);
}
.alert-v2.layout-inline.svelte-5ax40e .alert-v2-bottom:where(.svelte-5ax40e) {
  grid-area: bottom;
}
.alert-v2.layout-inline.svelte-5ax40e:not(:has(.alert-v2-message)) .alert-v2-action:where(.svelte-5ax40e) {
  grid-row: 1/2;
}
@media (max-width: 639px) {
  .alert-v2.layout-inline.svelte-5ax40e:not(:has(.alert-v2-message)) .alert-v2-action:where(.svelte-5ax40e) {
    grid-area: action;
  }
}
@media (max-width: 639px) {
  .alert-v2.layout-inline.svelte-5ax40e {
    grid-template-areas: "icon   heading heading dismiss" "icon   message message dismiss" "icon   cta     cta     dismiss" "action action  action  action" "bottom bottom  bottom  bottom";
  }
  .alert-v2.layout-inline.svelte-5ax40e .alert-v2-action:where(.svelte-5ax40e) {
    margin-top: var(--spacing-s);
    margin-left: 0;
    justify-self: start;
  }
}.tooltip-element.svelte-u782ea {
  display: inline-flex;
}

#tooltip.svelte-u782ea {
  display: inline-flex;
  padding: 10px;
  max-width: 234px;
  background-color: var(--color-theme-fg);
  border-radius: var(--radius-theme-sm);
  z-index: 2;
}

#tooltip[data-popper-placement^="top"] > #arrow {
  bottom: -4px;
}

#tooltip[data-popper-placement^="bottom"] > #arrow {
  top: -4px;
}

#tooltip[data-popper-placement^="left"] > #arrow {
  right: -4px;
}

#tooltip[data-popper-placement^="right"] > #arrow {
  left: -4px;
}

#arrow.svelte-u782ea,
#arrow.svelte-u782ea::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}

#arrow.svelte-u782ea {
  visibility: hidden;
  text-align: left;
}

#arrow.svelte-u782ea::before {
  visibility: visible;
  content: "";
  transform: rotate(45deg);
}.link-text:focus-visible {
  box-shadow: 0 0 0 1px var(--color-theme-accent) inset;
  outline: none;
}.bulleted-list.svelte-1vpole2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding-left: 24px;
}
.bulleted-list.no-gap.svelte-1vpole2 {
  gap: 0;
}@keyframes svelte-dd3422-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-dd3422-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-dd3422-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-dd3422-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-dd3422-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.indicator.svelte-dd3422 {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.indicator.success.svelte-dd3422 {
  background-color: var(--color-theme-success);
}
.indicator.warning.svelte-dd3422 {
  background-color: var(--color-theme-warning);
}
.indicator.danger.svelte-dd3422 {
  background-color: var(--color-theme-danger);
}
.indicator.with-title.svelte-dd3422 {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  width: auto;
  color: var(--color-theme-text-inverse);
}
.indicator.with-title.size-m.svelte-dd3422 {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  border-radius: 4px;
  padding: 2px;
  min-width: 16px;
  height: auto;
}
.indicator.with-title.size-l.svelte-dd3422 {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  border-radius: 6px;
  padding: 2px 4px;
  min-width: 20px;
  height: 22px;
}.spinner-box.svelte-19b4kve {
  display: inline-flex;
  align-items: center;
}
.spinner-box.svelte-19b4kve svg:where(.svelte-19b4kve) {
  animation: svelte-19b4kve-spinner 1s infinite linear;
  transform: translateZ(0);
}
.spinner-box.size-m.svelte-19b4kve svg:where(.svelte-19b4kve) {
  width: 24px;
  height: 24px;
}
.spinner-box.size-s.svelte-19b4kve svg:where(.svelte-19b4kve) {
  width: 20px;
  height: 20px;
}
.spinner-box.size-xs.svelte-19b4kve svg:where(.svelte-19b4kve) {
  width: 14px;
  height: 14px;
}
.spinner-box.size-xxs.svelte-19b4kve svg:where(.svelte-19b4kve) {
  width: 12px;
  height: 12px;
}

@keyframes svelte-19b4kve-spinner {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}.dots-container.svelte-1wga5m8 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 18px;
}
.dots-container.svelte-1wga5m8 .dot:where(.svelte-1wga5m8),
.dots-container.svelte-1wga5m8 .dash:where(.svelte-1wga5m8) {
  background: var(--color-theme-text);
}
.dots-container.svelte-1wga5m8 .dot.bg-primary:where(.svelte-1wga5m8),
.dots-container.svelte-1wga5m8 .dash.bg-primary:where(.svelte-1wga5m8) {
  background: var(--color-theme-accent);
}
.dots-container.svelte-1wga5m8 .dot.disabled:where(.svelte-1wga5m8),
.dots-container.svelte-1wga5m8 .dash.disabled:where(.svelte-1wga5m8) {
  background: var(--color-theme-text-disabled);
}
.dots-container.svelte-1wga5m8 .dot:where(.svelte-1wga5m8) {
  display: inline-flex;
  flex-shrink: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: var(--spacing-xxs);
}
.dots-container.svelte-1wga5m8 .dot:where(.svelte-1wga5m8):last-of-type {
  margin-right: 0px;
}
.dots-container.svelte-1wga5m8 .dash:where(.svelte-1wga5m8) {
  display: inline-flex;
  width: 19px;
  height: 2px;
  border-radius: var(--radius-theme-sm);
}
.dots-container.svelte-1wga5m8 .long-short-container:where(.svelte-1wga5m8),
.dots-container.svelte-1wga5m8 .short-long-container:where(.svelte-1wga5m8) {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.dots-container.svelte-1wga5m8 .long-short-container:where(.svelte-1wga5m8) .dot:where(.svelte-1wga5m8),
.dots-container.svelte-1wga5m8 .short-long-container:where(.svelte-1wga5m8) .dot:where(.svelte-1wga5m8) {
  margin-right: 0;
}
.dots-container.svelte-1wga5m8 .long-short-container:where(.svelte-1wga5m8) .dot:where(.svelte-1wga5m8) {
  margin-top: 4px;
}
.dots-container.svelte-1wga5m8 .short-long-container:where(.svelte-1wga5m8) .dot:where(.svelte-1wga5m8) {
  margin-bottom: 4px;
}

@media (max-width: 639px) {
  .dots-container.dots-container-mobile.svelte-1wga5m8 {
    height: 14px;
  }
  .dots-container.dots-container-mobile.svelte-1wga5m8 .dot:where(.svelte-1wga5m8) {
    width: 4px;
    height: 4px;
    margin-right: 1px;
  }
  .dots-container.dots-container-mobile.svelte-1wga5m8 .dot:where(.svelte-1wga5m8):last-of-type {
    margin-right: 0px;
  }
  .dots-container.dots-container-mobile.svelte-1wga5m8 .dash:where(.svelte-1wga5m8) {
    width: 14px;
    height: 2px;
  }
}.label.svelte-1xtmsyu {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: var(--color-theme-card);
  border-radius: var(--radius-theme-md);
}
.label.bg-opacity.svelte-1xtmsyu {
  background: color-mix(in srgb, var(--color-theme-card) 70%, transparent);
}
.label.vertical.svelte-1xtmsyu {
  flex-direction: column;
}
.label.label-xs.svelte-1xtmsyu {
  padding: 1px 4px;
  min-height: 14px;
}
.label.label-s.svelte-1xtmsyu {
  padding: 4px 4px;
  min-height: 22px;
}
.label.label-s.vertical.svelte-1xtmsyu {
  min-width: 36px;
  min-height: 36px;
}
.label.label-m.svelte-1xtmsyu {
  padding: 6px 4px;
  min-height: 32px;
}
.label.label-l.svelte-1xtmsyu {
  padding: 4px 12px;
  min-height: 56px;
}
.label.label-xl.svelte-1xtmsyu {
  padding: 8px;
  min-height: 44px;
}
.label.label-xl.svelte-1xtmsyu .icon-grid {
  margin: auto;
}
.label.primary.svelte-1xtmsyu {
  background: var(--color-theme-accent);
}
.label.primary-10.svelte-1xtmsyu {
  background: var(--color-theme-accent-tint);
}
.label.secondary.svelte-1xtmsyu {
  background: var(--color-secondary);
}
.label.success.svelte-1xtmsyu {
  background: var(--color-theme-success);
}
.label.success-10.svelte-1xtmsyu {
  background: var(--color-theme-success-tint);
}
.label.warning.svelte-1xtmsyu {
  background: var(--color-theme-warning);
}
.label.warning-10.svelte-1xtmsyu {
  background: var(--color-theme-warning-tint);
}
.label.danger.svelte-1xtmsyu {
  background: var(--color-theme-danger);
}
.label.premium.svelte-1xtmsyu {
  background: var(--gradient-premium);
}
.label.premium-10.svelte-1xtmsyu {
  background: var(--gradient-premium-10);
}
.label.color-0.svelte-1xtmsyu {
  background-color: var(--color-theme-card-01);
}
.label.color-2.svelte-1xtmsyu {
  background-color: var(--color-theme-card-02);
}
.label.ai.svelte-1xtmsyu {
  background: var(--gradient-ai);
}
.label.disabled.svelte-1xtmsyu {
  background: var(--color-theme-card);
}
.label.experimental.svelte-1xtmsyu {
  background: #b59dff;
}
.label.label-xs.no-radius-top-left-diagonal.svelte-1xtmsyu, .label.label-s.no-radius-top-left-diagonal.svelte-1xtmsyu, .label.label-m.no-radius-top-left-diagonal.svelte-1xtmsyu, .label.label-l.no-radius-top-left-diagonal.svelte-1xtmsyu, .label.label-xl.no-radius-top-left-diagonal.svelte-1xtmsyu {
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
}
.label.label-xs.no-radius-bottom-left-diagonal.svelte-1xtmsyu, .label.label-s.no-radius-bottom-left-diagonal.svelte-1xtmsyu, .label.label-m.no-radius-bottom-left-diagonal.svelte-1xtmsyu, .label.label-l.no-radius-bottom-left-diagonal.svelte-1xtmsyu, .label.label-xl.no-radius-bottom-left-diagonal.svelte-1xtmsyu {
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
}
.label.label-xs.no-radius-left.svelte-1xtmsyu, .label.label-s.no-radius-left.svelte-1xtmsyu, .label.label-m.no-radius-left.svelte-1xtmsyu, .label.label-l.no-radius-left.svelte-1xtmsyu, .label.label-xl.no-radius-left.svelte-1xtmsyu {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.label.blinking-bg.svelte-1xtmsyu {
  animation: svelte-1xtmsyu-blinkBgColor 2800ms linear infinite;
}
.label.svelte-1xtmsyu .label-value-container:where(.svelte-1xtmsyu) {
  max-width: 100%;
  overflow: hidden;
  text-align: center;
}
.label.svelte-1xtmsyu .label-value-container:where(.svelte-1xtmsyu) .label-value:first-letter {
  text-transform: uppercase;
}
.label.svelte-1xtmsyu .blinking-icon {
  animation: svelte-1xtmsyu-blinkColor 2800ms linear infinite;
}

@keyframes svelte-1xtmsyu-blinkBgColor {
  0% {
    background-color: var(--blink-animation-start-color);
  }
  42.85% {
    /* (1200ms / 2800ms) * 100 */
    background-color: var(--blink-animation-start-color);
  }
  50% {
    /* (1200ms + 200ms) / 2800ms * 100 */
    background-color: var(--blink-animation-end-color);
  }
  92.85% {
    /* (1200ms + 200ms + 1200ms) / 2900ms * 100 */
    background-color: var(--blink-animation-end-color);
  }
  100% {
    background-color: var(--blink-animation-start-color);
  }
}
@keyframes svelte-1xtmsyu-blinkColor {
  0% {
    color: var(--blink-animation-start-color);
  }
  42.85% {
    /* (1200ms / 2800ms) * 100 */
    color: var(--blink-animation-start-color);
  }
  50% {
    /* (1200ms + 200ms) / 2800ms * 100 */
    color: var(--blink-animation-end-color);
  }
  92.85% {
    /* (1200ms + 200ms + 1200ms) / 2900ms * 100 */
    color: var(--blink-animation-end-color);
  }
  100% {
    color: var(--blink-animation-start-color);
  }
}@keyframes svelte-1c7hixw-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1c7hixw-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1c7hixw-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1c7hixw-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1c7hixw-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.button.svelte-1c7hixw {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0px 16px;
  max-width: 100%;
  color: var(--color-theme-text);
}
.button.svelte-1c7hixw:disabled {
  cursor: not-allowed;
}
.button.disabled.svelte-1c7hixw {
  cursor: not-allowed;
}
.button.large.svelte-1c7hixw, .button.size-lg-l.svelte-1c7hixw {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  font-weight: bold;
  height: 44px;
  border-radius: var(--radius-theme-md);
}
.button.medium.svelte-1c7hixw, .button.size-lg-m.svelte-1c7hixw {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  height: 32px;
  border-radius: var(--radius-theme-sm);
}
.button.small.svelte-1c7hixw, .button.size-lg-s.svelte-1c7hixw {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  font-weight: bold;
  height: 24px;
  border-radius: var(--radius-theme-xs);
  padding: 0px 12px;
}
.button.small.svelte-1c7hixw .spinner-box,
.button.small.svelte-1c7hixw .icon-grid.mr-s,
.button.small.svelte-1c7hixw .icon-grid.mr-xs, .button.size-lg-s.svelte-1c7hixw .spinner-box,
.button.size-lg-s.svelte-1c7hixw .icon-grid.mr-s,
.button.size-lg-s.svelte-1c7hixw .icon-grid.mr-xs {
  margin-right: 6px !important;
}
.button.small.svelte-1c7hixw .icon-grid.ml-s,
.button.small.svelte-1c7hixw .icon-grid.ml-xs, .button.size-lg-s.svelte-1c7hixw .icon-grid.ml-s,
.button.size-lg-s.svelte-1c7hixw .icon-grid.ml-xs {
  margin-left: 6px !important;
}
.button.small.svelte-1c7hixw .button-notification, .button.size-lg-s.svelte-1c7hixw .button-notification {
  width: 4px;
  height: 4px;
  top: 6px;
  right: 6px;
}
.button.small.svelte-1c7hixw .button-notification.with-title, .button.size-lg-s.svelte-1c7hixw .button-notification.with-title {
  width: auto;
  height: auto;
  top: -8px;
  right: -8px;
}
.button.small.svelte-1c7hixw .right-label, .button.size-lg-s.svelte-1c7hixw .right-label {
  right: -14px;
  top: -6px;
}
.button.primary.svelte-1c7hixw {
  color: var(--color-theme-text-on-accent);
  background-color: var(--color-theme-accent);
}
.button.primary.svelte-1c7hixw:focus, .button.primary.svelte-1c7hixw:not(.disabled-overlay):active {
  box-shadow: 0 0 0 2px var(--color-theme-fg-02) inset;
}
@media (hover: hover) and (pointer: fine) {
  .button.primary.svelte-1c7hixw:not(.disabled-overlay):hover {
    box-shadow: 0 0 0 2px var(--color-theme-fg-02) inset;
  }
}
.button.secondary.svelte-1c7hixw {
  box-shadow: 0 0 0 2px var(--color-theme-accent) inset;
}
.button.secondary.svelte-1c7hixw:focus, .button.secondary.svelte-1c7hixw:not(.disabled-overlay):active {
  background-color: var(--color-theme-accent-tint);
}
@media (hover: hover) and (pointer: fine) {
  .button.secondary.svelte-1c7hixw:not(.disabled-overlay):hover {
    background-color: var(--color-theme-accent-tint);
  }
}
.button.danger.svelte-1c7hixw {
  color: var(--color-theme-text-inverse);
  background-color: var(--color-theme-danger);
}
.button.danger.svelte-1c7hixw:focus, .button.danger.svelte-1c7hixw:not(.disabled-overlay):active {
  box-shadow: 0 0 0 2px var(--color-theme-text-inverse) inset;
}
@media (hover: hover) and (pointer: fine) {
  .button.danger.svelte-1c7hixw:not(.disabled-overlay):hover {
    box-shadow: 0 0 0 2px var(--color-theme-text-inverse) inset;
  }
}
.button.custom.svelte-1c7hixw {
  --custom-color: var(--color-theme-card);
  --custom-background: var(--color-theme-fg);
  background: transparent !important;
  color: var(--custom-color) !important;
}
.button.custom.svelte-1c7hixw .button-text {
  padding: 4px 8px;
  border-radius: var(--radius-theme-xs);
  background: var(--custom-background);
}
.button.custom.svelte-1c7hixw:focus, .button.custom.svelte-1c7hixw:not(.disabled-overlay):active {
  box-shadow: 0 0 0 1px var(--custom-background) inset;
}
@media (hover: hover) and (pointer: fine) {
  .button.custom.svelte-1c7hixw:not(.disabled-overlay):hover {
    box-shadow: 0 0 0 1px var(--custom-background) inset;
  }
}
.button.custom.small.svelte-1c7hixw {
  padding: 0px 2px;
}
.button.custom.medium.svelte-1c7hixw {
  padding: 0px 4px;
}
.button.custom.large.svelte-1c7hixw {
  padding: 0px 8px;
}
.button.premium.svelte-1c7hixw {
  background-image: var(--gradient-premium);
  color: var(--color-base);
}
.button.premium.svelte-1c7hixw:focus, .button.premium.svelte-1c7hixw:not(.disabled-overlay):active {
  box-shadow: 0 0 0 2px var(--color-theme-text-inverse) inset;
  background-color: var(--color-premium);
  background-image: none;
}
@media (hover: hover) and (pointer: fine) {
  .button.premium.svelte-1c7hixw:not(.disabled-overlay):hover {
    box-shadow: 0 0 0 2px var(--color-theme-text-inverse) inset;
    background-color: var(--color-premium);
    background-image: none;
  }
}
.button.success.svelte-1c7hixw {
  color: var(--color-theme-text-inverse);
  background-color: var(--color-theme-success);
}
.button.success.svelte-1c7hixw:focus, .button.success.svelte-1c7hixw:not(.disabled-overlay):active {
  box-shadow: 0 0 0 2px var(--color-theme-text-inverse) inset;
}
@media (hover: hover) and (pointer: fine) {
  .button.success.svelte-1c7hixw:not(.disabled-overlay):hover {
    box-shadow: 0 0 0 2px var(--color-theme-text-inverse) inset;
  }
}
.button.danger-secondary.svelte-1c7hixw {
  box-shadow: 0 0 0 2px var(--color-theme-danger) inset;
}
.button.danger-secondary.svelte-1c7hixw:focus, .button.danger-secondary.svelte-1c7hixw:not(.disabled-overlay):active {
  background-color: var(--color-theme-danger-tint);
}
@media (hover: hover) and (pointer: fine) {
  .button.danger-secondary.svelte-1c7hixw:not(.disabled-overlay):hover {
    background-color: var(--color-theme-danger-tint);
  }
}
.button.loading.svelte-1c7hixw .button-text,
.button.loading.svelte-1c7hixw .spinner-box {
  z-index: 1;
}
.button.svelte-1c7hixw .button-notification {
  position: absolute;
  top: 8px;
  right: 8px;
}
.button.svelte-1c7hixw .button-notification.with-title {
  top: -4px;
  right: -4px;
}
.button.svelte-1c7hixw .right-label {
  position: absolute;
  right: -12px;
  top: -4px;
  z-index: 1;
  max-width: 100%;
}

a.button.svelte-1c7hixw {
  text-decoration: none;
}

@media (max-width: 1123px) {
  .button.size-md-l.svelte-1c7hixw {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
    height: 44px;
    border-radius: var(--radius-theme-md);
  }
  .button.size-md-m.svelte-1c7hixw {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    height: 32px;
    border-radius: var(--radius-theme-sm);
  }
  .button.size-md-s.svelte-1c7hixw {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
    height: 24px;
    border-radius: var(--radius-theme-xs);
    padding: 0px 12px;
  }
  .button.size-md-s.svelte-1c7hixw .spinner-box,
  .button.size-md-s.svelte-1c7hixw .icon-grid.mr-s,
  .button.size-md-s.svelte-1c7hixw .icon-grid.mr-xs {
    margin-right: 6px !important;
  }
  .button.size-md-s.svelte-1c7hixw .icon-grid.ml-s,
  .button.size-md-s.svelte-1c7hixw .icon-grid.ml-xs {
    margin-left: 6px !important;
  }
  .button.size-md-s.svelte-1c7hixw .button-notification {
    width: 4px;
    height: 4px;
    top: 6px;
    right: 6px;
  }
  .button.size-md-s.svelte-1c7hixw .button-notification.with-title {
    width: auto;
    height: auto;
    top: -8px;
    right: -8px;
  }
  .button.size-md-s.svelte-1c7hixw .right-label {
    right: -14px;
    top: -6px;
  }
}
@media (max-width: 639px) {
  .button.size-sm-l.svelte-1c7hixw {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
    height: 44px;
    border-radius: var(--radius-theme-md);
  }
  .button.size-sm-m.svelte-1c7hixw {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    height: 32px;
    border-radius: var(--radius-theme-sm);
  }
  .button.size-sm-s.svelte-1c7hixw {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    font-weight: bold;
    height: 24px;
    border-radius: var(--radius-theme-xs);
    padding: 0px 12px;
  }
  .button.size-sm-s.svelte-1c7hixw .spinner-box,
  .button.size-sm-s.svelte-1c7hixw .icon-grid.mr-s,
  .button.size-sm-s.svelte-1c7hixw .icon-grid.mr-xs {
    margin-right: 6px !important;
  }
  .button.size-sm-s.svelte-1c7hixw .icon-grid.ml-s,
  .button.size-sm-s.svelte-1c7hixw .icon-grid.ml-xs {
    margin-left: 6px !important;
  }
  .button.size-sm-s.svelte-1c7hixw .button-notification {
    width: 4px;
    height: 4px;
    top: 6px;
    right: 6px;
  }
  .button.size-sm-s.svelte-1c7hixw .button-notification.with-title {
    width: auto;
    height: auto;
    top: -8px;
    right: -8px;
  }
  .button.size-sm-s.svelte-1c7hixw .right-label {
    right: -14px;
    top: -6px;
  }
}@keyframes svelte-g0h4h4-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-g0h4h4-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-g0h4h4-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-g0h4h4-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-g0h4h4-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.button-v2.svelte-g0h4h4 {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  color: var(--button-text, var(--color-theme-text));
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0px 16px;
  max-width: 100%;
  --button-radius: var(--radius-theme-xl);
  border-radius: var(--button-radius);
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}
.button-v2.svelte-g0h4h4:disabled {
  cursor: not-allowed;
}
.button-v2.disabled.svelte-g0h4h4 {
  cursor: not-allowed;
}
.button-v2.svelte-g0h4h4:focus, .button-v2.svelte-g0h4h4:not(.disabled-overlay):active {
  transform: scale(0.97);
}
.button-v2.large.svelte-g0h4h4, .button-v2.size-lg-l.svelte-g0h4h4 {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  height: var(--control-height-l);
}
.button-v2.extra-large.svelte-g0h4h4, .button-v2.size-lg-xl.svelte-g0h4h4 {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  height: var(--control-height-l-plus);
}
.button-v2.medium.svelte-g0h4h4, .button-v2.size-lg-m.svelte-g0h4h4 {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  height: var(--control-height-m);
}
.button-v2.small.svelte-g0h4h4, .button-v2.size-lg-s.svelte-g0h4h4 {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
  height: var(--control-height-s);
  padding: 0px 12px;
}
.button-v2.small.svelte-g0h4h4 .spinner-box,
.button-v2.small.svelte-g0h4h4 .icon-grid.mr-s,
.button-v2.small.svelte-g0h4h4 .icon-grid.mr-xs, .button-v2.size-lg-s.svelte-g0h4h4 .spinner-box,
.button-v2.size-lg-s.svelte-g0h4h4 .icon-grid.mr-s,
.button-v2.size-lg-s.svelte-g0h4h4 .icon-grid.mr-xs {
  margin-right: 6px !important;
}
.button-v2.small.svelte-g0h4h4 .icon-grid.ml-s,
.button-v2.small.svelte-g0h4h4 .icon-grid.ml-xs, .button-v2.size-lg-s.svelte-g0h4h4 .icon-grid.ml-s,
.button-v2.size-lg-s.svelte-g0h4h4 .icon-grid.ml-xs {
  margin-left: 6px !important;
}
.button-v2.small.svelte-g0h4h4 .button-notification, .button-v2.size-lg-s.svelte-g0h4h4 .button-notification {
  width: 4px;
  height: 4px;
  top: 6px;
  right: 6px;
}
.button-v2.small.svelte-g0h4h4 .button-notification.with-title, .button-v2.size-lg-s.svelte-g0h4h4 .button-notification.with-title {
  width: auto;
  height: auto;
  top: -8px;
  right: -8px;
}
.button-v2.small.svelte-g0h4h4 .right-label, .button-v2.size-lg-s.svelte-g0h4h4 .right-label {
  right: -14px;
  top: -6px;
}
.button-v2.radius-extra-small.svelte-g0h4h4 {
  --button-radius: var(--radius-theme-xs);
}
.button-v2.primary.svelte-g0h4h4 {
  --button-text: var(--color-theme-text-inverse);
  background-color: var(--color-theme-fg);
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
@media (hover: hover) and (pointer: fine) {
  .button-v2.primary.svelte-g0h4h4:not(.disabled-overlay):hover {
    background-color: color-mix(in srgb, var(--color-theme-fg) 55%, var(--color-theme-bg));
  }
}
.button-v2.secondary.svelte-g0h4h4 {
  background-color: transparent;
  color: var(--color-theme-text);
  border: 1px solid var(--color-theme-fg);
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
@media (hover: hover) and (pointer: fine) {
  .button-v2.secondary.svelte-g0h4h4:not(.disabled-overlay):hover {
    background-color: var(--color-theme-fg);
    color: var(--color-theme-text-inverse);
  }
}
.button-v2.secondary.disabled-overlay.svelte-g0h4h4 {
  border: 1px solid var(--color-theme-border-03);
}
.button-v2.danger.svelte-g0h4h4 {
  --button-text: var(--color-theme-text-inverse);
  background-color: var(--color-theme-danger);
}
.button-v2.danger.svelte-g0h4h4:focus, .button-v2.danger.svelte-g0h4h4:not(.disabled-overlay):active {
  box-shadow: 0 0 0 2px var(--color-theme-text-inverse) inset;
}
@media (hover: hover) and (pointer: fine) {
  .button-v2.danger.svelte-g0h4h4:not(.disabled-overlay):hover {
    box-shadow: 0 0 0 2px var(--color-theme-text-inverse) inset;
  }
}
.button-v2.custom.svelte-g0h4h4 {
  --custom-color: var(--color-theme-card);
  --custom-background: var(--color-theme-fg);
  background: transparent !important;
  color: var(--custom-color) !important;
}
.button-v2.custom.svelte-g0h4h4 .button-text {
  padding: 4px 8px;
  border-radius: var(--button-radius);
  background: var(--custom-background);
}
.button-v2.custom.svelte-g0h4h4:focus, .button-v2.custom.svelte-g0h4h4:not(.disabled-overlay):active {
  box-shadow: 0 0 0 1px var(--custom-background) inset;
}
@media (hover: hover) and (pointer: fine) {
  .button-v2.custom.svelte-g0h4h4:not(.disabled-overlay):hover {
    box-shadow: 0 0 0 1px var(--custom-background) inset;
  }
}
.button-v2.custom.small.svelte-g0h4h4 {
  padding: 0px 2px;
}
.button-v2.custom.medium.svelte-g0h4h4 {
  padding: 0px 4px;
}
.button-v2.custom.large.svelte-g0h4h4 {
  padding: 0px 8px;
}
.button-v2.custom.extra-large.svelte-g0h4h4 {
  padding: 0px 10px;
}
.button-v2.premium.svelte-g0h4h4 {
  --button-text: var(--color-base);
  background-image: var(--gradient-premium);
}
.button-v2.premium.svelte-g0h4h4:focus, .button-v2.premium.svelte-g0h4h4:not(.disabled-overlay):active {
  background-color: var(--color-premium);
  background-image: none;
}
@media (hover: hover) and (pointer: fine) {
  .button-v2.premium.svelte-g0h4h4:not(.disabled-overlay):hover {
    background-color: var(--color-premium);
    background-image: none;
  }
}
.button-v2.success.svelte-g0h4h4 {
  --button-text: var(--color-theme-text-inverse);
  background-color: var(--color-theme-success);
}
.button-v2.success.svelte-g0h4h4:focus, .button-v2.success.svelte-g0h4h4:not(.disabled-overlay):active {
  box-shadow: 0 0 0 2px var(--color-theme-text-inverse) inset;
}
@media (hover: hover) and (pointer: fine) {
  .button-v2.success.svelte-g0h4h4:not(.disabled-overlay):hover {
    box-shadow: 0 0 0 2px var(--color-theme-text-inverse) inset;
  }
}
.button-v2.danger-secondary.svelte-g0h4h4 {
  box-shadow: 0 0 0 2px var(--color-theme-danger) inset;
}
.button-v2.danger-secondary.svelte-g0h4h4:focus, .button-v2.danger-secondary.svelte-g0h4h4:not(.disabled-overlay):active {
  background-color: var(--color-theme-danger-tint);
}
@media (hover: hover) and (pointer: fine) {
  .button-v2.danger-secondary.svelte-g0h4h4:not(.disabled-overlay):hover {
    background-color: var(--color-theme-danger-tint);
  }
}
.button-v2.loading.svelte-g0h4h4 .button-text,
.button-v2.loading.svelte-g0h4h4 .spinner-box {
  z-index: 1;
}
.button-v2.svelte-g0h4h4 .button-notification {
  position: absolute;
  top: 8px;
  right: 8px;
}
.button-v2.svelte-g0h4h4 .button-notification.with-title {
  top: -4px;
  right: -4px;
}
.button-v2.svelte-g0h4h4 .right-label {
  position: absolute;
  right: -8px;
  top: -6px;
  z-index: 1;
  max-width: 100%;
}

a.button-v2.svelte-g0h4h4 {
  text-decoration: none;
}

@media (max-width: 1123px) {
  .button-v2.size-md-l.svelte-g0h4h4 {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    height: var(--control-height-l);
  }
  .button-v2.size-md-xl.svelte-g0h4h4 {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    height: var(--control-height-l-plus);
  }
  .button-v2.size-md-m.svelte-g0h4h4 {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    height: var(--control-height-m);
  }
  .button-v2.size-md-s.svelte-g0h4h4 {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    height: var(--control-height-s);
    padding: 0px 12px;
  }
  .button-v2.size-md-s.svelte-g0h4h4 .spinner-box,
  .button-v2.size-md-s.svelte-g0h4h4 .icon-grid.mr-s,
  .button-v2.size-md-s.svelte-g0h4h4 .icon-grid.mr-xs {
    margin-right: 6px !important;
  }
  .button-v2.size-md-s.svelte-g0h4h4 .icon-grid.ml-s,
  .button-v2.size-md-s.svelte-g0h4h4 .icon-grid.ml-xs {
    margin-left: 6px !important;
  }
  .button-v2.size-md-s.svelte-g0h4h4 .button-notification {
    width: 4px;
    height: 4px;
    top: 6px;
    right: 6px;
  }
  .button-v2.size-md-s.svelte-g0h4h4 .button-notification.with-title {
    width: auto;
    height: auto;
    top: -8px;
    right: -8px;
  }
  .button-v2.size-md-s.svelte-g0h4h4 .right-label {
    right: -14px;
    top: -6px;
  }
}
@media (max-width: 639px) {
  .button-v2.size-sm-l.svelte-g0h4h4 {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    height: var(--control-height-l);
  }
  .button-v2.size-sm-xl.svelte-g0h4h4 {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    height: var(--control-height-l-plus);
  }
  .button-v2.size-sm-m.svelte-g0h4h4 {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    height: var(--control-height-m);
  }
  .button-v2.size-sm-s.svelte-g0h4h4 {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    height: var(--control-height-s);
    padding: 0px 12px;
  }
  .button-v2.size-sm-s.svelte-g0h4h4 .spinner-box,
  .button-v2.size-sm-s.svelte-g0h4h4 .icon-grid.mr-s,
  .button-v2.size-sm-s.svelte-g0h4h4 .icon-grid.mr-xs {
    margin-right: 6px !important;
  }
  .button-v2.size-sm-s.svelte-g0h4h4 .icon-grid.ml-s,
  .button-v2.size-sm-s.svelte-g0h4h4 .icon-grid.ml-xs {
    margin-left: 6px !important;
  }
  .button-v2.size-sm-s.svelte-g0h4h4 .button-notification {
    width: 4px;
    height: 4px;
    top: 6px;
    right: 6px;
  }
  .button-v2.size-sm-s.svelte-g0h4h4 .button-notification.with-title {
    width: auto;
    height: auto;
    top: -8px;
    right: -8px;
  }
  .button-v2.size-sm-s.svelte-g0h4h4 .right-label {
    right: -14px;
    top: -6px;
  }
}@keyframes svelte-b4bpsq-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-b4bpsq-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-b4bpsq-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-b4bpsq-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-b4bpsq-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.button-group.svelte-b4bpsq {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 3px;
  border-radius: var(--radius-theme-md);
  background-color: var(--color-theme-card);
  max-width: 100%;
  justify-content: center;
}
.button-group.bg-light.svelte-b4bpsq {
  background-color: var(--color-theme-card-02);
}
.button-group.no-wrap.svelte-b4bpsq {
  flex-wrap: nowrap;
}
.button-group.no-wrap.svelte-b4bpsq .button {
  min-width: var(--group-btn-min-width, 60px);
}
.button-group.no-wrap.svelte-b4bpsq .button:not(.custom) {
  padding: 0px 4px !important;
}
.button-group.vertical.svelte-b4bpsq {
  flex-direction: column;
}
.button-group.svelte-b4bpsq .button {
  max-width: calc(100% - 6px);
  min-width: 32px;
  margin: 3px !important;
}
.button-group.svelte-b4bpsq .button.custom:focus:not(.active) {
  box-shadow: unset !important;
}
.button-group.svelte-b4bpsq .button:not(.custom):not(.active) {
  padding: 0px 8px !important;
  font-weight: normal;
  background: unset;
  box-shadow: unset;
  color: var(--color-theme-text);
}
.button-group.svelte-b4bpsq .button:not(.custom):not(.active):not(.disabled-overlay):hover {
  box-shadow: 0 0 0 2px var(--color-theme-accent) inset;
}
.button-group.svelte-b4bpsq .button.disabled-overlay:not(.custom):not(.active) {
  color: var(--color-theme-fg-02);
  -webkit-text-fill-color: var(--color-theme-fg-02);
  opacity: 1;
}
.button-group.svelte-b4bpsq .button.disabled-overlay:not(.custom):not(.active)::before {
  display: none;
}
.button-group.svelte-b4bpsq .button.custom.disabled-overlay:not(.active) .button-text {
  position: relative;
}
.button-group.svelte-b4bpsq .button.custom.disabled-overlay:not(.active) .button-text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-base);
  opacity: 0.5;
  border-radius: inherit;
}
.button-group.svelte-b4bpsq .button.custom.disabled-overlay:not(.active)::before {
  display: none;
}
.button-group.svelte-b4bpsq .button.disabled-overlay.active:not(.custom) {
  background: var(--color-theme-accent-tint-strong);
  font-weight: bold;
}
.button-group.svelte-b4bpsq .button.active:not(.custom) {
  background: var(--color-theme-accent);
  color: var(--color-theme-text-on-accent);
  font-weight: bold;
}
.button-group.tiny-styles.svelte-b4bpsq .button {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
}
.button-group.body-extra-small-styles.svelte-b4bpsq .button {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
}@keyframes svelte-1i9d9de-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1i9d9de-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1i9d9de-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1i9d9de-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1i9d9de-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.button-group.svelte-1i9d9de {
  --button-group-radius: 34px;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 3px;
  border-radius: var(--button-group-radius);
  border: 1px solid var(--color-theme-border-03);
  background-color: var(--color-theme-card-01);
  max-width: 100%;
  justify-content: center;
}
.button-group.bg-light.svelte-1i9d9de {
  background-color: var(--color-theme-card-02);
}
.button-group.bg-light.svelte-1i9d9de .button.disabled-overlay:not(.custom):not(.active),
.button-group.bg-light.svelte-1i9d9de .button-v2.disabled-overlay:not(.custom):not(.active) {
  color: var(--color-theme-fg-02);
  -webkit-text-fill-color: var(--color-theme-fg-02);
  opacity: 1;
}
.button-group.bg-light.svelte-1i9d9de .button.disabled-overlay:not(.custom):not(.active)::before,
.button-group.bg-light.svelte-1i9d9de .button-v2.disabled-overlay:not(.custom):not(.active)::before {
  display: none;
}
.button-group.no-wrap.svelte-1i9d9de {
  flex-wrap: nowrap;
}
.button-group.no-wrap.svelte-1i9d9de .button,
.button-group.no-wrap.svelte-1i9d9de .button-v2 {
  min-width: var(--group-btn-min-width, 60px);
}
.button-group.no-wrap.svelte-1i9d9de .button:not(.custom),
.button-group.no-wrap.svelte-1i9d9de .button-v2:not(.custom) {
  padding: 0px 4px !important;
}
.button-group.vertical.svelte-1i9d9de {
  flex-direction: column;
}
.button-group.full-width.svelte-1i9d9de {
  display: flex;
  width: 100%;
}
.button-group.full-width.svelte-1i9d9de:not(.vertical) .button, .button-group.full-width.svelte-1i9d9de:not(.vertical) .button-v2 {
  flex: 1 1 0;
}
.button-group.full-width.vertical.svelte-1i9d9de .button, .button-group.full-width.vertical.svelte-1i9d9de .button-v2 {
  width: calc(100% - 6px);
}
.button-group.svelte-1i9d9de .button,
.button-group.svelte-1i9d9de .button-v2 {
  max-width: calc(100% - 6px);
  margin: 3px !important;
}
.button-group.svelte-1i9d9de .button.custom:focus:not(.active),
.button-group.svelte-1i9d9de .button-v2.custom:focus:not(.active) {
  box-shadow: unset !important;
}
.button-group.svelte-1i9d9de .button:not(.custom):not(.active),
.button-group.svelte-1i9d9de .button-v2:not(.custom):not(.active) {
  padding: 0px 8px !important;
  font-weight: normal;
  background: unset;
  box-shadow: unset;
  color: var(--color-theme-text);
}
.button-group.svelte-1i9d9de .button:not(.custom):not(.active):not(.disabled-overlay):hover,
.button-group.svelte-1i9d9de .button-v2:not(.custom):not(.active):not(.disabled-overlay):hover {
  box-shadow: 0 0 0 1px var(--color-theme-fg) inset;
  border-radius: var(--button-group-radius);
}
.button-group.svelte-1i9d9de .button.disabled-overlay:not(.custom):not(.active),
.button-group.svelte-1i9d9de .button-v2.disabled-overlay:not(.custom):not(.active) {
  color: var(--color-theme-fg-02);
  -webkit-text-fill-color: var(--color-theme-fg-02);
  opacity: 1;
}
.button-group.svelte-1i9d9de .button.disabled-overlay:not(.custom):not(.active)::before,
.button-group.svelte-1i9d9de .button-v2.disabled-overlay:not(.custom):not(.active)::before {
  display: none;
}
.button-group.svelte-1i9d9de .button.custom.disabled-overlay:not(.active) .button-text,
.button-group.svelte-1i9d9de .button-v2.custom.disabled-overlay:not(.active) .button-text {
  position: relative;
}
.button-group.svelte-1i9d9de .button.custom.disabled-overlay:not(.active) .button-text::before,
.button-group.svelte-1i9d9de .button-v2.custom.disabled-overlay:not(.active) .button-text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-base);
  opacity: 0.5;
  border-radius: inherit;
}
.button-group.svelte-1i9d9de .button.custom.disabled-overlay:not(.active)::before,
.button-group.svelte-1i9d9de .button-v2.custom.disabled-overlay:not(.active)::before {
  display: none;
}
.button-group.svelte-1i9d9de .button.active:not(.custom),
.button-group.svelte-1i9d9de .button-v2.active:not(.custom) {
  background: var(--color-theme-fg);
  color: var(--color-theme-text-inverse);
}
.button-group.tiny-styles.svelte-1i9d9de .button,
.button-group.tiny-styles.svelte-1i9d9de .button-v2 {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
}
.button-group.body-extra-small-styles.svelte-1i9d9de .button,
.button-group.body-extra-small-styles.svelte-1i9d9de .button-v2 {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
}
.button-group.svelte-1i9d9de .button.active,
.button-group.svelte-1i9d9de .button-v2.active {
  color: var(--color-theme-text-inverse);
  border-radius: var(--button-group-radius);
}
.button-group.segmented.svelte-1i9d9de {
  --button-group-radius: var(--radius-theme-sm);
  padding: var(--spacing-xs);
  background-color: var(--color-theme-fg-05);
  border-color: var(--color-theme-fg-05);
}
.button-group.segmented.svelte-1i9d9de .button,
.button-group.segmented.svelte-1i9d9de .button-v2 {
  margin: 0 !important;
  border-radius: var(--radius-theme-xs);
}
.button-group.segmented.svelte-1i9d9de .button:not(.custom):not(.active),
.button-group.segmented.svelte-1i9d9de .button-v2:not(.custom):not(.active) {
  color: var(--color-theme-text-sec);
  font-weight: normal;
  background: transparent;
  box-shadow: unset;
}
.button-group.segmented.svelte-1i9d9de .button:not(.custom):not(.active):not(.disabled-overlay):hover,
.button-group.segmented.svelte-1i9d9de .button-v2:not(.custom):not(.active):not(.disabled-overlay):hover {
  box-shadow: unset;
  background: var(--color-theme-fg-05);
}
.button-group.segmented.svelte-1i9d9de .button.active,
.button-group.segmented.svelte-1i9d9de .button-v2.active {
  color: var(--color-theme-text);
  font-weight: 500;
  background: var(--color-theme-fg-05);
  box-shadow: 0 0 0 1px var(--color-theme-fg-08) inset;
  border-radius: var(--radius-theme-xs);
}
.button-group.segmented.svelte-1i9d9de .button.active:not(.custom),
.button-group.segmented.svelte-1i9d9de .button-v2.active:not(.custom) {
  background: var(--color-theme-fg-05);
  color: var(--color-theme-text);
}

@media screen and (max-width: 639px) {
  .button-group.svelte-1i9d9de {
    display: flex;
    width: 100%;
  }
  .button-group.svelte-1i9d9de:not(.vertical) .button, .button-group.svelte-1i9d9de:not(.vertical) .button-v2 {
    flex: 1 1 0;
  }
  .button-group.vertical.svelte-1i9d9de .button, .button-group.vertical.svelte-1i9d9de .button-v2 {
    width: calc(100% - 6px);
  }
}@keyframes svelte-kes57u-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-kes57u-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-kes57u-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-kes57u-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-kes57u-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.segmented-control.svelte-kes57u {
  --segmented-pad: var(--spacing-xxs);
  --segmented-height: 32px;
  position: relative;
  isolation: isolate;
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  padding: var(--segmented-pad);
  border: 1px solid var(--color-theme-border-02);
  border-radius: var(--radius-theme-pill);
  background: var(--color-theme-fg-05);
}
.segmented-control.size-m.svelte-kes57u {
  --segmented-height: 40px;
}

.segmented-thumb.svelte-kes57u {
  position: absolute;
  z-index: 0;
  top: var(--segmented-pad);
  bottom: var(--segmented-pad);
  left: var(--segmented-pad);
  width: calc((100% - 2 * var(--segmented-pad)) / var(--segment-count));
  transform: translateX(calc(var(--segment-index) * 100%));
  border-radius: var(--radius-theme-pill);
  background: var(--color-theme-card-02);
  box-shadow: 0 0 0 1px var(--color-theme-border-03);
  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  .segmented-thumb.svelte-kes57u {
    transition: none;
  }
}

.segmented-option.svelte-kes57u {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  min-width: calc(var(--segmented-height) - 2 * var(--segmented-pad) - 2px);
  height: calc(var(--segmented-height) - 2 * var(--segmented-pad) - 2px);
  padding: 0 var(--spacing-s-plus);
  border-radius: var(--radius-theme-pill);
  color: var(--color-theme-text-sec);
  white-space: nowrap;
  transition: color 160ms ease;
}
.segmented-option.svelte-kes57u:disabled {
  cursor: not-allowed;
}
.size-m.svelte-kes57u .segmented-option:where(.svelte-kes57u) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
}
.icon-only.svelte-kes57u .segmented-option:where(.svelte-kes57u) {
  min-width: var(--segmented-height);
  padding: 0 var(--spacing-xs);
}
.segmented-option.svelte-kes57u:hover:not(:disabled), .segmented-option.is-selected.svelte-kes57u {
  color: var(--color-theme-text);
}
.segmented-option.svelte-kes57u:focus-visible {
  outline: 2px solid var(--color-theme-accent);
  outline-offset: 1px;
}
.segmented-option.svelte-kes57u:disabled {
  color: var(--color-theme-text-disabled);
}@keyframes svelte-1bymxop-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1bymxop-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1bymxop-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1bymxop-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1bymxop-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.text.svelte-1bymxop {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  text-decoration: underline;
}@keyframes svelte-znl5fq-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-znl5fq-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-znl5fq-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-znl5fq-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-znl5fq-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.icon-button.svelte-znl5fq {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0px 6px;
  height: 32px;
  border-radius: var(--radius-theme-sm);
  position: relative;
  color: var(--color-theme-text);
}
.icon-button.svelte-znl5fq:disabled {
  cursor: not-allowed;
}
.icon-button.disabled.svelte-znl5fq {
  cursor: not-allowed;
}
.icon-button.circle.svelte-znl5fq {
  border-radius: var(--radius-theme-xl);
}
.icon-button.primary.svelte-znl5fq {
  color: var(--color-theme-text-on-accent);
  background-color: var(--color-theme-accent);
}
.icon-button.primary.active.svelte-znl5fq, .icon-button.primary.svelte-znl5fq:focus, .icon-button.primary.svelte-znl5fq:not(.disabled-overlay, .active):active {
  box-shadow: 0 0 0 2px var(--color-theme-fg-02) inset;
}
.icon-button.primary.active.svelte-znl5fq {
  background: var(--color-theme-accent-tint-strong);
}
@media (hover: hover) and (pointer: fine) {
  .icon-button.primary.svelte-znl5fq:not(.disabled-overlay, .active):hover {
    box-shadow: 0 0 0 2px var(--color-theme-fg-02) inset;
  }
}
.icon-button.danger.svelte-znl5fq {
  color: var(--color-theme-text-inverse);
  background-color: var(--color-theme-danger);
}
.icon-button.danger.active.svelte-znl5fq, .icon-button.danger.svelte-znl5fq:focus, .icon-button.danger.svelte-znl5fq:not(.disabled-overlay, .active):active {
  box-shadow: 0 0 0 2px var(--color-theme-text-inverse) inset;
}
.icon-button.danger.active.svelte-znl5fq {
  background: var(--color-theme-danger-tint-strong);
}
@media (hover: hover) and (pointer: fine) {
  .icon-button.danger.svelte-znl5fq:not(.disabled-overlay, .active):hover {
    box-shadow: 0 0 0 2px var(--color-theme-text-inverse) inset;
  }
}
.icon-button.danger-secondary.svelte-znl5fq {
  background-color: var(--color-theme-card);
  color: var(--color-theme-danger);
}
.icon-button.danger-secondary.active.svelte-znl5fq, .icon-button.danger-secondary.svelte-znl5fq:focus, .icon-button.danger-secondary.svelte-znl5fq:not(.disabled-overlay, .active):active {
  box-shadow: 0 0 0 2px var(--color-theme-fg) inset;
}
.icon-button.danger-secondary.active.svelte-znl5fq {
  background: var(--color-theme-card-01);
}
@media (hover: hover) and (pointer: fine) {
  .icon-button.danger-secondary.svelte-znl5fq:not(.disabled-overlay, .active):hover {
    box-shadow: 0 0 0 2px var(--color-theme-fg) inset;
  }
}
.icon-button.success.svelte-znl5fq {
  color: var(--color-theme-text-inverse);
  background-color: var(--color-theme-success);
}
.icon-button.success.active.svelte-znl5fq, .icon-button.success.svelte-znl5fq:focus, .icon-button.success.svelte-znl5fq:not(.disabled-overlay, .active):active {
  box-shadow: 0 0 0 2px var(--color-theme-text-inverse) inset;
}
.icon-button.success.active.svelte-znl5fq {
  background: var(--color-theme-success-tint-strong);
}
@media (hover: hover) and (pointer: fine) {
  .icon-button.success.svelte-znl5fq:not(.disabled-overlay, .active):hover {
    box-shadow: 0 0 0 2px var(--color-theme-text-inverse) inset;
  }
}
.icon-button.secondary.svelte-znl5fq, .icon-button.label.svelte-znl5fq {
  background-color: var(--color-theme-card);
}
.icon-button.transparent.svelte-znl5fq {
  background-color: transparent;
}
.icon-button.transparent.active.svelte-znl5fq, .icon-button.transparent.svelte-znl5fq:focus, .icon-button.transparent.svelte-znl5fq:not(.disabled-overlay, .active):active {
  background-color: var(--color-theme-card);
  box-shadow: 0 0 0 2px var(--color-theme-accent) inset;
}
.icon-button.transparent.active.svelte-znl5fq {
  background: var(--color-theme-card-01);
}
@media (hover: hover) and (pointer: fine) {
  .icon-button.transparent.svelte-znl5fq:not(.disabled-overlay, .active):hover {
    background-color: var(--color-theme-card);
  }
}
.icon-button.muted.svelte-znl5fq {
  --icon-button-muted-background: color-mix(in srgb, var(--color-theme-card) 40%, transparent);
  background-color: var(--icon-button-muted-background);
}
.icon-button.secondary.with-text.svelte-znl5fq, .icon-button.muted.with-text.svelte-znl5fq, .icon-button.label.with-text.svelte-znl5fq {
  padding: 0px 8px;
}
.icon-button.secondary.svelte-znl5fq:focus, .icon-button.secondary.svelte-znl5fq:not(.disabled-overlay, .active):active, .icon-button.muted.svelte-znl5fq:focus, .icon-button.muted.svelte-znl5fq:not(.disabled-overlay, .active):active, .icon-button.label.svelte-znl5fq:focus, .icon-button.label.svelte-znl5fq:not(.disabled-overlay, .active):active {
  box-shadow: 0 0 0 2px var(--color-theme-accent) inset;
}
.icon-button.secondary.svelte-znl5fq:focus .text, .icon-button.secondary.svelte-znl5fq:not(.disabled-overlay, .active):active .text, .icon-button.muted.svelte-znl5fq:focus .text, .icon-button.muted.svelte-znl5fq:not(.disabled-overlay, .active):active .text, .icon-button.label.svelte-znl5fq:focus .text, .icon-button.label.svelte-znl5fq:not(.disabled-overlay, .active):active .text {
  text-decoration: none;
}
.icon-button.secondary.active.svelte-znl5fq, .icon-button.muted.active.svelte-znl5fq, .icon-button.label.active.svelte-znl5fq {
  background: var(--color-theme-card-01);
  box-shadow: 0 0 0 2px var(--color-theme-accent) inset;
}
@media (hover: hover) and (pointer: fine) {
  .icon-button.secondary.svelte-znl5fq:not(.disabled-overlay, .active):hover, .icon-button.muted.svelte-znl5fq:not(.disabled-overlay, .active):hover, .icon-button.label.svelte-znl5fq:not(.disabled-overlay, .active):hover {
    box-shadow: 0 0 0 2px var(--color-theme-accent) inset;
  }
  .icon-button.secondary.svelte-znl5fq:not(.disabled-overlay, .active):hover .text, .icon-button.muted.svelte-znl5fq:not(.disabled-overlay, .active):hover .text, .icon-button.label.svelte-znl5fq:not(.disabled-overlay, .active):hover .text {
    text-decoration: none;
  }
}
.icon-button.muted.active.svelte-znl5fq, .icon-button.muted.svelte-znl5fq:focus {
  box-shadow: 0 0 0 2px var(--color-theme-fg) inset;
}
@media (hover: hover) and (pointer: fine) {
  .icon-button.muted.svelte-znl5fq:not(.disabled-overlay, .active):hover {
    box-shadow: 0 0 0 2px var(--color-theme-fg) inset;
  }
}
.icon-button.label.svelte-znl5fq {
  width: 38px;
}
.icon-button.label.with-text.svelte-znl5fq {
  padding: 0px 7px;
}
.icon-button.label.loading.svelte-znl5fq {
  padding: 0px 6px;
}
.icon-button.white.svelte-znl5fq {
  background-color: var(--color-theme-fg);
  color: var(--color-theme-text-inverse);
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.icon-button.white.with-text.svelte-znl5fq {
  padding: 0px 8px;
}
@media (hover: hover) and (pointer: fine) {
  .icon-button.white.svelte-znl5fq:not(.disabled-overlay, .active):hover {
    background-color: color-mix(in srgb, var(--color-theme-fg) 55%, var(--color-theme-bg));
  }
}
.icon-button.help.svelte-znl5fq {
  color: var(--color-theme-accent);
}
.icon-button.help.disabled-overlay.svelte-znl5fq {
  color: var(--color-theme-text-disabled);
}
.icon-button.help.active.svelte-znl5fq, .icon-button.help.svelte-znl5fq:focus, .icon-button.help.svelte-znl5fq:not(.disabled-overlay, .active):active {
  box-shadow: 0 0 0 2px var(--color-theme-accent) inset;
}
@media (hover: hover) and (pointer: fine) {
  .icon-button.help.svelte-znl5fq:not(.disabled-overlay, .active):hover {
    box-shadow: 0 0 0 2px var(--color-theme-accent) inset;
  }
}
.icon-button.help-2.disabled-overlay.svelte-znl5fq {
  color: var(--color-theme-text-disabled);
}
.icon-button.help-2.active.svelte-znl5fq, .icon-button.help-2.svelte-znl5fq:focus, .icon-button.help-2.svelte-znl5fq:not(.disabled-overlay, .active):active {
  box-shadow: 0 0 0 2px var(--color-theme-fg) inset;
}
@media (hover: hover) and (pointer: fine) {
  .icon-button.help-2.svelte-znl5fq:not(.disabled-overlay, .active):hover {
    box-shadow: 0 0 0 2px var(--color-theme-fg) inset;
  }
}
.icon-button.loading.svelte-znl5fq .text,
.icon-button.loading.svelte-znl5fq .spinner-box {
  z-index: 1;
}
.icon-button.svelte-znl5fq .notification-position {
  position: absolute;
  top: 4px;
  right: 4px;
}
.icon-button.svelte-znl5fq .circle-notification {
  position: absolute;
  top: 5px;
  right: 6px;
  width: 5px;
  height: 5px;
}
.icon-button.svelte-znl5fq .notification-position.with-title {
  top: -4px;
  right: -4px;
}

a.icon-button {
  text-decoration: none;
}@keyframes svelte-wu9e8a-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-wu9e8a-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-wu9e8a-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-wu9e8a-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-wu9e8a-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.checkbox-wrapper.svelte-wu9e8a {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  padding: 6px 0px;
}
.checkbox-wrapper.size-m.svelte-wu9e8a:has(input:where(.svelte-wu9e8a):focus-visible):not(.vertical) .label-text {
  padding-right: 3px;
}
.checkbox-wrapper.size-m.svelte-wu9e8a .checkbox:where(.svelte-wu9e8a) input:where(.svelte-wu9e8a) {
  height: 20px;
  width: 20px;
}
.checkbox-wrapper.size-l.svelte-wu9e8a:has(input:where(.svelte-wu9e8a):focus-visible):not(.vertical) .label-text {
  padding-right: 5px;
}
.checkbox-wrapper.size-l.svelte-wu9e8a .checkbox:where(.svelte-wu9e8a) input:where(.svelte-wu9e8a) {
  height: 32px;
  width: 32px;
}
.checkbox-wrapper.vertical.svelte-wu9e8a {
  padding-top: 8px;
  padding-bottom: 0;
}
.checkbox-wrapper.vertical.size-m.svelte-wu9e8a {
  padding-top: 4px;
}
.checkbox-wrapper.vertical.svelte-wu9e8a .checkbox:where(.svelte-wu9e8a) {
  flex-direction: column;
}
.checkbox-wrapper.vertical.svelte-wu9e8a .checkbox:where(.svelte-wu9e8a) input:where(.svelte-wu9e8a) {
  top: unset;
  bottom: 0;
}
.checkbox-wrapper.disabled.svelte-wu9e8a .checkbox:where(.svelte-wu9e8a) {
  cursor: not-allowed;
}
.checkbox-wrapper.svelte-wu9e8a .checkbox:where(.svelte-wu9e8a) {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.checkbox-wrapper.svelte-wu9e8a .checkbox:where(.svelte-wu9e8a):has(input:where(.svelte-wu9e8a):focus-visible) {
  box-shadow: 0 0 0 1px var(--color-theme-accent) inset;
  border-radius: 4px;
}
.checkbox-wrapper.svelte-wu9e8a .checkbox:where(.svelte-wu9e8a) .checkbox-icon:where(.svelte-wu9e8a) {
  color: inherit;
}
.checkbox-wrapper.svelte-wu9e8a .checkbox:where(.svelte-wu9e8a) .checkbox-icon.is-checked:where(.svelte-wu9e8a) {
  color: var(--color-theme-accent);
}
.checkbox-wrapper.svelte-wu9e8a .checkbox:where(.svelte-wu9e8a) .checkbox-icon.is-checked.is-light:where(.svelte-wu9e8a) {
  color: var(--color-theme-text);
}
.checkbox-wrapper.svelte-wu9e8a .checkbox:where(.svelte-wu9e8a) .checkbox-icon.is-disabled:where(.svelte-wu9e8a) {
  color: var(--color-theme-text-disabled);
}
.checkbox-wrapper.svelte-wu9e8a .checkbox:where(.svelte-wu9e8a) input:where(.svelte-wu9e8a) {
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  opacity: 0;
  height: 100%;
  pointer-events: none;
}

.validation-text.svelte-wu9e8a {
  margin-left: var(--spacing-xs) !important;
}
.validation-text.validation-text-m.svelte-wu9e8a {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  margin-top: var(--spacing-xxs);
  margin-left: 6px;
  color: var(--color-danger);
}
.validation-text.validation-text-l.svelte-wu9e8a {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  margin-top: var(--spacing-xxs);
  margin-left: 12px;
  color: var(--color-danger);
}
.validation-text.validation-text-m.svelte-wu9e8a, .validation-text.validation-text-l.svelte-wu9e8a {
  color: var(--color-theme-danger);
}
.validation-text.is-disabled.svelte-wu9e8a {
  color: var(--color-theme-text-sec);
}

.info-text.validation-text-m.svelte-wu9e8a, .info-text.validation-text-l.svelte-wu9e8a {
  color: var(--color-theme-text);
}.chip.svelte-1lgdcx0 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: var(--color-theme-accent-tint-strong);
  color: var(--color-theme-text);
}
.chip.size-l.svelte-1lgdcx0 {
  min-height: 44px;
  padding: 8px 16px;
  border-radius: var(--radius-theme-xl);
}
.chip.size-m.svelte-1lgdcx0 {
  min-height: 32px;
  padding: 4px 12px;
  border-radius: var(--radius-theme-lg);
}
.chip.svelte-1lgdcx0 .chip-close:where(.svelte-1lgdcx0) {
  margin-left: 6px;
}
.chip.svelte-1lgdcx0:hover:not(.disabled), .chip.svelte-1lgdcx0:focus-visible:not(.disabled) {
  box-shadow: 0 0 0 2px var(--color-theme-accent) inset;
  outline: none;
}
.chip.disabled.svelte-1lgdcx0 {
  cursor: not-allowed;
  background: var(--color-theme-accent-tint);
  color: var(--color-theme-text-disabled);
}.circular-progress-wrapper.svelte-104n8s4 {
  position: relative;
}
.circular-progress-wrapper.size-m.svelte-104n8s4 {
  width: 56px;
  height: 56px;
}
.circular-progress-wrapper.size-s.svelte-104n8s4 {
  width: 40px;
  height: 40px;
}
.circular-progress-wrapper.svelte-104n8s4 svg:where(.svelte-104n8s4) {
  overflow: visible;
}
.circular-progress-wrapper.svelte-104n8s4 .progress-circle:where(.svelte-104n8s4) {
  fill: transparent;
  stroke-width: 4;
  stroke-linecap: round;
  transform: rotate(-90deg);
}
.circular-progress-wrapper.svelte-104n8s4 .progress-circle.primary:where(.svelte-104n8s4) {
  stroke: var(--color-theme-accent);
}
.circular-progress-wrapper.svelte-104n8s4 .progress-circle.success:where(.svelte-104n8s4) {
  stroke: var(--color-theme-success);
}
.circular-progress-wrapper.svelte-104n8s4 .progress-circle.warning:where(.svelte-104n8s4) {
  stroke: var(--color-theme-warning);
}
.circular-progress-wrapper.svelte-104n8s4 .progress-circle.danger:where(.svelte-104n8s4) {
  stroke: var(--color-theme-danger);
}
.circular-progress-wrapper.svelte-104n8s4 .progress-circle.disabled:where(.svelte-104n8s4) {
  stroke: var(--color-theme-border-03);
}
.circular-progress-wrapper.svelte-104n8s4 .progress-circle:where(.svelte-104n8s4) circle:where(.svelte-104n8s4) {
  transition: stroke-dashoffset 0.3s;
}
.circular-progress-wrapper.svelte-104n8s4 .progress-circle:where(.svelte-104n8s4) circle.no-transition:where(.svelte-104n8s4) {
  transition: none;
}
.circular-progress-wrapper.svelte-104n8s4 .progress-title,
.circular-progress-wrapper.svelte-104n8s4 .progress-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}.image-with-fallback.svelte-d85q3g {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}@keyframes svelte-1ggocru-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1ggocru-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1ggocru-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1ggocru-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1ggocru-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.circle-avatar-wrapper.svelte-1ggocru {
  display: inline-flex;
  position: relative;
}
.circle-avatar-wrapper.avatar-type-premium.svelte-1ggocru::before {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 50%;
  background: var(--gradient-premium);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
@supports (-webkit-mask-composite: xor) and (not (mask-composite: exclude)) {
  .circle-avatar-wrapper.avatar-type-premium.svelte-1ggocru::before {
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
  }
}
.circle-avatar-wrapper.avatar-type-premium.avatar-size-large.svelte-1ggocru {
  width: 56px;
  height: 56px;
}
.circle-avatar-wrapper.avatar-type-premium.avatar-size-large.svelte-1ggocru::before {
  padding: 2px;
}
.circle-avatar-wrapper.avatar-type-premium.avatar-size-medium.svelte-1ggocru {
  width: 32px;
  height: 32px;
}
.circle-avatar-wrapper.avatar-type-premium.avatar-size-medium.svelte-1ggocru::before {
  padding: 1px;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar:where(.svelte-1ggocru) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  position: relative;
  border-radius: 50%;
  background-color: var(--avatar-bg, var(--color-theme-card-01));
  overflow: hidden;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.no-background:where(.svelte-1ggocru) {
  background: transparent !important;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.disabled-opacity:where(.svelte-1ggocru) {
  opacity: 0.3;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.extra-extra-large:where(.svelte-1ggocru) {
  width: 174px;
  height: 174px;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.extra-large:where(.svelte-1ggocru) {
  width: 120px;
  height: 120px;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.large:where(.svelte-1ggocru) {
  width: 56px;
  height: 56px;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.medium-plus:where(.svelte-1ggocru) {
  width: 40px;
  height: 40px;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.medium:where(.svelte-1ggocru) {
  width: 32px;
  height: 32px;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.small:where(.svelte-1ggocru) {
  width: 20px;
  height: 20px;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.border-color-primary:where(.svelte-1ggocru) {
  border: 2px solid var(--color-theme-accent);
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.border-color-danger:where(.svelte-1ggocru) {
  border: 2px solid var(--color-theme-danger);
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.border-color-warning:where(.svelte-1ggocru) {
  border: 2px solid var(--color-theme-warning);
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.border-color-success:where(.svelte-1ggocru) {
  border: 2px solid var(--color-theme-success);
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.border-color-white:where(.svelte-1ggocru) {
  border: 2px solid var(--color-theme-fg);
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.text:where(.svelte-1ggocru) {
  padding: 4px;
  text-transform: capitalize;
}
.circle-avatar-wrapper.svelte-1ggocru .icon-container:where(.svelte-1ggocru) {
  position: absolute;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.circle-avatar-wrapper.svelte-1ggocru .icon-container.container-color-primary:where(.svelte-1ggocru) {
  background-color: var(--color-theme-accent);
}
.circle-avatar-wrapper.svelte-1ggocru .icon-container.container-color-danger:where(.svelte-1ggocru) {
  background-color: var(--color-theme-danger);
}
.circle-avatar-wrapper.svelte-1ggocru .icon-container.container-color-warning:where(.svelte-1ggocru) {
  background-color: var(--color-theme-warning);
}
.circle-avatar-wrapper.svelte-1ggocru .icon-container.container-color-success:where(.svelte-1ggocru) {
  background-color: var(--color-theme-success);
}
.circle-avatar-wrapper.svelte-1ggocru .icon-container.container-color-white:where(.svelte-1ggocru) {
  background-color: var(--color-theme-fg);
}
.circle-avatar-wrapper.svelte-1ggocru .icon-container.icon-container-s:where(.svelte-1ggocru) {
  width: 14px;
  height: 14px;
  bottom: -3px;
  right: -3px;
}
.circle-avatar-wrapper.svelte-1ggocru .icon-container.icon-container-m:where(.svelte-1ggocru) {
  width: 14px;
  height: 14px;
  bottom: -2px;
  right: -2px;
}
.circle-avatar-wrapper.svelte-1ggocru .icon-container.icon-container-m_plus:where(.svelte-1ggocru) {
  width: 16px;
  height: 16px;
  bottom: -2px;
  right: -2px;
}
.circle-avatar-wrapper.svelte-1ggocru .icon-container.icon-container-l:where(.svelte-1ggocru) {
  width: 22px;
  height: 22px;
  bottom: -2px;
  right: -2px;
}
.circle-avatar-wrapper.svelte-1ggocru .icon-container.icon-container-xl:where(.svelte-1ggocru) {
  width: 28px;
  height: 28px;
  bottom: 4px;
  right: 4px;
}
.circle-avatar-wrapper.svelte-1ggocru .icon-container.icon-container-xxl:where(.svelte-1ggocru) {
  width: 32px;
  height: 32px;
  bottom: 8px;
  right: 12px;
}
.circle-avatar-wrapper.svelte-1ggocru .icon-container:where(.svelte-1ggocru) .second-icon {
  color: var(--color-theme-text-inverse);
}
.circle-avatar-wrapper.svelte-1ggocru .avatar-badge:where(.svelte-1ggocru) {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  bottom: 0;
  right: 0;
}
.circle-avatar-wrapper.svelte-1ggocru .avatar-badge.premium:where(.svelte-1ggocru) {
  background: var(--gradient-premium);
}
.circle-avatar-wrapper.svelte-1ggocru .avatar-badge.size-m:where(.svelte-1ggocru) {
  width: 12px;
  height: 12px;
}
.circle-avatar-wrapper.svelte-1ggocru .avatar-badge.size-l:where(.svelte-1ggocru) {
  width: 20px;
  height: 20px;
}
.circle-avatar-wrapper.svelte-1ggocru .ca-notification-xxl {
  z-index: 1;
  width: 16px;
  height: 16px;
  top: 12px;
  right: 24px;
}
.circle-avatar-wrapper.svelte-1ggocru .ca-notification-xl {
  z-index: 1;
  width: 12px;
  height: 12px;
  top: 12px;
  right: 12px;
}
.circle-avatar-wrapper.svelte-1ggocru .ca-notification-l {
  z-index: 1;
  width: 8px;
  height: 8px;
  top: 4px;
  right: 4px;
}
.circle-avatar-wrapper.svelte-1ggocru .ca-notification-m_plus {
  z-index: 1;
  width: 6px;
  height: 6px;
  top: 3px;
  right: 3px;
}
.circle-avatar-wrapper.svelte-1ggocru .ca-notification-m {
  z-index: 1;
  width: 5px;
  height: 5px;
  top: 2px;
  right: 2px;
}
.circle-avatar-wrapper.svelte-1ggocru .ca-notification-s {
  z-index: 1;
  top: 1px;
  right: 1px;
  width: 4px;
  height: 4px;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar-notification {
  z-index: 1;
  position: absolute;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar-dots {
  z-index: 1;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}
.circle-avatar-wrapper.svelte-1ggocru .ca-dots-xxl {
  top: 20px;
}
.circle-avatar-wrapper.svelte-1ggocru .ca-dots-xl {
  top: 10px;
}
.circle-avatar-wrapper.svelte-1ggocru .ca-dots-l {
  top: 4px;
}
.circle-avatar-wrapper.svelte-1ggocru .ca-dots-m_plus,
.circle-avatar-wrapper.svelte-1ggocru .ca-dots-m,
.circle-avatar-wrapper.svelte-1ggocru .ca-dots-s {
  top: 2px;
}@keyframes svelte-y8cly2-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-y8cly2-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-y8cly2-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-y8cly2-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-y8cly2-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.collapse.svelte-y8cly2 {
  display: flex;
  flex-direction: column;
  background-color: var(--collapse-bg, var(--color-theme-card));
  border-radius: var(--radius-theme-md);
}
.collapse.bg-color-0.svelte-y8cly2 {
  background: var(--color-0);
}
.collapse.bg-color-00.svelte-y8cly2 {
  background: var(--color-00);
}
.collapse.bg-color-base.svelte-y8cly2 {
  background: var(--color-base);
}
.collapse.bg-color-1.svelte-y8cly2 {
  background: var(--color-1);
}
.collapse.bg-color-black.svelte-y8cly2 {
  background: var(--color-black);
}
.collapse.svelte-y8cly2:has(.collapse-header:where(.svelte-y8cly2):focus-visible) {
  outline: 1px solid var(--color-theme-accent);
}
.collapse.svelte-y8cly2 .collapse-header:where(.svelte-y8cly2) {
  display: flex;
  align-items: center;
  padding: 8px;
  cursor: pointer;
}
.collapse.svelte-y8cly2 .collapse-header.expanded:where(.svelte-y8cly2) {
  border-bottom: 1px solid var(--color-theme-border-03);
}
.collapse.svelte-y8cly2 .collapse-header.expanded:where(.svelte-y8cly2) .collapse-icon i {
  transform: rotate(90deg);
}
.collapse.svelte-y8cly2 .collapse-header:where(.svelte-y8cly2) .collapse-icon i {
  transition: all 200ms;
  will-change: transform;
}
.collapse.svelte-y8cly2 .collapse-header:where(.svelte-y8cly2) .collapse-header-label-grid:where(.svelte-y8cly2) {
  display: flex;
  align-self: flex-start;
  align-items: center;
  height: 20px;
  margin-left: var(--spacing-xs);
}
.collapse.svelte-y8cly2 .collapse-content:where(.svelte-y8cly2) {
  padding: 8px;
}@keyframes svelte-1nbsztc-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1nbsztc-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1nbsztc-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1nbsztc-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1nbsztc-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.select-wrapper.svelte-1nbsztc {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}
.select-wrapper.svelte-1nbsztc input:where(.svelte-1nbsztc) {
  width: 100%;
  background: var(--color-theme-card-01);
  border: 1px solid var(--color-theme-border-03);
  outline: none;
  color: inherit;
  caret-color: var(--color-theme-text);
  cursor: default;
}
.select-wrapper.svelte-1nbsztc input:where(.svelte-1nbsztc):hover:not(:disabled):not(.input-error) {
  border-color: var(--color-theme-fg-02);
}
.select-wrapper.svelte-1nbsztc input:where(.svelte-1nbsztc):focus:not(:disabled):not(.input-error) {
  border-color: var(--color-theme-accent);
}
.select-wrapper.svelte-1nbsztc input.input-error:where(.svelte-1nbsztc) {
  border-color: var(--color-theme-danger);
}
.select-wrapper.svelte-1nbsztc input.input-m:where(.svelte-1nbsztc) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  height: 32px;
  padding: 0px 5px;
  border-radius: var(--radius-theme-sm);
}
.select-wrapper.svelte-1nbsztc input.input-m:where(.svelte-1nbsztc):focus {
  box-shadow: var(--shadow-theme-glow-soft);
}
.select-wrapper.svelte-1nbsztc input.input-m:focus.input-error:where(.svelte-1nbsztc) {
  box-shadow: var(--shadow-theme-glow-danger-soft);
}
.select-wrapper.svelte-1nbsztc input.input-m:where(.svelte-1nbsztc)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
}
.select-wrapper.svelte-1nbsztc input.input-l:where(.svelte-1nbsztc) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  height: 44px;
  padding: 0 11px;
  border-radius: var(--radius-theme-md);
}
.select-wrapper.svelte-1nbsztc input.input-l:where(.svelte-1nbsztc):focus {
  box-shadow: var(--shadow-theme-glow-strong);
}
.select-wrapper.svelte-1nbsztc input.input-l:focus.input-error:where(.svelte-1nbsztc) {
  box-shadow: var(--shadow-theme-glow-danger-strong);
}
.select-wrapper.svelte-1nbsztc input.input-l:where(.svelte-1nbsztc)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
}
.select-wrapper.svelte-1nbsztc input.input-m:where(.svelte-1nbsztc)::placeholder, .select-wrapper.svelte-1nbsztc input.input-l:where(.svelte-1nbsztc)::placeholder {
  font-style: italic;
  color: var(--color-theme-text-sec);
}
.select-wrapper.svelte-1nbsztc input:where(.svelte-1nbsztc):disabled {
  background: var(--color-theme-card-01);
  color: var(--color-theme-text-disabled);
  -webkit-text-fill-color: var(--color-theme-text-disabled);
  opacity: 1;
  cursor: not-allowed;
}
.select-wrapper.svelte-1nbsztc .select-icon:where(.svelte-1nbsztc),
.select-wrapper.svelte-1nbsztc .select-caret:where(.svelte-1nbsztc) {
  position: absolute;
  display: inline-flex;
  pointer-events: none;
  color: var(--color-theme-text-sec);
}
.select-wrapper.svelte-1nbsztc .select-icon.is-disabled:where(.svelte-1nbsztc),
.select-wrapper.svelte-1nbsztc .select-caret.is-disabled:where(.svelte-1nbsztc) {
  color: var(--color-theme-text-disabled);
}
.select-wrapper.svelte-1nbsztc .select-caret:where(.svelte-1nbsztc) {
  transition: transform 200ms;
  will-change: transform;
}
.select-wrapper.svelte-1nbsztc .clear-button:where(.svelte-1nbsztc) {
  position: absolute;
  color: var(--color-theme-text-sec);
}
.select-wrapper.svelte-1nbsztc .clear-button:where(.svelte-1nbsztc):hover {
  cursor: pointer;
}
.select-wrapper.svelte-1nbsztc .clear-button:where(.svelte-1nbsztc):focus {
  border-radius: var(--radius-theme-xs);
  box-shadow: 0 0 0 1px var(--color-theme-accent) inset;
}
.select-wrapper.svelte-1nbsztc .clear-button:where(.svelte-1nbsztc):disabled {
  color: var(--color-theme-text-disabled);
}
.select-wrapper.expanded.svelte-1nbsztc input:where(.svelte-1nbsztc) {
  border-color: var(--color-theme-accent);
}
.select-wrapper.expanded.svelte-1nbsztc:not(.top) input:where(.svelte-1nbsztc) {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: 1px;
}
.select-wrapper.expanded.top.svelte-1nbsztc input:where(.svelte-1nbsztc) {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-top: 1px;
}
.select-wrapper.expanded.has-error.svelte-1nbsztc input:where(.svelte-1nbsztc) {
  border-color: var(--color-theme-danger);
}
.select-wrapper.expanded.svelte-1nbsztc input:where(.svelte-1nbsztc):focus {
  box-shadow: none;
}
.select-wrapper.expanded.svelte-1nbsztc .select-caret:where(.svelte-1nbsztc) {
  transform: rotate(180deg);
}
.select-wrapper.select-wrapper-m.svelte-1nbsztc input:where(.svelte-1nbsztc) {
  padding-right: 31px;
}
.select-wrapper.select-wrapper-m.svelte-1nbsztc .select-icon:where(.svelte-1nbsztc) {
  top: 6px;
  left: 6px;
}
.select-wrapper.select-wrapper-m.svelte-1nbsztc .select-caret:where(.svelte-1nbsztc),
.select-wrapper.select-wrapper-m.svelte-1nbsztc .clear-button:where(.svelte-1nbsztc) {
  top: 6px;
  right: 6px;
}
.select-wrapper.select-wrapper-m.has-icon.svelte-1nbsztc input:where(.svelte-1nbsztc) {
  padding-left: 31px;
}
.select-wrapper.select-wrapper-l.svelte-1nbsztc input:where(.svelte-1nbsztc) {
  padding-right: 43px;
}
.select-wrapper.select-wrapper-l.svelte-1nbsztc .select-icon:where(.svelte-1nbsztc) {
  top: 12px;
  left: 12px;
}
.select-wrapper.select-wrapper-l.svelte-1nbsztc .select-caret:where(.svelte-1nbsztc),
.select-wrapper.select-wrapper-l.svelte-1nbsztc .clear-button:where(.svelte-1nbsztc) {
  top: 12px;
  right: 12px;
}
.select-wrapper.select-wrapper-l.has-icon.svelte-1nbsztc input:where(.svelte-1nbsztc) {
  padding-left: 43px;
}
.select-wrapper.select-wrapper-l.has-error.svelte-1nbsztc .select-backdrop:where(.svelte-1nbsztc) {
  box-shadow: var(--shadow-theme-glow-danger-strong);
}

.validation-text.validation-text-m.svelte-1nbsztc {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  margin-top: var(--spacing-xxs);
  margin-left: 6px;
  color: var(--color-theme-danger);
}
.validation-text.validation-text-l.svelte-1nbsztc {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  margin-top: var(--spacing-xxs);
  margin-left: 12px;
  color: var(--color-theme-danger);
}
.validation-text.is-disabled.svelte-1nbsztc {
  color: var(--color-theme-text-sec);
}

.info-text.validation-text-m.svelte-1nbsztc, .info-text.validation-text-l.svelte-1nbsztc {
  color: var(--color-theme-text);
}

.select-option-list.svelte-1nbsztc {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.select-option-list.svelte-1nbsztc ul:where(.svelte-1nbsztc) {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  z-index: 10;
}
.select-option-list.svelte-1nbsztc li:where(.svelte-1nbsztc) {
  display: flex;
  align-items: center;
  color: var(--color-theme-text);
  border-bottom: 1px solid var(--color-theme-border-03);
  cursor: pointer;
}
.select-option-list.svelte-1nbsztc li.no-option:where(.svelte-1nbsztc) {
  color: var(--color-theme-text-disabled);
  cursor: auto;
}
.select-option-list.svelte-1nbsztc li:where(.svelte-1nbsztc):hover:not(.no-option), .select-option-list.svelte-1nbsztc li.hovered:where(.svelte-1nbsztc) {
  background-color: var(--color-theme-accent-tint);
}
.select-option-list.svelte-1nbsztc li.selected:where(.svelte-1nbsztc) {
  font-weight: bold;
  color: var(--color-theme-accent-text);
}
.select-option-list.svelte-1nbsztc li.disabled:where(.svelte-1nbsztc) {
  color: var(--color-theme-text-disabled);
  cursor: not-allowed;
}
.select-option-list.svelte-1nbsztc li.disabled:where(.svelte-1nbsztc):hover {
  background-color: initial;
}
.select-option-list.svelte-1nbsztc li:where(.svelte-1nbsztc):last-child {
  border-bottom: none;
}
.select-option-list.svelte-1nbsztc .select-option-list-wrapper:where(.svelte-1nbsztc) {
  overflow: hidden;
  border: 1px solid var(--color-theme-accent);
  background: var(--color-theme-card-01);
}
.select-option-list.svelte-1nbsztc:not(.top) .select-option-list-wrapper:where(.svelte-1nbsztc), .select-option-list.has-error.svelte-1nbsztc:not(.top) .select-option-list-wrapper:where(.svelte-1nbsztc) {
  border-top-color: var(--color-theme-accent-tint);
}
.select-option-list.top.svelte-1nbsztc .select-option-list-wrapper:where(.svelte-1nbsztc), .select-option-list.has-error.top.svelte-1nbsztc .select-option-list-wrapper:where(.svelte-1nbsztc) {
  border-bottom-color: var(--color-theme-accent-tint);
}
.select-option-list.select-wrapper-m.svelte-1nbsztc:not(.top) .select-option-list-wrapper:where(.svelte-1nbsztc) {
  border-bottom-left-radius: var(--radius-theme-sm);
  border-bottom-right-radius: var(--radius-theme-sm);
}
.select-option-list.select-wrapper-m.top.svelte-1nbsztc .select-option-list-wrapper:where(.svelte-1nbsztc) {
  border-top-left-radius: var(--radius-theme-sm);
  border-top-right-radius: var(--radius-theme-sm);
}
.select-option-list.select-wrapper-m.svelte-1nbsztc ul:where(.svelte-1nbsztc) {
  max-height: 192px;
}
.select-option-list.select-wrapper-m.svelte-1nbsztc li:where(.svelte-1nbsztc) {
  padding: 8px;
  min-height: 32px;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
}
.select-option-list.select-wrapper-l.svelte-1nbsztc:not(.top) .select-option-list-wrapper:where(.svelte-1nbsztc) {
  border-bottom-left-radius: var(--radius-theme-md);
  border-bottom-right-radius: var(--radius-theme-md);
}
.select-option-list.select-wrapper-l.top.svelte-1nbsztc .select-option-list-wrapper:where(.svelte-1nbsztc) {
  border-top-left-radius: var(--radius-theme-md);
  border-top-right-radius: var(--radius-theme-md);
}
.select-option-list.select-wrapper-l.svelte-1nbsztc ul:where(.svelte-1nbsztc) {
  max-height: 264px;
}
.select-option-list.select-wrapper-l.svelte-1nbsztc li:where(.svelte-1nbsztc) {
  padding: 11px;
  min-height: 44px;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
}
.select-option-list.has-error.svelte-1nbsztc .select-option-list-wrapper:where(.svelte-1nbsztc) {
  border-color: var(--color-theme-danger);
}

.select-overlay.svelte-1nbsztc {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
}

.select-backdrop.svelte-1nbsztc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 1000;
}
.select-backdrop.select-wrapper-m.svelte-1nbsztc {
  height: calc(100% + 32px);
  box-shadow: var(--shadow-theme-glow-soft);
  border-radius: var(--radius-theme-sm);
}
.select-backdrop.select-wrapper-m.svelte-1nbsztc:not(.top) {
  top: -32px;
}
.select-backdrop.select-wrapper-l.svelte-1nbsztc {
  height: calc(100% + 44px);
  box-shadow: var(--shadow-theme-glow-strong);
  border-radius: var(--radius-theme-md);
}
.select-backdrop.select-wrapper-l.svelte-1nbsztc:not(.top) {
  top: -44px;
}
.select-backdrop.has-error.svelte-1nbsztc {
  box-shadow: var(--shadow-theme-glow-danger-soft);
}

.select-option-list.disabledPortal.svelte-1nbsztc,
.select-backdrop.disabledPortal.svelte-1nbsztc {
  z-index: 1;
}

.select-stop-overflow {
  overflow: hidden;
}@keyframes svelte-11c3v72-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-11c3v72-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-11c3v72-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-11c3v72-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-11c3v72-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.input-wrapper-v2.svelte-11c3v72 {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}
.input-wrapper-v2.svelte-11c3v72 input:where(.svelte-11c3v72) {
  width: 100%;
  background: var(--input-bg, var(--color-theme-card-01));
  border: 1px solid var(--color-theme-border-03);
  outline: none;
  color: inherit;
  caret-color: var(--color-theme-text);
}
.input-wrapper-v2.svelte-11c3v72 input:where(.svelte-11c3v72):hover:not(:disabled):not(.input-error) {
  border-color: var(--color-theme-fg-02);
}
.input-wrapper-v2.svelte-11c3v72 input:where(.svelte-11c3v72):focus:not(:disabled):not(.input-error) {
  border-color: var(--color-theme-accent);
}
.input-wrapper-v2.svelte-11c3v72 input.input-error:where(.svelte-11c3v72) {
  border-color: var(--color-theme-danger);
}
.input-wrapper-v2.svelte-11c3v72 input.input-m:where(.svelte-11c3v72) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  height: 32px;
  padding: 0px 5px;
  border-radius: var(--radius-theme-sm);
}
.input-wrapper-v2.svelte-11c3v72 input.input-m:where(.svelte-11c3v72):focus {
  box-shadow: var(--shadow-theme-glow-soft);
}
.input-wrapper-v2.svelte-11c3v72 input.input-m:focus.input-error:where(.svelte-11c3v72) {
  box-shadow: var(--shadow-theme-glow-danger-soft);
}
.input-wrapper-v2.svelte-11c3v72 input.input-m:where(.svelte-11c3v72)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
}
.input-wrapper-v2.svelte-11c3v72 input.input-filled:where(.svelte-11c3v72) {
  background: var(--input-bg, var(--color-theme-card-02));
  border-color: transparent;
}
.input-wrapper-v2.svelte-11c3v72 input.input-filled:where(.svelte-11c3v72):hover:not(:disabled):not(.input-error):not(:focus) {
  border-color: transparent;
}
.input-wrapper-v2.svelte-11c3v72 input.input-filled.input-error:where(.svelte-11c3v72) {
  border-color: var(--color-theme-danger);
}
.input-wrapper-v2.svelte-11c3v72 input.input-filled.input-m:where(.svelte-11c3v72) {
  height: 36px;
}
.input-wrapper-v2.svelte-11c3v72 input.input-l:where(.svelte-11c3v72) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  height: 44px;
  padding: 0 11px;
  border-radius: var(--radius-theme-md);
}
.input-wrapper-v2.svelte-11c3v72 input.input-l:where(.svelte-11c3v72):focus {
  box-shadow: var(--shadow-theme-glow-strong);
}
.input-wrapper-v2.svelte-11c3v72 input.input-l:focus.input-error:where(.svelte-11c3v72) {
  box-shadow: var(--shadow-theme-glow-danger-strong);
}
.input-wrapper-v2.svelte-11c3v72 input.input-l:where(.svelte-11c3v72)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
}
.input-wrapper-v2.svelte-11c3v72 input.input-m:where(.svelte-11c3v72)::placeholder, .input-wrapper-v2.svelte-11c3v72 input.input-l:where(.svelte-11c3v72)::placeholder {
  font-style: italic;
  color: var(--color-theme-text-sec);
}
.input-wrapper-v2.svelte-11c3v72 input:where(.svelte-11c3v72):disabled {
  background: var(--color-theme-card-01);
  color: var(--color-theme-text-disabled);
  -webkit-text-fill-color: var(--color-theme-text-disabled);
  opacity: 1;
  cursor: not-allowed;
}
.input-wrapper-v2.svelte-11c3v72 input:where(.svelte-11c3v72)::-webkit-outer-spin-button, .input-wrapper-v2.svelte-11c3v72 input:where(.svelte-11c3v72)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-wrapper-v2.svelte-11c3v72 input[type=number]:where(.svelte-11c3v72) {
  -moz-appearance: textfield;
}
.input-wrapper-v2.svelte-11c3v72 input:where(.svelte-11c3v72):-webkit-autofill, .input-wrapper-v2.svelte-11c3v72 input:where(.svelte-11c3v72):-webkit-autofill:hover, .input-wrapper-v2.svelte-11c3v72 input:where(.svelte-11c3v72):-webkit-autofill:focus {
  caret-color: var(--color-theme-text);
  -webkit-text-fill-color: var(--color-theme-text);
  box-shadow: 0 0 0px 1000px var(--color-theme-accent-tint) inset;
  transition: background-color 5000s ease-in-out 0s;
}
.input-wrapper-v2.svelte-11c3v72 .input-icon:where(.svelte-11c3v72) {
  position: absolute;
  pointer-events: none;
  color: var(--color-theme-text-sec);
}
.input-wrapper-v2.svelte-11c3v72 .input-icon.is-disabled:where(.svelte-11c3v72) {
  color: var(--color-theme-text-disabled);
}
.input-wrapper-v2.svelte-11c3v72 .right-button:where(.svelte-11c3v72) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  position: absolute;
  width: 24px;
  height: 24px;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-theme-text-sec);
}
.input-wrapper-v2.svelte-11c3v72 .right-button:where(.svelte-11c3v72):disabled {
  cursor: not-allowed;
}
.input-wrapper-v2.svelte-11c3v72 .right-button.disabled:where(.svelte-11c3v72) {
  cursor: not-allowed;
}
.input-wrapper-v2.svelte-11c3v72 .right-button:where(.svelte-11c3v72):focus-visible {
  border-radius: var(--radius-theme-xs);
  box-shadow: 0 0 0 1px var(--color-theme-accent) inset;
  outline: none;
}
.input-wrapper-v2.svelte-11c3v72 .right-button:where(.svelte-11c3v72):disabled {
  color: var(--color-theme-text-disabled);
}
.input-wrapper-v2.has-icon.input-wrapper-m.svelte-11c3v72 input:where(.svelte-11c3v72) {
  padding-left: 31px;
}
.input-wrapper-v2.has-icon.input-wrapper-m.svelte-11c3v72 .input-icon:where(.svelte-11c3v72) {
  top: 6px;
  left: 6px;
}
.input-wrapper-v2.has-right-button.input-wrapper-m.svelte-11c3v72 input:where(.svelte-11c3v72) {
  padding-right: 31px;
}
.input-wrapper-v2.has-right-button.input-wrapper-m.svelte-11c3v72 .right-button:where(.svelte-11c3v72) {
  top: 4px;
  right: 4px;
}
.input-wrapper-v2.has-icon.input-wrapper-l.svelte-11c3v72 input:where(.svelte-11c3v72) {
  padding-left: 43px;
}
.input-wrapper-v2.has-icon.input-wrapper-l.svelte-11c3v72 .input-icon:where(.svelte-11c3v72) {
  top: 12px;
  left: 12px;
}
.input-wrapper-v2.has-right-button.input-wrapper-l.svelte-11c3v72 input:where(.svelte-11c3v72) {
  padding-right: 43px;
}
.input-wrapper-v2.has-right-button.input-wrapper-l.svelte-11c3v72 .right-button:where(.svelte-11c3v72) {
  top: 10px;
  right: 10px;
}

.validation-text.validation-text-m.svelte-11c3v72 {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  margin-top: var(--spacing-xxs);
  margin-left: 6px;
  color: var(--color-theme-danger);
}
.validation-text.validation-text-l.svelte-11c3v72 {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  margin-top: var(--spacing-xxs);
  margin-left: 12px;
  color: var(--color-theme-danger);
}
.validation-text.is-disabled.svelte-11c3v72 {
  color: var(--color-theme-text-sec);
}

.info-text.validation-text-m.svelte-11c3v72, .info-text.validation-text-l.svelte-11c3v72 {
  color: var(--color-theme-text);
}@keyframes svelte-18ij9o-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-18ij9o-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-18ij9o-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-18ij9o-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-18ij9o-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
 .dp-wapper {
  display: inline-flex;
  align-items: center;
  width: 100%;
  color: var(--color-theme-text);
}
 .dp-wapper .flatpickr,
 .dp-wapper .flatpickr-wrapper {
  width: 100%;
}
 .dp-wapper .dp-select {
  display: none !important;
}
/* (empty) :global .dp-calendar-portal .dp-calendar-wrapper {
  /*
        /*rtl:begin:ignore*\/
  /*
        /*rtl:end:ignore*\/
  /*
        /*rtl:begin:ignore*\/
  /*
        /*rtl:end:ignore*\/
}*/
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #3f4458;
  -webkit-box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0, 0, 0, 0.08);
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.open,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.animate.open {
  -webkit-animation: svelte-18ij9o-fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: svelte-18ij9o-fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar .hasWeeks .dayContainer,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #20222c;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar:before,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.rightMost:before,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowRight:before,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.rightMost:after,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowCenter:before,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowTop:before,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowTop:before {
  border-bottom-color: #20222c;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowTop:after {
  border-bottom-color: #3f4458;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowBottom:before,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowBottom:before {
  border-top-color: #20222c;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowBottom:after {
  border-top-color: #3f4458;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar:focus {
  outline: 0;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-month {
  background: #3f4458;
  color: #fff;
  fill: #fff;
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-prev-month,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: #fff;
  fill: #fff;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-prev-month i,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-next-month i {
  position: relative;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  left: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  right: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-prev-month:hover,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-next-month:hover {
  color: #eee;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-prev-month:hover svg,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-prev-month svg,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-prev-month svg path,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
 .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper {
  position: relative;
  height: auto;
}
 .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper input,
 .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span {
  display: inline-block;
}
 .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper input {
  width: 100%;
}
 .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper input::-ms-clear {
  display: none;
}
 .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper input::-webkit-outer-spin-button,
 .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
 .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
 .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span:hover {
  background: rgba(192, 187, 167, 0.1);
}
 .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span:active {
  background: rgba(192, 187, 167, 0.2);
}
 .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
 .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
 .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(255, 255, 255, 0.6);
  top: 26%;
}
 .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span.arrowDown {
  top: 50%;
}
 .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.6);
  top: 40%;
}
 .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span svg {
  width: inherit;
  height: auto;
}
 .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span svg path {
  fill: rgba(255, 255, 255, 0.5);
}
 .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper:hover {
  background: rgba(192, 187, 167, 0.05);
}
 .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper:hover span {
  opacity: 1;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month span.cur-month:hover {
  background: rgba(192, 187, 167, 0.05);
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #fff;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month input.cur-year[disabled],
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(255, 255, 255, 0.5);
  background: transparent;
  pointer-events: none;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: #3f4458;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(192, 187, 167, 0.05);
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: #3f4458;
  outline: none;
  padding: 0;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
 .dp-calendar-portal .dp-calendar-wrapper span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: #3f4458;
  color: #fff;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}
 .dp-calendar-portal .dp-calendar-wrapper .dayContainer,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-weeks {
  padding: 1px 0 0 0;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-days:focus {
  outline: 0;
}
 .dp-calendar-portal .dp-calendar-wrapper .dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
 .dp-calendar-portal .dp-calendar-wrapper .dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #20222c;
  box-shadow: -1px 0 0 #20222c;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.95);
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.inRange,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.prevMonthDay.inRange,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.nextMonthDay.inRange,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.today.inRange,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.prevMonthDay.today.inRange,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.nextMonthDay.today.inRange,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day:hover,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.prevMonthDay:hover,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.nextMonthDay:hover,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day:focus,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.prevMonthDay:focus,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #646c8c;
  border-color: #646c8c;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.today {
  border-color: #eee;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.today:hover,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.today:focus {
  border-color: #eee;
  background: #eee;
  color: #3f4458;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.selected,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.startRange,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.endRange,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.selected.inRange,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.startRange.inRange,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.endRange.inRange,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.selected:focus,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.startRange:focus,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.endRange:focus,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.selected:hover,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.startRange:hover,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.endRange:hover,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.selected.prevMonthDay,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.startRange.prevMonthDay,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.endRange.prevMonthDay,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.selected.nextMonthDay,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.startRange.nextMonthDay,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.endRange.nextMonthDay {
  background: #80cbc4;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #80cbc4;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.selected.startRange,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.startRange.startRange,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.selected.endRange,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.startRange.endRange,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #80cbc4;
  box-shadow: -10px 0 0 #80cbc4;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.selected.startRange.endRange,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.startRange.startRange.endRange,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
  box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.flatpickr-disabled,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.flatpickr-disabled:hover,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.prevMonthDay,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.nextMonthDay,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.notAllowed,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.notAllowed.prevMonthDay,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(255, 255, 255, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.flatpickr-disabled,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(255, 255, 255, 0.1);
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
  box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.hidden {
  visibility: hidden;
}
 .dp-calendar-portal .dp-calendar-wrapper .rangeMode .flatpickr-day {
  margin-top: 1px;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-weekwrapper {
  float: left;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #20222c;
  box-shadow: 1px 0 0 #20222c;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-weekwrapper span.flatpickr-day,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(255, 255, 255, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(255, 255, 255, 0.95);
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(255, 255, 255, 0.95);
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: rgba(255, 255, 255, 0.95);
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time input.flatpickr-minute,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time .flatpickr-time-separator,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: rgba(255, 255, 255, 0.95);
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time input:hover,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time .flatpickr-am-pm:hover,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time input:focus,
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time .flatpickr-am-pm:focus {
  background: #6a7395;
}
 .dp-calendar-portal .dp-calendar-wrapper .flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes svelte-18ij9o-fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes svelte-18ij9o-fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar {
  background: var(--color-theme-card);
  border: 1px solid var(--color-theme-border-03);
  border-radius: var(--radius-theme-md);
  overflow: hidden;
  padding: 0;
  box-shadow: var(--shadow-theme);
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar.arrowBottom {
  margin-top: -4px !important;
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar.arrowTop {
  margin-top: 2px !important;
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar::before,  .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar::after {
  content: none;
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-innerContainer {
  justify-content: center;
  overflow: unset;
  padding-left: var(--spacing-m);
  padding-right: var(--spacing-m);
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-days {
  width: 272px;
  overflow: unset;
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-days .dayContainer {
  width: 280px;
  min-width: 280px;
  max-width: 280px;
  margin-left: -4px;
  margin-right: -4px;
  padding-bottom: var(--spacing-m);
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  border: 1px solid transparent;
  border-radius: var(--radius-theme-sm);
  max-width: 32px;
  height: 32px;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 4px;
  box-shadow: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--color-theme-text);
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day:hover:not(.flatpickr-disabled),  .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.today:hover:not(.flatpickr-disabled),  .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.selected:hover:not(.flatpickr-disabled) {
  background: var(--color-theme-accent-tint);
  border-color: transparent;
  color: var(--color-theme-text);
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day:focus,  .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.today:focus,  .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.selected:focus {
  background: var(--color-theme-accent-tint);
  border-color: var(--color-theme-accent);
  box-shadow: var(--shadow-theme-glow-soft);
  color: var(--color-theme-text);
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.today {
  border-color: var(--color-theme-fg);
  background: transparent;
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.selected {
  background: var(--color-theme-accent);
  color: var(--color-theme-text-on-accent);
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.prevMonthDay,  .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.nextMonthDay {
  color: var(--color-theme-text-tertiary);
  border-color: transparent;
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.prevMonthDay:hover:not(.flatpickr-disabled),  .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.nextMonthDay:hover:not(.flatpickr-disabled) {
  color: var(--color-theme-text);
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.selected.startRange.endRange {
  border-radius: var(--radius-theme-sm);
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.inRange {
  border-radius: 0;
  background: var(--color-theme-accent-tint);
  border-color: transparent;
  color: var(--color-theme-text);
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.startRange,  .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.endRange {
  background: var(--color-theme-accent);
  border-color: transparent;
  color: var(--color-theme-text-on-accent);
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.startRange:hover:not(.flatpickr-disabled),  .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.endRange:hover:not(.flatpickr-disabled) {
  border-color: transparent;
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.startRange {
  border-radius: var(--radius-theme-sm) 0px 0px var(--radius-theme-sm);
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.endRange {
  border-radius: 0px var(--radius-theme-sm) var(--radius-theme-sm) 0px;
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),  .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),  .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 var(--color-theme-accent);
  box-shadow: -10px 0 0 var(--color-theme-accent);
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.flatpickr-disabled {
  cursor: not-allowed;
  color: var(--color-theme-text-disabled);
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-weekdays {
  height: unset;
  border-bottom: 1px solid var(--color-theme-border-03);
  margin-bottom: 4px;
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-weekdaycontainer {
  padding-bottom: 7px;
  padding-top: 8px;
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-weekdaycontainer .flatpickr-weekday {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  background: transparent;
  height: unset;
  color: var(--color-theme-text-sec);
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months {
  align-items: center;
  padding: var(--spacing-m);
  padding-bottom: 0;
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-prev-month,
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-next-month {
  width: 20px;
  height: 20px;
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  top: unset;
  font-size: 16px;
  user-select: none;
  color: var(--color-theme-text);
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  cursor: not-allowed;
  color: var(--color-theme-text-disabled);
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-prev-month {
  left: var(--spacing-m);
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-next-month {
  right: var(--spacing-m);
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-month {
  display: flex;
  padding-left: 36px;
  padding-right: 36px;
  background: transparent;
  color: var(--color-theme-text);
  fill: currentColor;
  justify-content: space-between;
  align-items: center;
  overflow: visible;
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month {
  display: none;
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-month .dp-month-select,
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-month .dp-year-select {
  color: var(--color-theme-text);
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-month .dp-month-select {
  width: 120px !important;
}
 .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-month .dp-year-select {
  width: 72px !important;
}
 .dp-overlay-portal .dp-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
@media screen and (max-width: 350px) {
   .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-innerContainer {
    padding-left: var(--spacing-s);
    padding-right: var(--spacing-s);
  }
   .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-days {
    width: 284px;
  }
   .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-days .dayContainer {
    width: 290px;
    min-width: 290px;
    max-width: 290px;
    padding-bottom: var(--spacing-s);
  }
   .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    max-width: 30px;
    height: 24px;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 4px;
  }
   .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),  .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),  .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -12px 0 0 var(--color-theme-accent);
    box-shadow: -12px 0 0 var(--color-theme-accent);
  }
   .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months {
    padding: var(--spacing-s);
    padding-bottom: 0;
  }
   .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-month .dp-month-select {
    width: 140px !important;
  }
}@keyframes svelte-1eqjcik-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1eqjcik-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1eqjcik-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1eqjcik-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1eqjcik-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.select-wrapper-v2.svelte-1eqjcik {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}
.select-wrapper-v2.svelte-1eqjcik input:where(.svelte-1eqjcik) {
  width: 100%;
  background: var(--input-bg, var(--color-theme-card-01));
  border: 1px solid var(--color-theme-border-03);
  outline: none;
  color: inherit;
  caret-color: var(--color-theme-text);
  cursor: default;
}
.select-wrapper-v2.svelte-1eqjcik input:where(.svelte-1eqjcik):hover:not(:disabled):not(.input-error) {
  border-color: var(--color-theme-fg-02);
}
.select-wrapper-v2.svelte-1eqjcik input:where(.svelte-1eqjcik):focus:not(:disabled):not(.input-error) {
  border-color: var(--color-theme-accent);
}
.select-wrapper-v2.svelte-1eqjcik input.input-error:where(.svelte-1eqjcik) {
  border-color: var(--color-theme-danger);
}
.select-wrapper-v2.svelte-1eqjcik input.input-m:where(.svelte-1eqjcik) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  height: 32px;
  padding: 0px 5px;
  border-radius: var(--radius-theme-sm);
}
.select-wrapper-v2.svelte-1eqjcik input.input-m:where(.svelte-1eqjcik):focus {
  box-shadow: var(--shadow-theme-glow-soft);
}
.select-wrapper-v2.svelte-1eqjcik input.input-m:focus.input-error:where(.svelte-1eqjcik) {
  box-shadow: var(--shadow-theme-glow-danger-soft);
}
.select-wrapper-v2.svelte-1eqjcik input.input-m:where(.svelte-1eqjcik)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
}
.select-wrapper-v2.svelte-1eqjcik input.input-l:where(.svelte-1eqjcik) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  height: 44px;
  padding: 0 11px;
  border-radius: var(--radius-theme-md);
}
.select-wrapper-v2.svelte-1eqjcik input.input-l:where(.svelte-1eqjcik):focus {
  box-shadow: var(--shadow-theme-glow-strong);
}
.select-wrapper-v2.svelte-1eqjcik input.input-l:focus.input-error:where(.svelte-1eqjcik) {
  box-shadow: var(--shadow-theme-glow-danger-strong);
}
.select-wrapper-v2.svelte-1eqjcik input.input-l:where(.svelte-1eqjcik)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
}
.select-wrapper-v2.svelte-1eqjcik input.input-m:where(.svelte-1eqjcik)::placeholder, .select-wrapper-v2.svelte-1eqjcik input.input-l:where(.svelte-1eqjcik)::placeholder {
  font-style: italic;
  color: var(--color-theme-text-sec);
}
.select-wrapper-v2.svelte-1eqjcik input:where(.svelte-1eqjcik):disabled {
  background: var(--color-theme-card-01);
  color: var(--color-theme-text-disabled);
  -webkit-text-fill-color: var(--color-theme-text-disabled);
  opacity: 1;
  cursor: not-allowed;
}
.select-wrapper-v2.svelte-1eqjcik input:where(.svelte-1eqjcik):-webkit-autofill, .select-wrapper-v2.svelte-1eqjcik input:where(.svelte-1eqjcik):-webkit-autofill:hover, .select-wrapper-v2.svelte-1eqjcik input:where(.svelte-1eqjcik):-webkit-autofill:focus {
  caret-color: var(--color-theme-text);
  -webkit-text-fill-color: var(--color-theme-text);
  box-shadow: 0 0 0px 1000px var(--color-theme-accent-tint) inset;
  transition: background-color 5000s ease-in-out 0s;
}
.select-wrapper-v2.svelte-1eqjcik .select-icon:where(.svelte-1eqjcik),
.select-wrapper-v2.svelte-1eqjcik .select-caret:where(.svelte-1eqjcik) {
  position: absolute;
  display: inline-flex;
  pointer-events: none;
  color: var(--color-theme-text-sec);
}
.select-wrapper-v2.svelte-1eqjcik .select-icon.is-disabled:where(.svelte-1eqjcik),
.select-wrapper-v2.svelte-1eqjcik .select-caret.is-disabled:where(.svelte-1eqjcik) {
  color: var(--color-theme-text-disabled);
}
.select-wrapper-v2.svelte-1eqjcik .select-caret:where(.svelte-1eqjcik) {
  transition: transform 200ms;
  will-change: transform;
}
.select-wrapper-v2.svelte-1eqjcik .clear-button:where(.svelte-1eqjcik) {
  position: absolute;
  color: var(--color-theme-text-sec);
}
.select-wrapper-v2.svelte-1eqjcik .clear-button:where(.svelte-1eqjcik):hover {
  cursor: pointer;
}
.select-wrapper-v2.svelte-1eqjcik .clear-button:where(.svelte-1eqjcik):focus-visible {
  border-radius: var(--radius-theme-xs);
  box-shadow: 0 0 0 1px var(--color-theme-accent) inset;
  outline: none;
}
.select-wrapper-v2.svelte-1eqjcik .clear-button:where(.svelte-1eqjcik):disabled {
  color: var(--color-theme-text-disabled);
}
.select-wrapper-v2.expanded.svelte-1eqjcik input:where(.svelte-1eqjcik),
.select-wrapper-v2.expanded.svelte-1eqjcik input:where(.svelte-1eqjcik):hover:not(:disabled):not(.input-error),
.select-wrapper-v2.expanded.svelte-1eqjcik input:where(.svelte-1eqjcik):focus:not(:disabled):not(.input-error) {
  border: 1px solid var(--color-theme-border-03);
  box-shadow: none;
}
.select-wrapper-v2.expanded.svelte-1eqjcik:not(.top) input:where(.svelte-1eqjcik) {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: 1px;
}
.select-wrapper-v2.expanded.top.svelte-1eqjcik input:where(.svelte-1eqjcik) {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-top: 1px;
}
.select-wrapper-v2.expanded.has-error.svelte-1eqjcik input:where(.svelte-1eqjcik) {
  border-color: var(--color-theme-danger);
}
.select-wrapper-v2.expanded.has-error.svelte-1eqjcik input.input-error:where(.svelte-1eqjcik):focus {
  box-shadow: unset;
}
.select-wrapper-v2.expanded.svelte-1eqjcik .select-caret:where(.svelte-1eqjcik) {
  transform: rotate(180deg);
}
.select-wrapper-v2.select-wrapper-m.svelte-1eqjcik input:where(.svelte-1eqjcik) {
  padding-right: 31px;
}
.select-wrapper-v2.select-wrapper-m.svelte-1eqjcik .select-icon:where(.svelte-1eqjcik) {
  top: 6px;
  left: 6px;
}
.select-wrapper-v2.select-wrapper-m.svelte-1eqjcik .select-caret:where(.svelte-1eqjcik),
.select-wrapper-v2.select-wrapper-m.svelte-1eqjcik .clear-button:where(.svelte-1eqjcik) {
  top: 6px;
  right: 6px;
}
.select-wrapper-v2.select-wrapper-m.has-icon.svelte-1eqjcik input:where(.svelte-1eqjcik) {
  padding-left: 31px;
}
.select-wrapper-v2.select-wrapper-l.svelte-1eqjcik input:where(.svelte-1eqjcik) {
  padding-right: 43px;
}
.select-wrapper-v2.select-wrapper-l.svelte-1eqjcik .select-icon:where(.svelte-1eqjcik) {
  top: 12px;
  left: 12px;
}
.select-wrapper-v2.select-wrapper-l.svelte-1eqjcik .select-caret:where(.svelte-1eqjcik),
.select-wrapper-v2.select-wrapper-l.svelte-1eqjcik .clear-button:where(.svelte-1eqjcik) {
  top: 12px;
  right: 12px;
}
.select-wrapper-v2.select-wrapper-l.has-icon.svelte-1eqjcik input:where(.svelte-1eqjcik) {
  padding-left: 43px;
}

.validation-text.validation-text-m.svelte-1eqjcik {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  margin-top: var(--spacing-xxs);
  margin-left: 6px;
  color: var(--color-theme-danger);
}
.validation-text.validation-text-l.svelte-1eqjcik {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  margin-top: var(--spacing-xxs);
  margin-left: 12px;
  color: var(--color-theme-danger);
}
.validation-text.is-disabled.svelte-1eqjcik {
  color: var(--color-theme-text-sec);
}

.info-text.validation-text-m.svelte-1eqjcik, .info-text.validation-text-l.svelte-1eqjcik {
  color: var(--color-theme-text);
}

.select-option-list.svelte-1eqjcik {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.select-option-list.svelte-1eqjcik ul:where(.svelte-1eqjcik) {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  z-index: 10;
}
.select-option-list.svelte-1eqjcik li:where(.svelte-1eqjcik) {
  display: flex;
  align-items: center;
  color: var(--color-theme-text);
  border-bottom: 1px solid var(--color-theme-border-03);
  cursor: pointer;
}
.select-option-list.svelte-1eqjcik li.no-option:where(.svelte-1eqjcik) {
  color: var(--color-theme-text-sec);
  cursor: auto;
}
.select-option-list.svelte-1eqjcik li.selected:where(.svelte-1eqjcik) {
  font-weight: bold;
  color: var(--color-theme-text);
}
.select-option-list.svelte-1eqjcik li:where(.svelte-1eqjcik):hover:not(.no-option), .select-option-list.svelte-1eqjcik li.hovered:where(.svelte-1eqjcik) {
  background-color: var(--color-theme-fg);
  color: var(--color-theme-text-inverse);
}
.select-option-list.svelte-1eqjcik li.disabled:where(.svelte-1eqjcik) {
  color: var(--color-theme-text-disabled);
  cursor: not-allowed;
}
.select-option-list.svelte-1eqjcik li.disabled:where(.svelte-1eqjcik):hover {
  background-color: initial;
}
.select-option-list.svelte-1eqjcik li:where(.svelte-1eqjcik):last-child {
  border-bottom: none;
}
.select-option-list.svelte-1eqjcik .select-option-list-wrapper:where(.svelte-1eqjcik) {
  overflow: hidden;
  border: 1px solid var(--color-theme-border-03);
  background: var(--input-bg, var(--color-theme-card-01));
}
.select-option-list.bg-color-0.svelte-1eqjcik .select-option-list-wrapper:where(.svelte-1eqjcik) {
  background: var(--color-0);
}
.select-option-list.bg-color-00.svelte-1eqjcik .select-option-list-wrapper:where(.svelte-1eqjcik) {
  background: var(--color-00);
}
.select-option-list.bg-color-base.svelte-1eqjcik .select-option-list-wrapper:where(.svelte-1eqjcik) {
  background: var(--color-base);
}
.select-option-list.bg-color-1.svelte-1eqjcik .select-option-list-wrapper:where(.svelte-1eqjcik) {
  background: var(--color-1);
}
.select-option-list.bg-color-black.svelte-1eqjcik .select-option-list-wrapper:where(.svelte-1eqjcik) {
  background: var(--color-black);
}
.select-option-list.svelte-1eqjcik:not(.top) .select-option-list-wrapper:where(.svelte-1eqjcik), .select-option-list.has-error.svelte-1eqjcik:not(.top) .select-option-list-wrapper:where(.svelte-1eqjcik) {
  border-top-color: var(--color-theme-border-03);
}
.select-option-list.top.svelte-1eqjcik .select-option-list-wrapper:where(.svelte-1eqjcik), .select-option-list.has-error.top.svelte-1eqjcik .select-option-list-wrapper:where(.svelte-1eqjcik) {
  border-bottom-color: var(--color-theme-border-03);
}
.select-option-list.select-wrapper-m.svelte-1eqjcik:not(.top) .select-option-list-wrapper:where(.svelte-1eqjcik) {
  border-bottom-left-radius: var(--radius-theme-sm);
  border-bottom-right-radius: var(--radius-theme-sm);
}
.select-option-list.select-wrapper-m.top.svelte-1eqjcik .select-option-list-wrapper:where(.svelte-1eqjcik) {
  border-top-left-radius: var(--radius-theme-sm);
  border-top-right-radius: var(--radius-theme-sm);
}
.select-option-list.select-wrapper-m.svelte-1eqjcik ul:where(.svelte-1eqjcik) {
  max-height: 192px;
}
.select-option-list.select-wrapper-m.svelte-1eqjcik li:where(.svelte-1eqjcik) {
  padding: 8px;
  min-height: 32px;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
}
.select-option-list.select-wrapper-l.svelte-1eqjcik:not(.top) .select-option-list-wrapper:where(.svelte-1eqjcik) {
  border-bottom-left-radius: var(--radius-theme-md);
  border-bottom-right-radius: var(--radius-theme-md);
}
.select-option-list.select-wrapper-l.top.svelte-1eqjcik .select-option-list-wrapper:where(.svelte-1eqjcik) {
  border-top-left-radius: var(--radius-theme-md);
  border-top-right-radius: var(--radius-theme-md);
}
.select-option-list.select-wrapper-l.svelte-1eqjcik ul:where(.svelte-1eqjcik) {
  max-height: 264px;
}
.select-option-list.select-wrapper-l.svelte-1eqjcik li:where(.svelte-1eqjcik) {
  padding: 11px;
  min-height: 44px;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
}
.select-option-list.has-error.svelte-1eqjcik .select-option-list-wrapper:where(.svelte-1eqjcik) {
  border-color: var(--color-theme-danger);
}

.select-overlay.svelte-1eqjcik {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
}

.select-backdrop.svelte-1eqjcik {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 1000;
}
.select-backdrop.select-wrapper-m.svelte-1eqjcik {
  height: calc(100% + 32px);
  border-radius: var(--radius-theme-sm);
}
.select-backdrop.select-wrapper-m.svelte-1eqjcik:not(.top) {
  top: -32px;
}
.select-backdrop.select-wrapper-l.svelte-1eqjcik {
  height: calc(100% + 44px);
  border-radius: var(--radius-theme-md);
}
.select-backdrop.select-wrapper-l.svelte-1eqjcik:not(.top) {
  top: -44px;
}

.select-option-list.disabledPortal.svelte-1eqjcik,
.select-backdrop.disabledPortal.svelte-1eqjcik {
  z-index: 1;
}

.select-stop-overflow {
  overflow: hidden;
}@keyframes svelte-1qdd8w-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1qdd8w-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1qdd8w-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1qdd8w-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1qdd8w-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.device-button.svelte-1qdd8w {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  --device-face: var(--color-theme-fg);
  --device-face-ink: var(--color-theme-bg);
  --device-face-shade: color-mix(in srgb, var(--device-face-ink) 18%, var(--device-face));
}
.device-button.svelte-1qdd8w:disabled {
  cursor: not-allowed;
}
.device-button.disabled.svelte-1qdd8w {
  cursor: not-allowed;
}
.device-button.svelte-1qdd8w .device-action-border:where(.svelte-1qdd8w) {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--device-face);
  border-radius: 50%;
  box-shadow: var(--shadow-theme);
}
.device-button.svelte-1qdd8w .device-action:where(.svelte-1qdd8w) {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: var(--device-face);
  border-radius: 50%;
}
.device-button.svelte-1qdd8w .device-action:where(.svelte-1qdd8w) .indicator:where(.svelte-1qdd8w) {
  border-radius: 5px;
  box-shadow: inset 1px 0px 1px rgba(0, 0, 0, 0.5);
}
.device-button.svelte-1qdd8w .device-action:where(.svelte-1qdd8w) .indicator.on:where(.svelte-1qdd8w) {
  background-color: var(--indicator-variant-on);
}
.device-button.svelte-1qdd8w .device-action:where(.svelte-1qdd8w) .indicator.off:where(.svelte-1qdd8w) {
  background-color: var(--indicator-variant-off);
}
.device-button.medium.svelte-1qdd8w {
  width: 56px;
  height: 56px;
}
.device-button.medium.svelte-1qdd8w .device-action-border:where(.svelte-1qdd8w) {
  width: 42px;
  height: 42px;
}
.device-button.medium.svelte-1qdd8w .device-action:where(.svelte-1qdd8w) {
  width: 38px;
  height: 38px;
}
.device-button.medium.svelte-1qdd8w .device-action:where(.svelte-1qdd8w) .indicator:where(.svelte-1qdd8w) {
  width: 12px;
  height: 3px;
}
.device-button.large.svelte-1qdd8w {
  width: 72px;
  height: 72px;
}
.device-button.large.svelte-1qdd8w .device-action-border:where(.svelte-1qdd8w) {
  width: 56px;
  height: 56px;
}
.device-button.large.svelte-1qdd8w .device-action:where(.svelte-1qdd8w) {
  width: 52px;
  height: 52px;
}
.device-button.large.svelte-1qdd8w .device-action:where(.svelte-1qdd8w) .indicator:where(.svelte-1qdd8w) {
  width: 18px;
  height: 4px;
}
.device-button.primary.svelte-1qdd8w {
  background-color: var(--color-theme-accent);
  color: var(--color-theme-accent);
  stroke: var(--color-theme-accent);
}
.device-button.primary.active.svelte-1qdd8w {
  background-color: var(--color-theme-card-02);
}
.device-button.success.svelte-1qdd8w {
  background-color: var(--color-theme-success);
  color: var(--color-theme-success);
  stroke: var(--color-theme-success);
}
.device-button.success.active.svelte-1qdd8w {
  background-color: var(--color-theme-card-02);
}
.device-button.danger.svelte-1qdd8w {
  background-color: var(--color-theme-danger);
  color: var(--color-theme-danger);
  stroke: var(--color-theme-danger);
}
.device-button.danger.active.svelte-1qdd8w {
  background-color: var(--color-theme-card-02);
}
.device-button.loading.svelte-1qdd8w {
  position: relative;
}
.device-button.loading.svelte-1qdd8w::before {
  content: " ";
  position: absolute;
  display: block;
  top: -50%;
  left: -50%;
  display: block;
  height: 200%;
  width: 200%;
  transform: rotate(-45deg);
  overflow: hidden;
  background: linear-gradient(to right, transparent 48%, rgba(255, 255, 255, 0.2) 50%, rgb(255, 255, 255) 55%, transparent 80%);
  background-size: 200% auto;
  animation: svelte-1qdd8w-blink 0.7s ease-out infinite;
  z-index: 1;
}
.device-button.wide.svelte-1qdd8w {
  width: 144px;
  border-radius: 52px;
}
.device-button.wide.svelte-1qdd8w .device-action-border:where(.svelte-1qdd8w) {
  width: 128px;
  border-radius: inherit;
}
.device-button.wide.svelte-1qdd8w .device-action:where(.svelte-1qdd8w) {
  width: 124px;
  border-radius: inherit;
}
.device-button.inactive.svelte-1qdd8w {
  background-color: var(--color-theme-card-02);
}
.device-button.is-dark-icon.svelte-1qdd8w {
  color: var(--device-face-ink);
}
.device-button.svelte-1qdd8w:not(.touch-support):hover:not(:disabled) .device-action-border:where(.svelte-1qdd8w),
.device-button.svelte-1qdd8w:not(.touch-support):hover:not(:disabled) .device-action:where(.svelte-1qdd8w) {
  background-image: linear-gradient(180deg, var(--device-face) 40%, var(--device-face-shade) 100%);
}
.device-button.svelte-1qdd8w:not(.touch-support):focus-visible:not(:disabled) {
  outline: 2px solid var(--color-theme-accent);
  outline-offset: 2px;
  box-shadow: 0 0 0 2px var(--color-theme-accent-tint-strong);
}
.device-button.svelte-1qdd8w:active:not(:disabled) .device-action-border:where(.svelte-1qdd8w),
.device-button.svelte-1qdd8w:active:not(:disabled) .device-action:where(.svelte-1qdd8w) {
  background-image: linear-gradient(180deg, var(--device-face) 40%, var(--device-face-shade) 100%);
}
.device-button.disabled-overlay.svelte-1qdd8w::before {
  z-index: 2;
}

html[data-ds-color-mode="light"] .device-button.svelte-1qdd8w {
  --device-face: var(--color-theme-card);
  --device-face-ink: var(--color-theme-fg);
  --device-face-shade: color-mix(in srgb, var(--device-face-ink) 8%, var(--device-face));
}

@keyframes svelte-1qdd8w-blink {
  to {
    background-position: 150% center;
  }
}
.countdown-visualizer.svelte-1qdd8w {
  position: absolute;
  z-index: 0;
  display: inline-flex;
}
.countdown-visualizer.medium.svelte-1qdd8w svg:where(.svelte-1qdd8w) {
  width: 56px;
  height: 56px;
}
.countdown-visualizer.large.svelte-1qdd8w svg:where(.svelte-1qdd8w) {
  width: 72px;
  height: 72px;
}
.countdown-visualizer.wide.svelte-1qdd8w svg:where(.svelte-1qdd8w) {
  width: 155px;
  height: 72px;
}

svg.svelte-1qdd8w {
  z-index: 0;
  pointer-events: none; /*gives the ability to click or hover button below svg*/
}

.button_holder.svelte-1qdd8w {
  position: absolute;
}

.circle.svelte-1qdd8w {
  /* get remaining time and push offset */
  stroke-dashoffset: var(--remaining);
  /* create array from it */
  stroke-dasharray: 100;
  /**100 is used to stop moving the end of array*/
  /* It starts from zero always */
  stroke-width: 4.5;
  animation: svelte-1qdd8w-activeProgress var(--duration) linear forwards;
}
.circle.inactive.svelte-1qdd8w {
  animation: svelte-1qdd8w-progress var(--duration) linear forwards;
}

.ellipse.svelte-1qdd8w {
  /* get remaining time and push offset */
  stroke-dashoffset: var(--remaining);
  /* create array from it */
  stroke-dasharray: 200;
  /**200 is used to stop moving the end of array*/
  /* use duration for animations time. It starts 
  from zero always */
  stroke-width: 5.7;
  animation: svelte-1qdd8w-activeProgressWide var(--duration) linear forwards;
  fill: none;
}
.ellipse.inactive.svelte-1qdd8w {
  animation: svelte-1qdd8w-progress var(--duration) linear forwards;
}

@keyframes svelte-1qdd8w-progress {
  to {
    /* ending point is zero */
    stroke-dashoffset: 0;
  }
}
@keyframes svelte-1qdd8w-activeProgress {
  to {
    /* ending point is zero */
    stroke-dashoffset: 100;
  }
}
@keyframes svelte-1qdd8w-activeProgressWide {
  to {
    /* ending point is zero */
    stroke-dashoffset: 200;
  }
}.double-device-button.svelte-f2o1ma {
  display: inline-flex;
  border-radius: 56px;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.double-device-button.svelte-f2o1ma .control-group-border:where(.svelte-f2o1ma) {
  border-radius: 56px;
}
.double-device-button.svelte-f2o1ma .device-controls:where(.svelte-f2o1ma) {
  position: relative;
  display: flex;
  background: var(--color-theme-card);
  border-radius: 56px;
}
.double-device-button.svelte-f2o1ma .content:where(.svelte-f2o1ma) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 4px;
  white-space: nowrap;
  z-index: 1;
}
.double-device-button.svelte-f2o1ma .device-button {
  background: transparent !important;
  width: unset !important;
  height: unset !important;
  box-shadow: var(--shadow-theme);
  flex-shrink: 0;
}
.double-device-button.svelte-f2o1ma .device-button::before {
  content: none !important;
}
.double-device-button.medium.svelte-f2o1ma .control-group-border:where(.svelte-f2o1ma) {
  max-width: 162px;
  border: 7px solid var(--color-theme-accent);
}
.double-device-button.large.svelte-f2o1ma .control-group-border:where(.svelte-f2o1ma) {
  max-width: 184px;
  border: 8px solid var(--color-theme-accent);
}
.double-device-button.inactive.svelte-f2o1ma .control-group-border:where(.svelte-f2o1ma) {
  border-color: var(--color-theme-card-02);
}
.double-device-button.loading.svelte-f2o1ma {
  position: relative;
}
.double-device-button.loading.svelte-f2o1ma::before {
  content: " ";
  position: absolute;
  display: block;
  top: -60%;
  left: -50%;
  display: block;
  height: 220%;
  width: 200%;
  transform: rotate(-45deg);
  overflow: hidden;
  background: linear-gradient(to right, transparent 48%, rgba(255, 255, 255, 0.2) 50%, rgb(255, 255, 255) 55%, transparent 80%);
  background-size: 200% auto;
  animation: svelte-f2o1ma-blink 0.7s ease-out infinite;
}
.double-device-button.disabled-overlay.svelte-f2o1ma {
  cursor: not-allowed;
}
.double-device-button.disabled-overlay.svelte-f2o1ma::before {
  z-index: 2;
}

@keyframes svelte-f2o1ma-blink {
  to {
    background-position: 150% center;
  }
}.double-device-button-v2.svelte-w704o2 {
  display: inline-flex;
  border-radius: 100px;
  transform: translate3d(0, 0, 0);
}
.double-device-button-v2.svelte-w704o2 .control-group-border:where(.svelte-w704o2) {
  border-radius: inherit;
  border: 6px solid var(--color-theme-accent);
}
.double-device-button-v2.svelte-w704o2 .device-controls:where(.svelte-w704o2) {
  position: relative;
  display: flex;
  background: var(--color-theme-card);
  border-radius: inherit;
}
.double-device-button-v2.svelte-w704o2 .content:where(.svelte-w704o2) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 40px;
  margin: 0 4px;
  white-space: nowrap;
  z-index: 1;
}
.double-device-button-v2.svelte-w704o2 .device-button-v2 {
  background: transparent !important;
  width: unset !important;
  height: unset !important;
  flex-shrink: 0;
}
.double-device-button-v2.svelte-w704o2 .device-button-v2::before {
  content: none !important;
}
.double-device-button-v2.svelte-w704o2 .device-button-v2:focus-visible:not(:disabled) {
  outline: unset !important;
  overflow: unset !important;
}
.double-device-button-v2.svelte-w704o2 .device-button-v2:focus-visible:not(:disabled)::after {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  background-color: var(--color-theme-accent-tint-strong);
  border: 2px solid var(--color-theme-accent);
  border-radius: inherit;
  z-index: -1;
}
.double-device-button-v2.medium.svelte-w704o2 .control-group-border:where(.svelte-w704o2) {
  border-width: 5px;
}
.double-device-button-v2.small.svelte-w704o2 .control-group-border:where(.svelte-w704o2) {
  border-width: 4px;
}
.double-device-button-v2.small.svelte-w704o2 .content:where(.svelte-w704o2) {
  max-width: 32px;
  margin: 0px 3px;
}
.double-device-button-v2.small.haveContent.svelte-w704o2 .content:where(.svelte-w704o2) {
  margin: 0px 4px;
}
.double-device-button-v2.small.svelte-w704o2 .device-button-v2:focus-visible:not(:disabled)::after {
  border-width: 1px;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
}
.double-device-button-v2.large.svelte-w704o2 .content:where(.svelte-w704o2) {
  margin: 0px 6px;
  max-width: 48px;
}
.double-device-button-v2.large.haveContent.svelte-w704o2 .content:where(.svelte-w704o2) {
  margin: 0px 8px;
}
.double-device-button-v2.large.svelte-w704o2 .device-button-v2:focus-visible:not(:disabled)::after {
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
}
.double-device-button-v2.inactive.svelte-w704o2 .control-group-border:where(.svelte-w704o2) {
  border-color: var(--color-theme-card-02);
}
.double-device-button-v2.disabled-overlay.svelte-w704o2 {
  cursor: not-allowed;
}
.double-device-button-v2.disabled-overlay.svelte-w704o2::before {
  z-index: 2;
}
@keyframes svelte-9kfh1o-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-9kfh1o-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-9kfh1o-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-9kfh1o-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-9kfh1o-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.device-button-v2.svelte-9kfh1o {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  --device-face: var(--color-theme-fg);
  --device-face-ink: var(--color-theme-bg);
  --device-face-shade: color-mix(in srgb, var(--device-face-ink) 18%, var(--device-face));
}
.device-button-v2.svelte-9kfh1o:disabled {
  cursor: not-allowed;
}
.device-button-v2.disabled.svelte-9kfh1o {
  cursor: not-allowed;
}
.device-button-v2.svelte-9kfh1o .device-action-border:where(.svelte-9kfh1o) {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--device-face);
  border-radius: 50%;
  overflow: hidden;
}
.device-button-v2.svelte-9kfh1o .indicator:where(.svelte-9kfh1o) {
  border-radius: 5px;
}
.device-button-v2.svelte-9kfh1o .indicator.on:where(.svelte-9kfh1o) {
  background-color: var(--indicator-variant-on);
}
.device-button-v2.svelte-9kfh1o .indicator.off:where(.svelte-9kfh1o) {
  background-color: var(--indicator-variant-off);
}
.device-button-v2.small.svelte-9kfh1o {
  width: 40px;
  height: 40px;
}
.device-button-v2.small.svelte-9kfh1o .device-action-border:where(.svelte-9kfh1o) {
  width: 32px;
  height: 32px;
}
.device-button-v2.small.svelte-9kfh1o .indicator:where(.svelte-9kfh1o) {
  width: 8px;
  height: 2px;
  position: absolute;
  bottom: 5px;
}
.device-button-v2.medium.svelte-9kfh1o {
  width: 56px;
  height: 56px;
}
.device-button-v2.medium.svelte-9kfh1o .device-action-border:where(.svelte-9kfh1o) {
  width: 46px;
  height: 46px;
}
.device-button-v2.medium.svelte-9kfh1o .indicator:where(.svelte-9kfh1o) {
  width: 10px;
  height: 3px;
  position: absolute;
  bottom: 8px;
}
.device-button-v2.large.svelte-9kfh1o {
  width: 72px;
  height: 72px;
}
.device-button-v2.large.svelte-9kfh1o .device-action-border:where(.svelte-9kfh1o) {
  width: 60px;
  height: 60px;
}
.device-button-v2.large.svelte-9kfh1o .indicator:where(.svelte-9kfh1o) {
  width: 14px;
  height: 4px;
  position: absolute;
  bottom: 8px;
}
.device-button-v2.primary.svelte-9kfh1o {
  background-color: var(--color-theme-accent);
  color: var(--color-theme-accent);
}
.device-button-v2.primary.svelte-9kfh1o .countdown-visualizer:where(.svelte-9kfh1o) {
  stroke: var(--color-theme-accent);
}
.device-button-v2.primary.active.svelte-9kfh1o {
  background-color: var(--color-theme-card-02);
}
.device-button-v2.success.svelte-9kfh1o {
  background-color: var(--color-theme-success);
  color: var(--color-theme-success);
}
.device-button-v2.success.svelte-9kfh1o .countdown-visualizer:where(.svelte-9kfh1o) {
  stroke: var(--color-theme-success);
}
.device-button-v2.success.active.svelte-9kfh1o {
  background-color: var(--color-theme-card-02);
}
.device-button-v2.danger.svelte-9kfh1o {
  background-color: var(--color-theme-danger);
  color: var(--color-theme-danger);
}
.device-button-v2.danger.svelte-9kfh1o .countdown-visualizer:where(.svelte-9kfh1o) {
  stroke: var(--color-theme-danger);
}
.device-button-v2.danger.active.svelte-9kfh1o {
  background-color: var(--color-theme-card-02);
}
.device-button-v2.inactive.svelte-9kfh1o {
  background-color: var(--color-theme-card-02);
  color: var(--device-face-ink);
}
.device-button-v2.inactive-icon-accent.svelte-9kfh1o {
  color: var(--color-theme-accent);
}
.device-button-v2.inactive-icon-success.svelte-9kfh1o {
  color: var(--color-theme-success);
}
.device-button-v2.inactive-icon-danger.svelte-9kfh1o {
  color: var(--color-theme-danger);
}
.device-button-v2.is-dark-icon.svelte-9kfh1o {
  color: var(--device-face-ink);
}
.device-button-v2.svelte-9kfh1o:not(.touch-support):hover:not(:disabled) .device-action-border:where(.svelte-9kfh1o) {
  background-image: linear-gradient(180deg, var(--device-face) 40%, var(--device-face-shade) 100%);
}
.device-button-v2.svelte-9kfh1o:not(.touch-support):focus-visible:not(:disabled) {
  outline: 2px solid var(--color-theme-accent);
  outline-offset: 2px;
}
.device-button-v2:not(.touch-support):focus-visible:not(:disabled).small.svelte-9kfh1o {
  outline-width: 1px;
}
.device-button-v2.svelte-9kfh1o:active:not(:disabled) .device-action-border:where(.svelte-9kfh1o) {
  background-image: linear-gradient(180deg, var(--device-face) 40%, var(--device-face-shade) 100%);
}
.device-button-v2.disabled-overlay.svelte-9kfh1o::before {
  z-index: 2;
}

html[data-ds-color-mode="light"] .device-button-v2.svelte-9kfh1o {
  --device-face: var(--color-theme-card);
  --device-face-ink: var(--color-theme-fg);
  --device-face-shade: color-mix(in srgb, var(--device-face-ink) 8%, var(--device-face));
}

.countdown-visualizer.svelte-9kfh1o {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none; /*gives the ability to click or hover button below svg*/
}

.button_holder.svelte-9kfh1o {
  position: absolute;
}

.circle.svelte-9kfh1o {
  /* get remaining time and push offset */
  stroke-dashoffset: var(--remaining);
  /* create array from it */
  stroke-dasharray: var(--circumference, 100);
  /**100 is used to stop moving the end of array*/
  /* It starts from zero always */
  animation: svelte-9kfh1o-activeProgress var(--duration) linear forwards;
}
.circle.large.svelte-9kfh1o {
  stroke-width: 3.5;
}
.circle.medium.svelte-9kfh1o {
  stroke-width: 4.5;
}
.circle.small.svelte-9kfh1o {
  stroke-width: 6.3;
}
.circle.inactive.svelte-9kfh1o {
  animation: svelte-9kfh1o-progress var(--duration) linear forwards;
}

@keyframes svelte-9kfh1o-progress {
  to {
    /* ending point is zero */
    stroke-dashoffset: 0;
  }
}
@keyframes svelte-9kfh1o-activeProgress {
  to {
    /* ending point is zero — var() resolves per-element at animation time */
    stroke-dashoffset: var(--circumference, 100);
  }
}@keyframes svelte-1tyil8i-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1tyil8i-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1tyil8i-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1tyil8i-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1tyil8i-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.scroll.svelte-1tyil8i {
  display: flex;
  flex: 1;
  min-height: 0;
  max-height: 100%;
  /* Firefox styles selector */
  overflow-y: auto;
  overflow-x: hidden;
}
@supports (-moz-appearance: none) {
  .scroll.svelte-1tyil8i {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
  }
}
.scroll.hide-scrollbar.svelte-1tyil8i {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scroll.hide-scrollbar.svelte-1tyil8i::-webkit-scrollbar {
  display: none;
}
.scroll.edge-dissolve-bottom.svelte-1tyil8i {
  --scroll-dissolve-end: 0px;
  --scroll-dissolve-start: 24px;
  --scroll-dissolve-height: 24px;
  -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-dissolve-start, 48px)), transparent calc(100% - var(--scroll-dissolve-end, 0px)), transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-dissolve-start, 48px)), transparent calc(100% - var(--scroll-dissolve-end, 0px)), transparent 100%);
}
.scroll.edge-dissolve-bottom.svelte-1tyil8i .scroll-container-content:where(.svelte-1tyil8i) {
  padding-bottom: calc(var(--scroll-dissolve-start) + var(--spacing-s));
}
.scroll.edge-dissolve-bottom.edge-dissolve-scrolled.svelte-1tyil8i {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--scroll-dissolve-height, 24px), #000 calc(100% - var(--scroll-dissolve-start, 24px)), transparent calc(100% - var(--scroll-dissolve-end, 0px)), transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0, #000 var(--scroll-dissolve-height, 24px), #000 calc(100% - var(--scroll-dissolve-start, 24px)), transparent calc(100% - var(--scroll-dissolve-end, 0px)), transparent 100%);
}
.scroll.edge-dissolve-edges.edge-dissolve-edges-bottom.svelte-1tyil8i:not(.edge-dissolve-edges-top) {
  -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-dissolve-start, 48px)), transparent calc(100% - var(--scroll-dissolve-end, 0px)), transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-dissolve-start, 48px)), transparent calc(100% - var(--scroll-dissolve-end, 0px)), transparent 100%);
}
.scroll.edge-dissolve-edges.edge-dissolve-edges-top.svelte-1tyil8i:not(.edge-dissolve-edges-bottom) {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, transparent var(--scroll-dissolve-underlap, 0px), #000 calc(var(--scroll-dissolve-underlap, 0px) + var(--scroll-dissolve-height, 32px)), #000 100%);
  mask-image: linear-gradient(to bottom, transparent 0, transparent var(--scroll-dissolve-underlap, 0px), #000 calc(var(--scroll-dissolve-underlap, 0px) + var(--scroll-dissolve-height, 32px)), #000 100%);
}
.scroll.edge-dissolve-edges.edge-dissolve-edges-top.edge-dissolve-edges-bottom.svelte-1tyil8i {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--scroll-dissolve-height, 24px), #000 calc(100% - var(--scroll-dissolve-start, 24px)), transparent calc(100% - var(--scroll-dissolve-end, 0px)), transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0, #000 var(--scroll-dissolve-height, 24px), #000 calc(100% - var(--scroll-dissolve-start, 24px)), transparent calc(100% - var(--scroll-dissolve-end, 0px)), transparent 100%);
}
.scroll.svelte-1tyil8i .scroll-inner-container:where(.svelte-1tyil8i) {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.scroll.svelte-1tyil8i .scroll-container-content:where(.svelte-1tyil8i) {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.scroll.scroll-modal.svelte-1tyil8i .scroll-container-content:where(.svelte-1tyil8i) {
  max-height: none;
}
.scroll.scroll-modal.svelte-1tyil8i:not(.remove-scroll-paddings) {
  padding: 0px 15px;
}
.scroll.scroll-modal-fullSize.svelte-1tyil8i {
  padding: 0px 11px;
}
.scroll.scroll-modal-fullSize.svelte-1tyil8i .scroll-container-content:where(.svelte-1tyil8i) {
  height: 100%;
}
.scroll.scroll-drawer.svelte-1tyil8i {
  padding-right: 7px;
  margin-right: -7px;
  z-index: 1;
}
.scroll.scroll-drawer.svelte-1tyil8i .scroll-container-content:where(.svelte-1tyil8i) {
  height: 100%;
}
.scroll.scroll-sidepanel.svelte-1tyil8i {
  scrollbar-gutter: stable;
  padding-top: 4px;
  margin-top: -4px;
  padding-left: 6px;
  margin-left: -6px;
  padding-right: 11px;
  margin-right: -11px;
  z-index: 1;
}
.scroll.scroll-sidepanel.svelte-1tyil8i .scroll-container-content:where(.svelte-1tyil8i) {
  height: 100%;
}
.scroll.scroll-sidepanel.svelte-1tyil8i .scroll-container-content:where(.svelte-1tyil8i):has(.slider-v2) {
  padding-bottom: var(--spacing-s);
}
.scroll.scroll-sidepanel.is-scrollable.svelte-1tyil8i .scroll-container-content:where(.svelte-1tyil8i) {
  padding-bottom: 4px;
}
.scroll.scroll-sidepanel.is-scrollable.svelte-1tyil8i .scroll-container-content:where(.svelte-1tyil8i):has(.slider-v2) {
  padding-bottom: var(--spacing-s);
}
.scroll.scroll-sticky-bottom-sibling.svelte-1tyil8i {
  flex: 0 1 auto;
}

@media screen and (max-width: 639px) {
  .scroll.scroll-modal.svelte-1tyil8i:not(.remove-scroll-paddings) {
    padding-left: 10px;
    padding-right: 11px;
  }
  .scroll.scroll-modal-fullSize.svelte-1tyil8i {
    padding: 0px;
  }
}.drawer-tabs.svelte-1omi3ky {
  display: flex;
  flex: auto;
  height: 0;
}
.drawer-tabs.svelte-1omi3ky .tabs-wrapper:where(.svelte-1omi3ky) {
  position: relative;
  display: flex;
  align-items: baseline;
}
.drawer-tabs.svelte-1omi3ky .tabs-wrapper:where(.svelte-1omi3ky)::before, .drawer-tabs.svelte-1omi3ky .tabs-wrapper:where(.svelte-1omi3ky)::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  left: 1px;
  height: 32px;
  pointer-events: none;
  background: var(--gradient-vertical-tabs);
  z-index: 2;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.drawer-tabs.svelte-1omi3ky .tabs-wrapper:where(.svelte-1omi3ky)::before {
  top: 1px;
}
.drawer-tabs.svelte-1omi3ky .tabs-wrapper:where(.svelte-1omi3ky)::after {
  bottom: 1px;
  left: 1px;
  transform: rotate(-180deg);
}
.drawer-tabs.svelte-1omi3ky .tabs-wrapper.top-shadow:where(.svelte-1omi3ky)::before {
  opacity: 1;
}
.drawer-tabs.svelte-1omi3ky .tabs-wrapper.top-shadow:where(.svelte-1omi3ky) .tabs-container:where(.svelte-1omi3ky) {
  border-top-left-radius: 0;
}
.drawer-tabs.svelte-1omi3ky .tabs-wrapper.bottom-shadow:where(.svelte-1omi3ky)::after {
  opacity: 1;
}
.drawer-tabs.svelte-1omi3ky .tabs-wrapper.bottom-shadow:where(.svelte-1omi3ky) .tabs-container:where(.svelte-1omi3ky) {
  border-bottom-left-radius: 0;
}
.drawer-tabs.svelte-1omi3ky .tabs-wrapper:where(.svelte-1omi3ky) .tabs-container:where(.svelte-1omi3ky) {
  margin-right: -1px;
  max-height: 100%;
  overflow-y: auto;
  z-index: 1;
  border-top-left-radius: var(--radius-theme-md);
  border-bottom-left-radius: var(--radius-theme-md);
  border: 1px solid var(--color-theme-border-03);
  border-right: unset;
  transition: border-radius 0.3s ease;
  background-color: var(--color-theme-bg);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.drawer-tabs.svelte-1omi3ky .tabs-wrapper:where(.svelte-1omi3ky) .tabs-container:where(.svelte-1omi3ky)::-webkit-scrollbar {
  display: none;
}
.drawer-tabs.svelte-1omi3ky .tab-content:where(.svelte-1omi3ky) {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: auto;
  width: 0;
  padding: 8px;
  background-color: var(--color-theme-bg);
  border: 1px solid var(--color-theme-border-03);
  border-radius: var(--radius-theme-md);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.drawer-tabs.svelte-1omi3ky .tab-content:where(.svelte-1omi3ky)::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--background-image-overlay-darker);
  border-radius: inherit;
}
.drawer-tabs.svelte-1omi3ky .tab-content:where(.svelte-1omi3ky)::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 100%;
  background-image: var(--gradient-drawer-side);
  border-radius: inherit;
}
.drawer-tabs.svelte-1omi3ky .tab-content.have-tabs:where(.svelte-1omi3ky) {
  border-top-left-radius: 0;
}
.drawer-tabs.svelte-1omi3ky .tab-content.have-radius:where(.svelte-1omi3ky) {
  border-bottom-left-radius: 0;
}.drawer-tab-content-wrapper.svelte-4xavy6 {
  z-index: 1;
}
.drawer-tab-content-wrapper.svelte-4xavy6 .drawer-tab-content:where(.svelte-4xavy6) {
  display: flex;
  flex-direction: column;
  flex: auto;
}
.drawer-tab-content-wrapper.svelte-4xavy6 .drawer-tab-content.drawer-tab-content-scrollable:where(.svelte-4xavy6) {
  height: 0;
}@keyframes svelte-19cbp8a-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-19cbp8a-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-19cbp8a-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-19cbp8a-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-19cbp8a-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.drawer-tab.svelte-19cbp8a {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-theme-bg);
  border-bottom: 1px solid var(--color-theme-border-03);
  border-right: 1px solid var(--color-theme-border-03);
  cursor: pointer;
}
.drawer-tab.svelte-19cbp8a:disabled {
  cursor: not-allowed;
}
.drawer-tab.svelte-19cbp8a:last-of-type {
  border-bottom: unset;
}
.drawer-tab.active.svelte-19cbp8a {
  border-right: unset;
  padding-right: 1px;
}
.drawer-tab.active.svelte-19cbp8a .notification-position {
  right: 9px;
}
.drawer-tab.svelte-19cbp8a .notification-position {
  position: absolute;
  right: 8px;
  top: 8px;
}.dropdown.svelte-xy2w3w {
  display: inline-flex;
}

.dropdown-overlay.svelte-xy2w3w {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1002;
}

.dropdown-items-container.svelte-xy2w3w {
  position: absolute;
  background: var(--color-theme-bg);
  box-shadow: var(--shadow-theme);
  border: 1px solid var(--color-theme-border-03);
  border-radius: var(--radius-theme-md);
  left: 0;
  top: calc(100% + 4px);
  overflow: hidden;
  z-index: 1003;
}
.dropdown-items-container.postion-right-side.svelte-xy2w3w {
  right: 0;
  left: unset;
}
.dropdown-items-container.in-drawer-menu.svelte-xy2w3w {
  width: auto;
  max-width: 280px;
}
.dropdown-items-container.svelte-xy2w3w .scroll-container:where(.svelte-xy2w3w) {
  max-height: var(--dropdown-scroll-max-height, 415px);
  overflow-y: auto;
}
.dropdown-items-container.has-static-bottom.svelte-xy2w3w {
  display: flex;
  flex-direction: column;
}
.dropdown-items-container.has-static-bottom.svelte-xy2w3w .scroll-container:where(.svelte-xy2w3w) {
  max-height: var(--dropdown-scroll-with-static-max-height, 277px);
  overflow-y: auto;
}
.dropdown-items-container.has-static-bottom.svelte-xy2w3w .static-bottom-container:where(.svelte-xy2w3w) {
  flex: 0 0 auto;
  max-height: var(--dropdown-static-bottom-max-height, 138px);
  overflow-y: auto;
  border-top: 1px solid var(--color-theme-border-03);
}
.dropdown-items-container.has-static-bottom.svelte-xy2w3w .static-bottom-container.has-scroll-shadow:where(.svelte-xy2w3w) {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
}.menu-item-list.svelte-as0jyp {
  width: 100%;
  border-bottom: 1px solid var(--color-theme-border-03);
  cursor: pointer;
}
.menu-item-list.active.svelte-as0jyp {
  background: var(--color-theme-accent-tint);
}
.menu-item-list.size-l.svelte-as0jyp {
  padding: 12px;
}
.menu-item-list.size-m.svelte-as0jyp {
  padding: 8px 12px;
}
.menu-item-list.svelte-as0jyp:last-of-type:not(.has-border) {
  border-bottom: none;
}
@media (hover: hover) and (pointer: fine) {
  .menu-item-list.svelte-as0jyp:not(.actions):not(.disabled):not(.group-title):hover {
    background: var(--color-theme-accent-tint-strong);
  }
}
.menu-item-list.selected.svelte-as0jyp:not(.group-title) {
  background: var(--color-theme-accent-tint);
}
.menu-item-list.actions.svelte-as0jyp {
  cursor: default;
}
.menu-item-list.group-title.svelte-as0jyp {
  padding: 8px 12px;
  cursor: default;
  pointer-events: none;
  border-top: 1px solid var(--color-theme-border-03);
  border-bottom: none;
  min-height: 32px;
  text-transform: uppercase;
}
.menu-item-list.group-title.svelte-as0jyp:first-of-type {
  border-top: none;
}
.menu-item-list.group-title.remove-border-top.svelte-as0jyp {
  border-top: none;
}
.menu-item-list.group-title.size-m.svelte-as0jyp {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  min-height: 24px;
}
.menu-item-list.group-item.svelte-as0jyp {
  border-bottom: none;
}
.menu-item-list.disabled.svelte-as0jyp {
  cursor: not-allowed;
}
.menu-item-list.svelte-as0jyp .menu-item-list-avatar:where(.svelte-as0jyp) {
  margin-right: 12px;
}
.menu-item-list.svelte-as0jyp .menu-item-list-avatar.size-m:where(.svelte-as0jyp) {
  margin-right: 8px;
}
.menu-item-list.svelte-as0jyp .menu-item-list-text:where(.svelte-as0jyp) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.menu-item-list.svelte-as0jyp .right-icon {
  margin-left: 12px;
}
.menu-item-list.svelte-as0jyp .right-icon.size-m {
  margin-left: 8px;
}
.menu-item-list.svelte-as0jyp .menu-item-list-actions:where(.svelte-as0jyp) {
  margin-top: 12px;
}@keyframes svelte-9a6e8y-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-9a6e8y-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-9a6e8y-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-9a6e8y-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-9a6e8y-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.input-wrapper.svelte-9a6e8y {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}
.input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y) {
  width: 100%;
  background: var(--color-base);
  border: 1px solid var(--color-3);
  outline: none;
  color: inherit;
  caret-color: var(--color-white);
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
  background: var(--color-theme-card-01);
  border-color: var(--color-theme-border-03);
  caret-color: var(--color-theme-text);
}
.input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y):hover:not(:disabled):not(.input-error) {
  border-color: var(--color-secondary);
}
.input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y):focus:not(:disabled):not(.input-error) {
  border-color: var(--color-primary);
}
.input-wrapper.svelte-9a6e8y input.input-error:where(.svelte-9a6e8y) {
  border-color: var(--color-danger);
}
.input-wrapper.svelte-9a6e8y input.input-m:where(.svelte-9a6e8y) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  height: 32px;
  padding: 0px 5px;
  border-radius: var(--radius-small);
}
.input-wrapper.svelte-9a6e8y input.input-m:where(.svelte-9a6e8y):focus {
  box-shadow: var(--shadow-glow-soft);
}
.input-wrapper.svelte-9a6e8y input.input-m:focus.input-error:where(.svelte-9a6e8y) {
  box-shadow: var(--shadow-glow-danger-soft);
}
.input-wrapper.svelte-9a6e8y input.input-m:where(.svelte-9a6e8y)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
}
.input-wrapper.svelte-9a6e8y input.input-l:where(.svelte-9a6e8y) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  height: 44px;
  padding: 0 11px;
  border-radius: var(--radius-big);
}
.input-wrapper.svelte-9a6e8y input.input-l:where(.svelte-9a6e8y):focus {
  box-shadow: var(--shadow-glow-strong);
}
.input-wrapper.svelte-9a6e8y input.input-l:focus.input-error:where(.svelte-9a6e8y) {
  box-shadow: var(--shadow-glow-danger-strong);
}
.input-wrapper.svelte-9a6e8y input.input-l:where(.svelte-9a6e8y)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
}
.input-wrapper.svelte-9a6e8y input.input-m:where(.svelte-9a6e8y)::placeholder, .input-wrapper.svelte-9a6e8y input.input-l:where(.svelte-9a6e8y)::placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y):disabled {
  background: var(--color-0);
  color: var(--color-disabled);
  -webkit-text-fill-color: var(--color-disabled);
  opacity: 1;
  cursor: not-allowed;
}
.input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y)::-webkit-outer-spin-button, .input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-wrapper.svelte-9a6e8y input[type=number]:where(.svelte-9a6e8y) {
  -moz-appearance: textfield;
}
.input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y):-webkit-autofill, .input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y):-webkit-autofill:hover, .input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y):-webkit-autofill:focus {
  caret-color: var(--color-white);
  -webkit-text-fill-color: var(--color-white);
  box-shadow: 0 0 0px 1000px var(--color-primary-10) inset;
  transition: background-color 5000s ease-in-out 0s;
}
.input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y):hover:not(:disabled):not(.input-error) {
  border-color: var(--color-theme-fg-02);
}
.input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y):focus:not(:disabled):not(.input-error) {
  border-color: var(--color-theme-accent);
}
.input-wrapper.svelte-9a6e8y input.input-error:where(.svelte-9a6e8y) {
  border-color: var(--color-theme-danger);
}
.input-wrapper.svelte-9a6e8y input.input-m:where(.svelte-9a6e8y) {
  border-radius: var(--radius-theme-sm);
}
.input-wrapper.svelte-9a6e8y input.input-m:where(.svelte-9a6e8y):focus {
  box-shadow: var(--shadow-theme-glow-soft);
}
.input-wrapper.svelte-9a6e8y input.input-m:focus.input-error:where(.svelte-9a6e8y) {
  box-shadow: var(--shadow-theme-glow-danger-soft);
}
.input-wrapper.svelte-9a6e8y input.input-l:where(.svelte-9a6e8y) {
  border-radius: var(--radius-theme-md);
}
.input-wrapper.svelte-9a6e8y input.input-l:where(.svelte-9a6e8y):focus {
  box-shadow: var(--shadow-theme-glow-strong);
}
.input-wrapper.svelte-9a6e8y input.input-l:focus.input-error:where(.svelte-9a6e8y) {
  box-shadow: var(--shadow-theme-glow-danger-strong);
}
.input-wrapper.svelte-9a6e8y input.input-m:where(.svelte-9a6e8y)::placeholder, .input-wrapper.svelte-9a6e8y input.input-l:where(.svelte-9a6e8y)::placeholder {
  color: var(--color-theme-text-sec);
}
.input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y):disabled {
  background: var(--color-theme-card-01);
  color: var(--color-theme-text-disabled);
  -webkit-text-fill-color: var(--color-theme-text-disabled);
}
.input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y):-webkit-autofill, .input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y):-webkit-autofill:hover, .input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y):-webkit-autofill:focus {
  caret-color: var(--color-theme-text);
  -webkit-text-fill-color: var(--color-theme-text);
  box-shadow: 0 0 0px 1000px var(--color-theme-accent-tint) inset;
}
.input-wrapper.svelte-9a6e8y .input-icon:where(.svelte-9a6e8y) {
  position: absolute;
  pointer-events: none;
  color: var(--color-theme-text-sec);
}
.input-wrapper.svelte-9a6e8y .input-icon.is-disabled:where(.svelte-9a6e8y) {
  color: var(--color-theme-text-disabled);
}
.input-wrapper.svelte-9a6e8y .right-button:where(.svelte-9a6e8y) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  position: absolute;
  width: 24px;
  height: 24px;
  padding: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-theme-text-sec);
}
.input-wrapper.svelte-9a6e8y .right-button:where(.svelte-9a6e8y):disabled {
  cursor: not-allowed;
}
.input-wrapper.svelte-9a6e8y .right-button.disabled:where(.svelte-9a6e8y) {
  cursor: not-allowed;
}
.input-wrapper.svelte-9a6e8y .right-button:where(.svelte-9a6e8y):focus-visible {
  border-radius: var(--radius-theme-xs);
  box-shadow: 0 0 0 1px var(--color-theme-accent) inset;
  outline: none;
}
.input-wrapper.svelte-9a6e8y .right-button:where(.svelte-9a6e8y):disabled {
  color: var(--color-theme-text-disabled);
}
.input-wrapper.has-icon.input-wrapper-m.svelte-9a6e8y input:where(.svelte-9a6e8y) {
  padding-left: 31px;
}
.input-wrapper.has-icon.input-wrapper-m.svelte-9a6e8y .input-icon:where(.svelte-9a6e8y) {
  top: 6px;
  left: 6px;
}
.input-wrapper.has-right-button.input-wrapper-m.svelte-9a6e8y input:where(.svelte-9a6e8y) {
  padding-right: 31px;
}
.input-wrapper.has-right-button.input-wrapper-m.svelte-9a6e8y .right-button:where(.svelte-9a6e8y) {
  top: 4px;
  right: 4px;
}
.input-wrapper.has-icon.input-wrapper-l.svelte-9a6e8y input:where(.svelte-9a6e8y) {
  padding-left: 43px;
}
.input-wrapper.has-icon.input-wrapper-l.svelte-9a6e8y .input-icon:where(.svelte-9a6e8y) {
  top: 12px;
  left: 12px;
}
.input-wrapper.has-right-button.input-wrapper-l.svelte-9a6e8y input:where(.svelte-9a6e8y) {
  padding-right: 43px;
}
.input-wrapper.has-right-button.input-wrapper-l.svelte-9a6e8y .right-button:where(.svelte-9a6e8y) {
  top: 10px;
  right: 10px;
}

.validation-text.validation-text-m.svelte-9a6e8y {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  margin-top: var(--spacing-xxs);
  margin-left: 6px;
  color: var(--color-danger);
}
.validation-text.validation-text-l.svelte-9a6e8y {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  margin-top: var(--spacing-xxs);
  margin-left: 12px;
  color: var(--color-danger);
}
.validation-text.validation-text-m.svelte-9a6e8y, .validation-text.validation-text-l.svelte-9a6e8y {
  color: var(--color-theme-danger);
}
.validation-text.is-disabled.svelte-9a6e8y {
  color: var(--color-theme-text-sec);
}

.info-text.validation-text-m.svelte-9a6e8y, .info-text.validation-text-l.svelte-9a6e8y {
  color: var(--color-theme-text);
}.loader-box.svelte-7mihce {
  display: inline-flex;
  align-items: center;
}
.loader-box.large.svelte-7mihce {
  padding: 0 11px;
  height: 44px;
}
.loader-box.large.svelte-7mihce .loader:where(.svelte-7mihce) {
  width: 64px;
  height: 18px;
}
.loader-box.large.svelte-7mihce .loader:where(.svelte-7mihce) div:where(.svelte-7mihce) {
  width: 18px;
  height: 18px;
}
.loader-box.medium.svelte-7mihce {
  padding: 0 5px;
  height: 32px;
}
.loader-box.medium.svelte-7mihce .loader:where(.svelte-7mihce) {
  width: 52px;
  height: 14px;
}
.loader-box.medium.svelte-7mihce .loader:where(.svelte-7mihce) div:where(.svelte-7mihce) {
  width: 14px;
  height: 14px;
}
.loader-box.with-background.svelte-7mihce {
  --loader-face: var(--color-theme-fg);
  background-color: var(--loader-face);
  border-radius: var(--radius-theme-md);
  box-shadow: var(--shadow-theme);
}
.loader-box.with-background.large.svelte-7mihce {
  padding: 0 27px;
  height: 60px;
}
.loader-box.with-background.medium.svelte-7mihce {
  padding: 0 13px;
  height: 48px;
}
.loader-box.svelte-7mihce .loader:where(.svelte-7mihce) {
  display: inline-flex;
  justify-content: space-between;
  position: relative;
}
.loader-box.svelte-7mihce .loader:where(.svelte-7mihce) div:where(.svelte-7mihce) {
  display: inline-block;
  border-radius: 100%;
  animation: svelte-7mihce-loader 1s infinite ease-in-out both;
}
.loader-box.svelte-7mihce .loader:where(.svelte-7mihce) div:where(.svelte-7mihce):nth-child(1) {
  animation-delay: -0.32s;
  background-color: color-mix(in srgb, var(--color-theme-accent) 55%, var(--color-theme-bg));
}
.loader-box.svelte-7mihce .loader:where(.svelte-7mihce) div:where(.svelte-7mihce):nth-child(2) {
  animation-delay: -0.16s;
  background-color: color-mix(in srgb, var(--color-theme-accent) 75%, var(--color-theme-bg));
}
.loader-box.svelte-7mihce .loader:where(.svelte-7mihce) div:where(.svelte-7mihce):nth-child(3) {
  animation-delay: 0s;
  background-color: var(--color-theme-accent);
}

html[data-ds-color-mode="light"] .loader-box.with-background.svelte-7mihce {
  --loader-face: var(--color-theme-card);
}

@keyframes svelte-7mihce-loader {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}.dialog-overlay.svelte-zzlwne {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 50;
  background: var(--background-image-overlay);
}

.dialog-transition-container.svelte-zzlwne {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50;
  pointer-events: none;
}

.dialog-container.svelte-zzlwne {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  min-width: 168px;
  max-width: 540px;
  max-height: 85vh;
  background: var(--color-base);
  border: 1px solid var(--color-3);
  border-radius: var(--radius-big);
  pointer-events: all;
  overflow: hidden;
}

@media screen and (max-width: 639px) {
  .dialog-container.svelte-zzlwne {
    max-width: 95%;
  }
}.stack.svelte-1o8d3c2 {
  --stack-gap: 0;
  display: grid;
  gap: var(--stack-gap);
}
.stack.direction-column.svelte-1o8d3c2 {
  grid-auto-flow: column;
}.sound-wave.svelte-1mp58q8 {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  gap: 2px;
  width: 16px;
  height: 20px;
}

.bar.svelte-1mp58q8 {
  width: 3px;
  background-color: var(--color-theme-accent);
  border-radius: 5px;
  transform-origin: bottom;
  transition: height ease 350ms;
}
.bar.active.svelte-1mp58q8 {
  animation: svelte-1mp58q8-pulse 0.5s infinite ease-in-out;
}
.bar.not-active.svelte-1mp58q8 {
  height: 15%;
}
.bar.svelte-1mp58q8:nth-child(1):not(.not-active) {
  height: 50%;
}
.bar.svelte-1mp58q8:nth-child(2):not(.not-active) {
  height: 30%;
}
.bar.svelte-1mp58q8:nth-child(3):not(.not-active) {
  height: 70%;
}
.bar.svelte-1mp58q8:nth-child(4):not(.not-active) {
  height: 100%;
}

@keyframes svelte-1mp58q8-pulse {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.3);
  }
  100% {
    transform: scaleY(1);
  }
}.song-list.svelte-1wgeuu4 {
  list-style: none;
  margin: 0;
  padding: 0;
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4) {
  display: flex;
  align-items: center;
  padding: 6px;
  padding-right: 12px;
  padding-left: 8px;
  border-top: 1px solid var(--color-theme-border-03);
  height: 46px;
  cursor: pointer;
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4):first-child {
  border-top: none;
}
@media (hover: hover) and (pointer: fine) {
  .song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4):hover {
    background-color: var(--color-theme-accent-tint-strong);
  }
  .song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4):hover .icon-play {
    display: inline-flex;
    margin-left: 12px;
  }
}
.song-list.svelte-1wgeuu4 .song-item.is-selected:where(.svelte-1wgeuu4) {
  background-color: var(--color-theme-accent-tint);
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4) .song-item-count:where(.svelte-1wgeuu4) {
  width: 20px;
  min-width: 20px;
  text-align: center;
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4) .song-item-content:where(.svelte-1wgeuu4) {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4) .song-item-content:where(.svelte-1wgeuu4) .title-wrapper:where(.svelte-1wgeuu4) {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  width: 100%;
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4) .song-item-content:where(.svelte-1wgeuu4) .title-wrapper.spacing-right:where(.svelte-1wgeuu4) {
  margin-right: 12px;
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4) .song-item-content:where(.svelte-1wgeuu4) .highlight-search {
  background-color: var(--color-theme-accent);
  color: var(--color-theme-accent-fg);
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4) .active-circle-avatar .circle-avatar {
  border: 2px solid var(--color-theme-accent);
  border-radius: 50%;
  position: relative;
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4) .active-circle-avatar .circle-avatar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-theme-accent-tint-strong);
  opacity: 0.3;
  border-radius: inherit;
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4) .selected-check-icon {
  position: absolute;
  left: 6px;
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4) .icon-play {
  display: none;
}@keyframes svelte-r0p272-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-r0p272-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-r0p272-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-r0p272-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-r0p272-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.media-player.svelte-r0p272 {
  --media-face: var(--color-theme-fg);
  --media-face-ink: var(--color-theme-bg);
  --dash-media-hud: var(--color-theme-fg);
  --dash-media-hud-muted: var(--color-theme-text-sec);
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: 100%;
  color: var(--color-theme-text);
}
.media-player.expanded.svelte-r0p272 {
  height: 100%;
  overflow: hidden;
}
.media-player.expanded.svelte-r0p272 .preview:where(.svelte-r0p272) {
  flex: 0 0 auto;
  padding: var(--spacing-s);
}
.media-player.expanded.svelte-r0p272 .media-collapse-header:where(.svelte-r0p272) {
  flex-shrink: 0;
}
.media-player.expanded.svelte-r0p272 .media-collapse:where(.svelte-r0p272) {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) {
  flex-shrink: 0;
  padding: var(--spacing-m);
  position: relative;
  background-color: var(--color-theme-card-02);
  border-top-left-radius: var(--radius-theme-md);
  border-top-right-radius: var(--radius-theme-md);
  overflow: hidden;
}
.media-player.svelte-r0p272 .preview.general-loading:where(.svelte-r0p272) {
  min-height: 108px;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .song-preview-image:where(.svelte-r0p272) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .overlay:where(.svelte-r0p272) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272):has(.overlay:where(.svelte-r0p272)) .controls:where(.svelte-r0p272) {
  color: var(--dash-media-hud);
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) {
  position: relative;
  z-index: 2;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .progress-container:where(.svelte-r0p272) {
  touch-action: none;
  user-select: none;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .progress-bar-wrapper:where(.svelte-r0p272) {
  position: relative;
  width: 100%;
  height: 6px;
  background-color: var(--dash-media-hud-muted);
  border-radius: var(--radius-theme-sm);
  overflow: hidden;
  touch-action: none;
  user-select: none;
  cursor: pointer;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .progress-bar-wrapper.stop-audio-progress:where(.svelte-r0p272) {
  cursor: auto !important;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .progress-bar-wrapper:where(.svelte-r0p272) .progress-slider:where(.svelte-r0p272) {
  pointer-events: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  margin: 0;
  border-radius: var(--radius-theme-sm);
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .progress-bar-wrapper:where(.svelte-r0p272) .progress-slider:where(.svelte-r0p272)::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  background-color: transparent;
  box-shadow: none;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .progress-bar-wrapper:where(.svelte-r0p272) .progress-slider:where(.svelte-r0p272)::-moz-range-thumb {
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .progress-bar-wrapper:where(.svelte-r0p272) .progress-slider:where(.svelte-r0p272)::-ms-thumb {
  width: 16px;
  height: 16px;
  background-color: transparent;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .progress-bar-wrapper:where(.svelte-r0p272) .progress-filled:where(.svelte-r0p272) {
  height: 6px;
  background-color: var(--dash-media-hud);
  border-radius: var(--radius-theme-sm);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .song-controls:where(.svelte-r0p272) {
  display: flex;
  justify-content: center;
  align-items: center;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .song-controls:where(.svelte-r0p272) .forward-backward-btn:hover, .media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .song-controls:where(.svelte-r0p272) .forward-backward-btn:active {
  color: var(--dash-media-hud-muted);
}
@media (hover: none) and (pointer: coarse) {
  .media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .song-controls:where(.svelte-r0p272) .forward-backward-btn:hover {
    color: var(--dash-media-hud);
  }
  .media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .song-controls:where(.svelte-r0p272) .forward-backward-btn:active {
    color: var(--dash-media-hud-muted);
  }
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .song-controls:where(.svelte-r0p272) .play-pause-btn:where(.svelte-r0p272) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
  max-height: 44px;
  color: var(--media-face-ink);
  background-color: var(--media-face);
  border: 2px solid var(--media-face);
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .song-controls:where(.svelte-r0p272) .play-pause-btn:where(.svelte-r0p272):disabled {
  cursor: not-allowed;
}
@media (hover: hover) and (pointer: fine) {
  .media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .song-controls:where(.svelte-r0p272) .play-pause-btn:where(.svelte-r0p272):hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--media-face-ink) 22%, var(--media-face)) 6.54%, var(--media-face) 82.48%);
  }
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .song-controls:where(.svelte-r0p272) .play-pause-btn:where(.svelte-r0p272):focus, .media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .song-controls:where(.svelte-r0p272) .play-pause-btn:where(.svelte-r0p272):active {
  background: linear-gradient(180deg, color-mix(in srgb, var(--media-face-ink) 30%, var(--media-face)) 6.54%, var(--media-face) 82.48%);
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .progres-bar-sound-container:where(.svelte-r0p272) {
  display: flex;
  align-items: center;
  touch-action: none;
  user-select: none;
}
.media-player.svelte-r0p272 .media-collapse-header:where(.svelte-r0p272) {
  flex-shrink: 0;
  position: relative;
  display: flex;
  padding: 12px 16px;
  align-items: center;
  cursor: pointer;
  background-color: var(--color-theme-card-01);
  border-bottom-left-radius: var(--radius-theme-md);
  border-bottom-right-radius: var(--radius-theme-md);
}
.media-player.svelte-r0p272 .media-collapse-header:where(.svelte-r0p272) .collapse-icon i {
  transition: all 200ms;
  will-change: transform;
}
.media-player.svelte-r0p272 .media-collapse-header.exanded:where(.svelte-r0p272) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid var(--color-theme-border-03);
}
.media-player.svelte-r0p272 .media-collapse-header.exanded:where(.svelte-r0p272) .collapse-icon i {
  transform: rotate(180deg);
}
.media-player.svelte-r0p272 .media-collapse:where(.svelte-r0p272) {
  position: relative;
  padding: 16px;
  background-color: var(--color-theme-card-01);
  border-bottom-left-radius: var(--radius-theme-md);
  border-bottom-right-radius: var(--radius-theme-md);
}
@media (hover: none) and (pointer: coarse) {
  .media-player.svelte-r0p272 .media-collapse:where(.svelte-r0p272) .button:not(.disabled-overlay):hover {
    box-shadow: unset !important;
  }
}

html[data-ds-color-mode="light"] .media-player.svelte-r0p272 {
  --media-face: var(--color-theme-card);
  --media-face-ink: var(--color-theme-fg);
}
html[data-ds-color-mode="light"] .media-player.svelte-r0p272 .preview:where(.svelte-r0p272):has(.overlay:where(.svelte-r0p272)) {
  --dash-media-hud: #eaeaea;
  --dash-media-hud-muted: color-mix(in srgb, #eaeaea 60%, transparent);
}
.rolling-number.svelte-ng23xm {
  display: inline-flex;
  align-items: baseline;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: inherit;
  /* Vertical mask for the reel; negative inset lets Bold ink hang out the sides. */
  clip-path: inset(0 -0.12em);
}

.rolling-number-character.svelte-ng23xm {
  display: inline-block;
  flex: 0 0 auto;
  height: 1.05em;
  line-height: 1.05;
  vertical-align: baseline;
}

.rolling-number-digit.svelte-ng23xm {
  position: relative;
  width: 1ch;
  /* Clip the reel on the block axis only — overflow-x:visible is forced to auto
     when overflow-y is hidden, so clip-path is the portable way to keep a 1ch
     slot without shearing Inter 600/700 strokes (2, 4, 7, 8). */
  clip-path: inset(0 -0.12em);
}
.rolling-number-digit.svelte-ng23xm::after {
  display: block;
  visibility: hidden;
  content: "0";
}

.rolling-number-separator.svelte-ng23xm {
  width: auto;
}

.rolling-number-glyph.svelte-ng23xm {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: baseline;
  justify-content: center;
  line-height: 1.05;
  will-change: transform;
}@keyframes svelte-j8g3ja-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-j8g3ja-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-j8g3ja-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-j8g3ja-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-j8g3ja-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.modal-overlay.svelte-j8g3ja {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 50;
  background: var(--color-theme-overlay);
}

.modal-transition-container.svelte-j8g3ja {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50;
  pointer-events: none;
}

.modal-container.svelte-j8g3ja {
  --modal-bg: var(--color-theme-modal);
  --modal-fg: var(--color-theme-text);
  --modal-border: var(--color-theme-border-03);
  display: flex;
  flex-direction: column;
  color: var(--modal-fg);
  background: var(--modal-bg);
  border-radius: var(--radius-theme-lg, var(--radius-big));
  border: 1px solid var(--modal-border);
  pointer-events: all;
}
.modal-container.preserve-max-height.svelte-j8g3ja {
  min-height: min(var(--preserved-max-height), 85vh);
}
.modal-container.type-default.svelte-j8g3ja {
  --modal-width: 720px;
  padding: 24px 9px;
  width: var(--modal-width);
  max-width: 95%;
  max-height: 85vh;
}
.modal-container.type-default.size-s.svelte-j8g3ja {
  --modal-width: 580px;
}
.modal-container.type-default.size-l.svelte-j8g3ja {
  --modal-width: 840px;
}
.modal-container.type-default.size-xl.svelte-j8g3ja {
  --modal-width: 1000px;
}
.modal-container.type-default.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) {
  padding: 0px 15px 24px 15px;
}
.modal-container.type-default.svelte-j8g3ja .modal-header.hiden-title:where(.svelte-j8g3ja) {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 16px;
}
.modal-container.type-default.svelte-j8g3ja .modal-toolbar:where(.svelte-j8g3ja) {
  margin-bottom: 24px;
}
.modal-container.type-default.svelte-j8g3ja .modal-toolbar:where(.svelte-j8g3ja) {
  padding: 0px 15px;
}
.modal-container.type-default.svelte-j8g3ja .modal-footer:where(.svelte-j8g3ja) {
  padding: 24px 15px 0px 15px;
}
.modal-container.type-default.svelte-j8g3ja .modal-footer.smaller-spacing:where(.svelte-j8g3ja) {
  padding-top: 16px;
}
.modal-container.type-default.svelte-j8g3ja .modal-footer.remove-paddings:where(.svelte-j8g3ja) {
  padding: 0;
}
.modal-container.type-fullScreen.svelte-j8g3ja {
  padding: 16px 5px;
  width: calc(100% - 48px);
  height: calc(100% - 48px);
}
.modal-container.type-fullScreen.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) {
  padding: 0px 11px 16px 11px;
}
.modal-container.type-fullScreen.svelte-j8g3ja .modal-header.hiden-title:where(.svelte-j8g3ja) {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 16px;
}
.modal-container.type-fullScreen.svelte-j8g3ja .modal-toolbar:where(.svelte-j8g3ja) {
  margin-bottom: 16px;
}
.modal-container.type-fullScreen.svelte-j8g3ja .modal-toolbar:where(.svelte-j8g3ja) {
  padding: 0px 11px;
}
.modal-container.type-fullScreen.svelte-j8g3ja .modal-footer:where(.svelte-j8g3ja) {
  padding: 16px 11px 0px 11px;
}
.modal-container.type-fullScreen.svelte-j8g3ja .modal-footer.smaller-spacing:where(.svelte-j8g3ja) {
  padding-top: 16px;
}
.modal-container.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-container.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) .modal-close-btn:where(.svelte-j8g3ja) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  color: var(--color-theme-text);
  cursor: pointer;
}
.modal-container.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) .modal-close-btn:where(.svelte-j8g3ja):disabled {
  cursor: not-allowed;
}
.modal-container.svelte-j8g3ja .modal-footer:where(.svelte-j8g3ja),
.modal-container.svelte-j8g3ja .modal-toolbar:where(.svelte-j8g3ja) {
  flex-shrink: 0;
}
.modal-container.svelte-j8g3ja .modal-safe-area-foot:where(.svelte-j8g3ja) {
  flex-shrink: 0;
  height: env(safe-area-inset-bottom, 0px);
  pointer-events: none;
}
.modal-container.svelte-j8g3ja .modal-mobile-swipe:where(.svelte-j8g3ja) {
  display: none;
}
.modal-container.svelte-j8g3ja .modal-content-layout:where(.svelte-j8g3ja) {
  display: flex;
  min-height: 0;
}
.modal-container.svelte-j8g3ja .modal-content-layout:where(.svelte-j8g3ja) .modal-side:where(.svelte-j8g3ja) {
  display: flex;
  min-height: 0;
  width: 248px;
  padding-left: 15px;
  padding-right: 9px;
}

@media screen and (max-width: 639px) {
  .modal-transition-container.svelte-j8g3ja {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 50;
    pointer-events: none;
  }
  .modal-container.svelte-j8g3ja {
    top: unset;
    bottom: 0px;
    left: 0;
    transform: unset;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none;
    --modal-mobile-top-clearance: env(safe-area-inset-top, 0px);
  }
  .modal-container.preserve-max-height.svelte-j8g3ja {
    min-height: min(var(--preserved-max-height), 100% - var(--modal-mobile-top-clearance));
    min-height: min(var(--preserved-max-height), 100dvh - var(--modal-mobile-top-clearance));
  }
  .modal-container.type-default.svelte-j8g3ja {
    max-height: calc(100% - var(--modal-mobile-top-clearance));
    max-height: calc(100dvh - var(--modal-mobile-top-clearance));
    width: 100%;
    max-width: 100%;
    padding: 0 5px 0 6px;
  }
  .modal-container.type-default.svelte-j8g3ja .modal-mobile-swipe:where(.svelte-j8g3ja) {
    padding: 16px 0;
  }
  .modal-container.type-default.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) {
    padding: 0px 11px 16px 10px;
  }
  .modal-container.type-default.svelte-j8g3ja .modal-header.hiden-title:where(.svelte-j8g3ja) {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 16px;
  }
  .modal-container.type-default.svelte-j8g3ja .modal-toolbar:where(.svelte-j8g3ja) {
    margin-bottom: 16px;
  }
  .modal-container.type-default.svelte-j8g3ja .modal-toolbar:where(.svelte-j8g3ja) {
    padding: 0px 11px 0 10px;
  }
  .modal-container.type-default.svelte-j8g3ja .modal-footer:where(.svelte-j8g3ja) {
    padding: 16px 10px 0px 10px;
  }
  .modal-container.type-default.svelte-j8g3ja .modal-safe-area-foot:where(.svelte-j8g3ja) {
    padding-top: 16px;
    box-sizing: content-box;
  }
  .modal-container.type-fullScreen.svelte-j8g3ja {
    height: calc(100% - var(--modal-mobile-top-clearance));
    height: calc(100dvh - var(--modal-mobile-top-clearance));
    max-height: calc(100dvh - var(--modal-mobile-top-clearance));
    width: 100%;
    padding: 8px 8px 0 8px;
  }
  .modal-container.type-fullScreen.svelte-j8g3ja .modal-mobile-swipe:where(.svelte-j8g3ja) {
    padding: 0px 0px 16px 0px;
  }
  .modal-container.type-fullScreen.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) {
    padding: 0px 0px 16px 0px;
  }
  .modal-container.type-fullScreen.svelte-j8g3ja .modal-toolbar:where(.svelte-j8g3ja) {
    margin-bottom: 16px;
  }
  .modal-container.type-fullScreen.svelte-j8g3ja .modal-toolbar:where(.svelte-j8g3ja) {
    padding: 0px;
  }
  .modal-container.type-fullScreen.svelte-j8g3ja .modal-footer:where(.svelte-j8g3ja) {
    padding: 16px 0px 0px 0px;
  }
  .modal-container.type-fullScreen.svelte-j8g3ja .modal-safe-area-foot:where(.svelte-j8g3ja) {
    padding-top: 8px;
    box-sizing: content-box;
  }
  .modal-container.svelte-j8g3ja .modal-mobile-swipe:where(.svelte-j8g3ja) {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .modal-container.svelte-j8g3ja .modal-mobile-swipe:where(.svelte-j8g3ja) > div:where(.svelte-j8g3ja) {
    width: 40px;
    height: 4px;
    border-radius: var(--radius-theme-sm, var(--radius-small));
    background: var(--color-theme-border-03);
  }
  .modal-container.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    column-gap: var(--spacing-s);
  }
  .modal-container.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) .modal-header-side-left:where(.svelte-j8g3ja) {
    grid-column: 1;
    grid-row: 1;
    z-index: 1;
    margin-right: 0;
  }
  .modal-container.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) .modal-title-wrapper:where(.svelte-j8g3ja) {
    grid-column: 1/-1;
    grid-row: 1;
    justify-content: center;
    flex: none;
    margin-right: 0 !important;
    min-width: 0;
    padding: 0 48px;
    pointer-events: none;
  }
  .modal-container.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) .modal-title-wrapper:where(.svelte-j8g3ja) .modal-title-block:where(.svelte-j8g3ja) {
    align-items: center;
    text-align: center;
    padding-right: 0 !important;
    max-width: 100%;
    pointer-events: auto;
  }
  .modal-container.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) .modal-header-side-right:where(.svelte-j8g3ja) {
    grid-column: 3;
    grid-row: 1;
    z-index: 1;
    margin-left: 0;
  }
  .modal-container.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) .modal-title {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
  }
  .modal-container.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) .modal-close-btn:where(.svelte-j8g3ja) {
    display: none;
  }
}@keyframes svelte-r2zf3e-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-r2zf3e-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-r2zf3e-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-r2zf3e-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-r2zf3e-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.container.svelte-r2zf3e {
  --container-divider-gap: var(--spacing-m);
  display: flex;
  flex-direction: column;
}
.container.full-height.svelte-r2zf3e {
  display: flex;
  flex-direction: column;
  flex: auto;
  height: 100%;
}
.container.type-base.svelte-r2zf3e, .container.type-modalContainer.svelte-r2zf3e {
  padding: 24px 9px 24px 0px;
  border-radius: var(--radius-theme-md);
}
.container.type-base.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e),
.container.type-base.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e),
.container.type-base.svelte-r2zf3e .main-slot-container, .container.type-modalContainer.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e),
.container.type-modalContainer.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e),
.container.type-modalContainer.svelte-r2zf3e .main-slot-container {
  padding-right: 15px;
  padding-left: 24px;
}
.container.type-base.svelte-r2zf3e .top-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e),
.container.type-base.svelte-r2zf3e .bottom-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e),
.container.type-base.svelte-r2zf3e .main-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e), .container.type-modalContainer.svelte-r2zf3e .top-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e),
.container.type-modalContainer.svelte-r2zf3e .bottom-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e),
.container.type-modalContainer.svelte-r2zf3e .main-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e) {
  padding: 0px 15px;
}
.container.type-base.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e) {
  padding-top: 24px;
}
.container.type-base.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e) {
  padding-bottom: 24px;
}
.container.type-base.svelte-r2zf3e {
  --container-bg: var(--color-theme-bg);
  background: var(--container-bg);
}
.container.type-base.bg-color-0.svelte-r2zf3e {
  background: var(--color-0);
}
.container.type-base.bg-color-00.svelte-r2zf3e {
  background: var(--color-00);
}
.container.type-base.bg-color-base.svelte-r2zf3e {
  background: var(--color-base);
}
.container.type-base.bg-color-1.svelte-r2zf3e {
  background: var(--color-1);
}
.container.type-base.bg-color-black.svelte-r2zf3e {
  background: var(--color-black);
}
.container.type-modalContainer.svelte-r2zf3e {
  --container-bg: var(--color-theme-card);
  background: var(--container-bg);
  border: 1px solid var(--color-theme-border-03);
}
.container.type-borderDashed.svelte-r2zf3e {
  padding: 8px;
  border: 2px dashed var(--color-theme-accent);
  border-radius: var(--radius-theme-lg);
  background: transparent;
}
.container.type-primary-10.svelte-r2zf3e, .container.type-borderSolid.svelte-r2zf3e, .container.type-glass.svelte-r2zf3e {
  padding: 16px 5px 16px 0px;
  border-radius: var(--radius-theme-md);
}
.container.type-primary-10.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e),
.container.type-primary-10.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e),
.container.type-primary-10.svelte-r2zf3e .main-slot-container, .container.type-borderSolid.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e),
.container.type-borderSolid.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e),
.container.type-borderSolid.svelte-r2zf3e .main-slot-container, .container.type-glass.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e),
.container.type-glass.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e),
.container.type-glass.svelte-r2zf3e .main-slot-container {
  padding-right: 11px;
  padding-left: 16px;
}
.container.type-primary-10.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e), .container.type-glass.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e) {
  padding-top: 16px;
}
.container.type-primary-10.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e), .container.type-glass.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e) {
  padding-bottom: 16px;
}
.container.type-primary-10.svelte-r2zf3e {
  background-color: var(--color-theme-accent-tint);
}
.container.type-borderSolid.svelte-r2zf3e {
  --container-bg: var(--color-theme-card-01);
  background-color: var(--container-bg);
  border: 1px solid var(--color-theme-border-02);
}
.container.type-borderSolid.bg-color-0.svelte-r2zf3e {
  background: var(--color-0);
}
.container.type-borderSolid.bg-color-00.svelte-r2zf3e {
  background: var(--color-00);
}
.container.type-borderSolid.bg-color-base.svelte-r2zf3e {
  background: var(--color-base);
}
.container.type-borderSolid.bg-color-1.svelte-r2zf3e {
  background: var(--color-1);
}
.container.type-borderSolid.bg-color-black.svelte-r2zf3e {
  background: var(--color-black);
}
.container.type-glass.svelte-r2zf3e {
  background-color: var(--surface-glass-fallback-bg);
  border-radius: var(--radius-theme-md);
  box-shadow: inset 0 0 0 1px var(--surface-glass-border-color);
}
@supports (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)) {
  .container.type-glass.svelte-r2zf3e {
    background-color: var(--surface-glass-bg);
    -webkit-backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
    backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
  }
}
.container.svelte-r2zf3e .container-divider {
  display: block;
  flex: none;
  align-self: stretch;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid var(--color-theme-border-02);
  background: transparent;
}
.container.type-base.padding-0.svelte-r2zf3e, .container.type-modalContainer.padding-0.svelte-r2zf3e, .container.type-borderDashed.padding-0.svelte-r2zf3e, .container.type-borderSolid.padding-0.svelte-r2zf3e, .container.type-primary-10.padding-0.svelte-r2zf3e, .container.type-glass.padding-0.svelte-r2zf3e {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: var(--container-pad-x, 0);
  padding-right: var(--container-pad-x, 0);
}
.container.type-base.padding-0.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-0.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-0.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-modalContainer.padding-0.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-0.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-0.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderDashed.padding-0.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-0.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-0.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderSolid.padding-0.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-0.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-0.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-primary-10.padding-0.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-0.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-0.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-glass.padding-0.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-glass.padding-0.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-glass.padding-0.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll) {
  padding-top: var(--container-slot-pad-top, 0);
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.container.type-base.padding-xs.svelte-r2zf3e, .container.type-modalContainer.padding-xs.svelte-r2zf3e, .container.type-borderDashed.padding-xs.svelte-r2zf3e, .container.type-borderSolid.padding-xs.svelte-r2zf3e, .container.type-primary-10.padding-xs.svelte-r2zf3e, .container.type-glass.padding-xs.svelte-r2zf3e {
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
  padding-left: var(--container-pad-x, var(--spacing-xs));
  padding-right: var(--container-pad-x, var(--spacing-xs));
}
.container.type-base.padding-xs.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-xs.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-xs.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-modalContainer.padding-xs.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-xs.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-xs.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderDashed.padding-xs.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-xs.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-xs.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderSolid.padding-xs.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-xs.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-xs.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-primary-10.padding-xs.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-xs.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-xs.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-glass.padding-xs.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-glass.padding-xs.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-glass.padding-xs.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll) {
  padding-top: var(--container-slot-pad-top, var(--spacing-xs));
  padding-right: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
  padding-left: var(--spacing-xs);
}
.container.type-base.padding-s.svelte-r2zf3e, .container.type-modalContainer.padding-s.svelte-r2zf3e, .container.type-borderDashed.padding-s.svelte-r2zf3e, .container.type-borderSolid.padding-s.svelte-r2zf3e, .container.type-primary-10.padding-s.svelte-r2zf3e, .container.type-glass.padding-s.svelte-r2zf3e {
  padding-top: var(--spacing-s);
  padding-bottom: var(--spacing-s);
  padding-left: var(--container-pad-x, var(--spacing-s));
  padding-right: var(--container-pad-x, var(--spacing-s));
}
.container.type-base.padding-s.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-s.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-s.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-modalContainer.padding-s.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-s.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-s.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderDashed.padding-s.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-s.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-s.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderSolid.padding-s.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-s.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-s.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-primary-10.padding-s.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-s.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-s.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-glass.padding-s.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-glass.padding-s.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-glass.padding-s.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll) {
  padding-top: var(--container-slot-pad-top, var(--spacing-s));
  padding-right: var(--spacing-s);
  padding-bottom: var(--spacing-s);
  padding-left: var(--spacing-s);
}
.container.type-base.padding-m.svelte-r2zf3e, .container.type-modalContainer.padding-m.svelte-r2zf3e, .container.type-borderDashed.padding-m.svelte-r2zf3e, .container.type-borderSolid.padding-m.svelte-r2zf3e, .container.type-primary-10.padding-m.svelte-r2zf3e, .container.type-glass.padding-m.svelte-r2zf3e {
  padding-top: var(--spacing-m);
  padding-bottom: var(--spacing-m);
  padding-left: var(--container-pad-x, var(--spacing-m));
  padding-right: var(--container-pad-x, var(--spacing-m));
}
.container.type-base.padding-m.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-m.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-m.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-modalContainer.padding-m.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-m.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-m.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderDashed.padding-m.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-m.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-m.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderSolid.padding-m.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-m.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-m.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-primary-10.padding-m.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-m.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-m.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-glass.padding-m.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-glass.padding-m.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-glass.padding-m.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll) {
  padding-top: var(--container-slot-pad-top, var(--spacing-m));
  padding-right: var(--spacing-m);
  padding-bottom: var(--spacing-m);
  padding-left: var(--spacing-m);
}
.container.type-base.padding-l.svelte-r2zf3e, .container.type-modalContainer.padding-l.svelte-r2zf3e, .container.type-borderDashed.padding-l.svelte-r2zf3e, .container.type-borderSolid.padding-l.svelte-r2zf3e, .container.type-primary-10.padding-l.svelte-r2zf3e, .container.type-glass.padding-l.svelte-r2zf3e {
  padding-top: var(--spacing-l);
  padding-bottom: var(--spacing-l);
  padding-left: var(--container-pad-x, var(--spacing-l));
  padding-right: var(--container-pad-x, var(--spacing-l));
}
.container.type-base.padding-l.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-l.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-l.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-modalContainer.padding-l.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-l.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-l.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderDashed.padding-l.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-l.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-l.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderSolid.padding-l.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-l.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-l.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-primary-10.padding-l.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-l.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-l.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-glass.padding-l.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-glass.padding-l.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-glass.padding-l.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll) {
  padding-top: var(--container-slot-pad-top, var(--spacing-l));
  padding-right: var(--spacing-l);
  padding-bottom: var(--spacing-l);
  padding-left: var(--spacing-l);
}
.container.type-base.padding-xl.svelte-r2zf3e, .container.type-modalContainer.padding-xl.svelte-r2zf3e, .container.type-borderDashed.padding-xl.svelte-r2zf3e, .container.type-borderSolid.padding-xl.svelte-r2zf3e, .container.type-primary-10.padding-xl.svelte-r2zf3e, .container.type-glass.padding-xl.svelte-r2zf3e {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
  padding-left: var(--container-pad-x, var(--spacing-xl));
  padding-right: var(--container-pad-x, var(--spacing-xl));
}
.container.type-base.padding-xl.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-xl.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-xl.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-modalContainer.padding-xl.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-xl.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-xl.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderDashed.padding-xl.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-xl.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-xl.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderSolid.padding-xl.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-xl.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-xl.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-primary-10.padding-xl.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-xl.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-xl.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-glass.padding-xl.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-glass.padding-xl.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-glass.padding-xl.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll) {
  padding-top: var(--container-slot-pad-top, var(--spacing-xl));
  padding-right: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
  padding-left: var(--spacing-xl);
}
.container.type-base.padding-12.svelte-r2zf3e, .container.type-modalContainer.padding-12.svelte-r2zf3e, .container.type-borderDashed.padding-12.svelte-r2zf3e, .container.type-borderSolid.padding-12.svelte-r2zf3e, .container.type-primary-10.padding-12.svelte-r2zf3e, .container.type-glass.padding-12.svelte-r2zf3e {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: var(--container-pad-x, 6px);
  padding-right: var(--container-pad-x, 6px);
}
.container.type-base.padding-12.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-12.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-12.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-modalContainer.padding-12.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-12.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-12.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderDashed.padding-12.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-12.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-12.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderSolid.padding-12.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-12.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-12.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-primary-10.padding-12.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-12.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-12.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-glass.padding-12.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-glass.padding-12.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-glass.padding-12.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll) {
  padding-top: var(--container-slot-pad-top, 6px);
  padding-right: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
}
.container.type-borderDashed.padding-12.svelte-r2zf3e {
  padding: 12px;
}
.container.show-divider.svelte-r2zf3e {
  --container-pad-x: 0;
  --container-slot-pad-top: var(--container-divider-gap);
}
.container.show-divider.type-base.svelte-r2zf3e, .container.show-divider.type-modalContainer.svelte-r2zf3e, .container.show-divider.type-primary-10.svelte-r2zf3e, .container.show-divider.type-borderSolid.svelte-r2zf3e, .container.show-divider.type-glass.svelte-r2zf3e {
  padding-left: 0;
  padding-right: 0;
}
.container.show-divider.svelte-r2zf3e > .main-slot-container {
  padding-top: var(--container-divider-gap);
}
.container.svelte-r2zf3e .wizard-content {
  padding: 24px;
}

@media screen and (max-width: 639px) {
  .container.type-base.svelte-r2zf3e, .container.type-modalContainer.svelte-r2zf3e {
    padding: 16px 5px 16px 0px;
  }
  .container.type-base.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e),
  .container.type-base.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e),
  .container.type-base.svelte-r2zf3e .main-slot-container, .container.type-modalContainer.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e),
  .container.type-modalContainer.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e),
  .container.type-modalContainer.svelte-r2zf3e .main-slot-container {
    padding-right: 11px;
    padding-left: 16px;
  }
  .container.type-base.svelte-r2zf3e .top-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e),
  .container.type-base.svelte-r2zf3e .bottom-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e),
  .container.type-base.svelte-r2zf3e .main-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e), .container.type-modalContainer.svelte-r2zf3e .top-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e),
  .container.type-modalContainer.svelte-r2zf3e .bottom-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e),
  .container.type-modalContainer.svelte-r2zf3e .main-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e) {
    padding-left: 10px;
    padding-right: 11px;
  }
  .container.type-base.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e) {
    padding-top: 16px;
  }
  .container.type-base.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e) {
    padding-bottom: 16px;
  }
}@keyframes svelte-1xjgkdm-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1xjgkdm-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1xjgkdm-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1xjgkdm-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1xjgkdm-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.radio-wrapper.svelte-1xjgkdm {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  padding: 6px 0px;
}
.radio-wrapper.size-m.svelte-1xjgkdm:has(input:where(.svelte-1xjgkdm):focus-visible):not(.vertical) .label-text {
  padding-right: 3px;
}
.radio-wrapper.size-m.svelte-1xjgkdm .radio:where(.svelte-1xjgkdm) input:where(.svelte-1xjgkdm) {
  height: 20px;
  width: 20px;
}
.radio-wrapper.size-l.svelte-1xjgkdm:has(input:where(.svelte-1xjgkdm):focus-visible):not(.vertical) .label-text {
  padding-right: 5px;
}
.radio-wrapper.size-l.svelte-1xjgkdm .radio:where(.svelte-1xjgkdm) input:where(.svelte-1xjgkdm) {
  height: 32px;
  width: 32px;
}
.radio-wrapper.disabled.svelte-1xjgkdm .radio:where(.svelte-1xjgkdm) {
  cursor: not-allowed;
}
.radio-wrapper.svelte-1xjgkdm .radio:where(.svelte-1xjgkdm) {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.radio-wrapper.svelte-1xjgkdm .radio:where(.svelte-1xjgkdm):has(input:where(.svelte-1xjgkdm):focus-visible) {
  box-shadow: 0 0 0 1px var(--color-theme-accent) inset;
  border-radius: 4px;
}
.radio-wrapper.svelte-1xjgkdm .radio:where(.svelte-1xjgkdm) .radio-icon:where(.svelte-1xjgkdm) {
  color: inherit;
}
.radio-wrapper.svelte-1xjgkdm .radio:where(.svelte-1xjgkdm) .radio-icon.is-selected:where(.svelte-1xjgkdm) {
  color: var(--color-theme-accent);
}
.radio-wrapper.svelte-1xjgkdm .radio:where(.svelte-1xjgkdm) .radio-icon.is-disabled:where(.svelte-1xjgkdm) {
  color: var(--color-theme-text-disabled);
}
.radio-wrapper.svelte-1xjgkdm .radio:where(.svelte-1xjgkdm) input:where(.svelte-1xjgkdm) {
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  opacity: 0;
  height: 100%;
  pointer-events: none;
}

.validation-text.svelte-1xjgkdm {
  margin-left: var(--spacing-xs) !important;
}
.validation-text.validation-text-m.svelte-1xjgkdm {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  margin-top: var(--spacing-xxs);
  margin-left: 6px;
  color: var(--color-danger);
}
.validation-text.validation-text-l.svelte-1xjgkdm {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  margin-top: var(--spacing-xxs);
  margin-left: 12px;
  color: var(--color-danger);
}
.validation-text.validation-text-m.svelte-1xjgkdm, .validation-text.validation-text-l.svelte-1xjgkdm {
  color: var(--color-theme-danger);
}
.validation-text.is-disabled.svelte-1xjgkdm {
  color: var(--color-theme-text-sec);
}

.info-text.validation-text-m.svelte-1xjgkdm, .info-text.validation-text-l.svelte-1xjgkdm {
  color: var(--color-theme-text);
}.star.svelte-17yymyw {
  cursor: pointer;
}
.star.disabled.svelte-17yymyw {
  opacity: 0.5;
  cursor: not-allowed;
}
.star.svelte-17yymyw .animation-fade-in {
  animation: svelte-17yymyw-fadeInAnimation 0.3s ease;
}

@keyframes svelte-17yymyw-fadeInAnimation {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}.rating-container.svelte-fplmp6 {
  max-width: 264px;
}
.rating-container.svelte-fplmp6 .stars-wrapper:where(.svelte-fplmp6) {
  display: flex;
  justify-content: space-between;
}
.rating-container.svelte-fplmp6 .stars-wrapper:where(.svelte-fplmp6) .stars-container.disabled:where(.svelte-fplmp6) {
  cursor: not-allowed;
}
.rating-container.svelte-fplmp6 .text-wrapper:where(.svelte-fplmp6) {
  display: flex;
  margin-top: 6px;
}
.rating-container.svelte-fplmp6 .text-wrapper.only-higher-text:where(.svelte-fplmp6) {
  justify-content: flex-end;
}
.rating-container.svelte-fplmp6 .text-wrapper:where(.svelte-fplmp6) .text-rating {
  color: var(--color-theme-text-sec);
  width: 50%;
}.dragging-overlay.svelte-fyw3n0 {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: var(--background-image-overlay);
  z-index: 100;
}.split-title.svelte-19kw65w {
  max-width: fit-content;
}

.title-value.svelte-19kw65w {
  display: inline-block;
  min-width: 36px;
  text-align: right;
}
.title-value.simple.svelte-19kw65w, .title-value.incremented.svelte-19kw65w {
  min-width: unset;
}@keyframes svelte-xqcyzz-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-xqcyzz-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-xqcyzz-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-xqcyzz-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-xqcyzz-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.thumb.svelte-xqcyzz {
  position: absolute;
  border-radius: var(--radius-theme-sm);
  background-color: var(--color-theme-fg);
  transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, bottom 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  will-change: left, bottom;
  z-index: 1;
}
.thumb.svelte-xqcyzz input:where(.svelte-xqcyzz) {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  height: 100%;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 100%;
  direction: ltr;
}
.thumb.svelte-xqcyzz .value-label:where(.svelte-xqcyzz) {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  width: 44px;
  background: #eaeaea;
  color: #151617;
  border-radius: 50% 50% 0;
  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  pointer-events: none;
  z-index: 1;
}
.thumb.svelte-xqcyzz .value-label.visible:where(.svelte-xqcyzz) .value-label-text {
  opacity: 1;
}
.thumb.svelte-xqcyzz .value-label:where(.svelte-xqcyzz) .value-label-text {
  opacity: 0;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  min-width: 29px;
  text-align: center;
}
.thumb.thumb-color-haeting.svelte-xqcyzz::before {
  background: var(--color-heating);
}
.thumb.thumb-color-pool.svelte-xqcyzz::before {
  background: var(--color-pool);
}
.thumb.thumb-color-electric-vehicle.svelte-xqcyzz::before {
  background: var(--color-electric-vehicle);
}
.thumb.thumb-color-light-gray.svelte-xqcyzz::before {
  background: var(--color-light-gray);
}
.thumb.thumb-color-primary.svelte-xqcyzz::before {
  background: var(--color-theme-accent);
}
.thumb.vertical.svelte-xqcyzz {
  width: 40px;
  height: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.thumb.vertical.svelte-xqcyzz .value-label:where(.svelte-xqcyzz) {
  transform-origin: right center;
  transform: translate(-30%, -60%) scale(0) rotate(-45deg);
  left: -44px;
}
.thumb.vertical.svelte-xqcyzz .value-label.visible:where(.svelte-xqcyzz) {
  transform: translate(-100%, -100%) scale(1) rotate(-45deg);
}
.thumb.vertical.svelte-xqcyzz .value-label:where(.svelte-xqcyzz) .value-label-text {
  transform: rotate(45deg);
}
.thumb.thin-vertical.svelte-xqcyzz {
  width: 20px;
  height: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.thumb.thin-vertical.svelte-xqcyzz .value-label:where(.svelte-xqcyzz) {
  transform-origin: right center;
  transform: translate(-30%, -60%) scale(0) rotate(-45deg);
  left: -32px;
}
.thumb.thin-vertical.svelte-xqcyzz .value-label.visible:where(.svelte-xqcyzz) {
  transform: translate(-100%, -100%) scale(1) rotate(-45deg);
}
.thumb.thin-vertical.svelte-xqcyzz .value-label:where(.svelte-xqcyzz) .value-label-text {
  transform: rotate(45deg);
}
.thumb.horizontal.svelte-xqcyzz {
  width: 4px;
  height: 24px;
}
.thumb.horizontal.svelte-xqcyzz .value-label:where(.svelte-xqcyzz) {
  transform-origin: center bottom;
  transform: translate(-30%, -30%) scale(0) rotate(45deg);
  top: -40px;
}
.thumb.horizontal.svelte-xqcyzz .value-label.visible:where(.svelte-xqcyzz) {
  transform: translate(-65%, -100%) scale(1) rotate(45deg);
}
.thumb.horizontal.svelte-xqcyzz .value-label:where(.svelte-xqcyzz) .value-label-text {
  transform: rotate(-45deg);
}
.thumb.simple.svelte-xqcyzz {
  width: 4px;
  height: 8px;
}
.thumb.simple.svelte-xqcyzz .value-label:where(.svelte-xqcyzz) {
  display: none;
}
.thumb.incremented.svelte-xqcyzz {
  width: var(--thumb-size);
  height: var(--thumb-size);
  border-radius: 50%;
}
.thumb.incremented.svelte-xqcyzz::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border-radius: 50%;
}
.thumb.incremented.svelte-xqcyzz .value-label:where(.svelte-xqcyzz) {
  transform-origin: center bottom;
  transform: translate(-50%, -50%) scale(0);
  top: -12px;
  left: 50%;
  height: 32px;
  border-radius: var(--radius-theme-sm);
  background: #eaeaea;
}
.thumb.incremented.svelte-xqcyzz .value-label.visible:where(.svelte-xqcyzz) {
  transform: translate(-50%, -100%) scale(1);
}
.thumb.incremented.svelte-xqcyzz .value-label:where(.svelte-xqcyzz)::before {
  content: "";
  position: absolute;
  bottom: -7px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 9px 5px 0 5px;
  border-color: #eaeaea transparent transparent transparent;
  transform: rotate(0deg);
}
.thumb.horizontal.svelte-xqcyzz, .thumb.simple.svelte-xqcyzz, .thumb.incremented.svelte-xqcyzz {
  top: 50%;
  transform: translateY(-50%);
}

.thumb.disabled.svelte-xqcyzz {
  background-color: var(--color-theme-card);
}
.thumb.disabled.svelte-xqcyzz::before {
  background: var(--color-theme-card);
}
.thumb.disabled.incremented.svelte-xqcyzz {
  background: var(--color-theme-control-track);
}@keyframes svelte-1q0n1h6-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1q0n1h6-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1q0n1h6-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1q0n1h6-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1q0n1h6-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.slider-wrapper.svelte-1q0n1h6 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.slider-wrapper.split-title.svelte-1q0n1h6 {
  max-width: 100%;
  min-width: 0;
}
.slider-wrapper.have-marks.svelte-1q0n1h6 {
  padding-top: 40px;
}
.slider-wrapper.svelte-1q0n1h6 .line-markers-wrapper:where(.svelte-1q0n1h6) {
  position: relative;
  width: 100%;
  height: 16px;
}
.slider-wrapper.svelte-1q0n1h6 .line-markers-wrapper:where(.svelte-1q0n1h6) .line-marker {
  position: absolute;
  word-break: keep-all;
  overflow: visible;
}
.slider-wrapper.svelte-1q0n1h6 .line-markers-wrapper:where(.svelte-1q0n1h6) .line-marker:focus-visible:not(.theme-text-disabled) {
  outline-offset: 2px;
  outline: 1px solid var(--color-theme-accent);
  border-radius: 4px;
}
.slider-wrapper.svelte-1q0n1h6 .line-markers-wrapper:where(.svelte-1q0n1h6) .line-marker:not(:first-of-type) {
  transform: translateX(-50%);
}
.slider-wrapper.svelte-1q0n1h6 .line-markers-wrapper:where(.svelte-1q0n1h6) .line-marker:last-of-type {
  transform: translateX(-100%);
}
.slider-wrapper.svelte-1q0n1h6 .line-markers-wrapper:where(.svelte-1q0n1h6) .line-marker:not(:first-of-type):not(:last-of-type)::before {
  content: "";
  position: absolute;
  top: -22px;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 13px;
  background-color: var(--color-theme-control-track);
}

.slider.svelte-1q0n1h6 {
  --slider-rail-bg: var(--color-theme-control-track);
  position: relative;
  display: inline-block;
  background-color: var(--slider-rail-bg);
}
.slider.dragging.svelte-1q0n1h6 {
  --slider-rail-bg: color-mix(in srgb, #eaeaea 40%, var(--color-theme-control-track));
}
.slider.svelte-1q0n1h6 .slider-rail:where(.svelte-1q0n1h6) {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  touch-action: none;
  user-select: none;
}
.slider.svelte-1q0n1h6 .marks-rail:where(.svelte-1q0n1h6) {
  position: absolute;
}
.slider.slider-focus.svelte-1q0n1h6:not(.incremented):not(.disabled):before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid var(--color-theme-accent);
  border-radius: var(--radius-theme-sm);
  background: transparent;
  pointer-events: none;
  box-sizing: border-box;
}
.slider.slider-focus:not(.incremented):not(.disabled).horizontal.svelte-1q0n1h6:before, .slider.slider-focus:not(.incremented):not(.disabled).vertical.svelte-1q0n1h6:before {
  border-radius: var(--radius-theme-md);
}
.slider.slider-focus:not(.incremented):not(.disabled).color-heating.svelte-1q0n1h6:before {
  border-color: var(--color-heating);
}
.slider.slider-focus:not(.incremented):not(.disabled).color-pool.svelte-1q0n1h6:before {
  border-color: var(--color-pool);
}
.slider.slider-focus:not(.incremented):not(.disabled).color-electric-vehicle.svelte-1q0n1h6:before {
  border-color: var(--color-electric-vehicle);
}
.slider.slider-focus:not(.incremented):not(.disabled).color-light-gray.svelte-1q0n1h6:before {
  border-color: var(--color-light-gray);
}
.slider.vertical.svelte-1q0n1h6 .track.bg-color-heating:where(.svelte-1q0n1h6), .slider.horizontal.svelte-1q0n1h6 .track.bg-color-heating:where(.svelte-1q0n1h6), .slider.simple.svelte-1q0n1h6 .track.bg-color-heating:where(.svelte-1q0n1h6), .slider.incremented.svelte-1q0n1h6 .track.bg-color-heating:where(.svelte-1q0n1h6), .slider.thin-vertical.svelte-1q0n1h6 .track.bg-color-heating:where(.svelte-1q0n1h6) {
  background: var(--color-heating);
}
.slider.vertical.svelte-1q0n1h6 .track.bg-color-pool:where(.svelte-1q0n1h6), .slider.horizontal.svelte-1q0n1h6 .track.bg-color-pool:where(.svelte-1q0n1h6), .slider.simple.svelte-1q0n1h6 .track.bg-color-pool:where(.svelte-1q0n1h6), .slider.incremented.svelte-1q0n1h6 .track.bg-color-pool:where(.svelte-1q0n1h6), .slider.thin-vertical.svelte-1q0n1h6 .track.bg-color-pool:where(.svelte-1q0n1h6) {
  background: var(--color-pool);
}
.slider.vertical.svelte-1q0n1h6 .track.bg-color-electric-vehicle:where(.svelte-1q0n1h6), .slider.horizontal.svelte-1q0n1h6 .track.bg-color-electric-vehicle:where(.svelte-1q0n1h6), .slider.simple.svelte-1q0n1h6 .track.bg-color-electric-vehicle:where(.svelte-1q0n1h6), .slider.incremented.svelte-1q0n1h6 .track.bg-color-electric-vehicle:where(.svelte-1q0n1h6), .slider.thin-vertical.svelte-1q0n1h6 .track.bg-color-electric-vehicle:where(.svelte-1q0n1h6) {
  background: var(--color-electric-vehicle);
}
.slider.vertical.svelte-1q0n1h6 .track.bg-color-light-gray:where(.svelte-1q0n1h6), .slider.horizontal.svelte-1q0n1h6 .track.bg-color-light-gray:where(.svelte-1q0n1h6), .slider.simple.svelte-1q0n1h6 .track.bg-color-light-gray:where(.svelte-1q0n1h6), .slider.incremented.svelte-1q0n1h6 .track.bg-color-light-gray:where(.svelte-1q0n1h6), .slider.thin-vertical.svelte-1q0n1h6 .track.bg-color-light-gray:where(.svelte-1q0n1h6) {
  background: var(--color-light-gray);
}
.slider.vertical.svelte-1q0n1h6 {
  padding: 6px 0px;
  width: 80px;
  height: 100%;
  min-height: 200px;
  border-radius: var(--radius-theme-md);
  box-shadow: var(--shadow-theme);
}
.slider.vertical.svelte-1q0n1h6 .marks-rail:where(.svelte-1q0n1h6) {
  right: 0;
  bottom: 6px;
  height: calc(100% - 12px);
}
.slider.vertical.svelte-1q0n1h6 .track:where(.svelte-1q0n1h6) {
  bottom: 0px;
  left: 6px;
  width: calc(100% - 12px);
  border-bottom-left-radius: var(--radius-theme-md);
  border-bottom-right-radius: var(--radius-theme-md);
}
.slider.vertical.svelte-1q0n1h6 .track.track-fill-accent:where(.svelte-1q0n1h6) {
  background: var(--color-theme-accent);
}
.slider.vertical.svelte-1q0n1h6 .track.min-size:where(.svelte-1q0n1h6) {
  min-height: 16px;
}
.slider.vertical.svelte-1q0n1h6 .mark:where(.svelte-1q0n1h6) {
  right: -8px;
  transform: translate(100%, 50%);
}
.slider.thin-vertical.svelte-1q0n1h6 {
  padding: 4px 0px;
  height: 100%;
  min-height: 200px;
  width: 40px;
  border-radius: var(--radius-theme-sm);
}
.slider.thin-vertical.svelte-1q0n1h6 .marks-rail:where(.svelte-1q0n1h6) {
  right: 0;
  bottom: 4px;
  height: calc(100% - 8px);
}
.slider.thin-vertical.svelte-1q0n1h6 .track:where(.svelte-1q0n1h6) {
  bottom: 0px;
  left: 4px;
  width: calc(100% - 8px);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.slider.thin-vertical.svelte-1q0n1h6 .track.track-fill-accent:where(.svelte-1q0n1h6) {
  background: var(--color-theme-accent);
}
.slider.thin-vertical.svelte-1q0n1h6 .track.min-size:where(.svelte-1q0n1h6) {
  min-height: 12px;
}
.slider.thin-vertical.svelte-1q0n1h6 .track.full:where(.svelte-1q0n1h6) {
  border-radius: 4px;
}
.slider.thin-vertical.svelte-1q0n1h6 .mark:where(.svelte-1q0n1h6) {
  right: -8px;
  transform: translate(100%, 50%);
}
.slider.horizontal.svelte-1q0n1h6, .slider.simple.svelte-1q0n1h6, .slider.incremented.svelte-1q0n1h6 {
  width: 100%;
}
.slider.horizontal.svelte-1q0n1h6 .track:where(.svelte-1q0n1h6), .slider.simple.svelte-1q0n1h6 .track:where(.svelte-1q0n1h6), .slider.incremented.svelte-1q0n1h6 .track:where(.svelte-1q0n1h6) {
  left: 0px;
}
.slider.horizontal.svelte-1q0n1h6 .track.track-fill-accent:where(.svelte-1q0n1h6), .slider.simple.svelte-1q0n1h6 .track.track-fill-accent:where(.svelte-1q0n1h6), .slider.incremented.svelte-1q0n1h6 .track.track-fill-accent:where(.svelte-1q0n1h6) {
  background: var(--color-theme-accent);
}
.slider.horizontal.svelte-1q0n1h6 {
  padding: 0px 6px;
  height: 56px;
  border-radius: var(--radius-theme-md);
  box-shadow: var(--shadow-theme);
}
.slider.horizontal.svelte-1q0n1h6 .marks-rail:where(.svelte-1q0n1h6) {
  top: 0;
  left: 6px;
  width: calc(100% - 12px);
}
.slider.horizontal.svelte-1q0n1h6 .track:where(.svelte-1q0n1h6) {
  top: 6px;
  height: calc(100% - 12px);
  border-top-left-radius: var(--radius-theme-md);
  border-bottom-left-radius: var(--radius-theme-md);
}
.slider.horizontal.svelte-1q0n1h6 .track.min-size:where(.svelte-1q0n1h6) {
  min-width: 16px;
}
.slider.horizontal.svelte-1q0n1h6 .mark:where(.svelte-1q0n1h6) {
  top: -8px;
  transform: translate(-50%, -100%);
}
.slider.simple.svelte-1q0n1h6 {
  padding: 0px 4px;
  height: 24px;
  border-radius: var(--radius-theme-sm);
}
.slider.simple.svelte-1q0n1h6 .track:where(.svelte-1q0n1h6) {
  top: 4px;
  height: calc(100% - 8px);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.slider.simple.svelte-1q0n1h6 .track.min-size:where(.svelte-1q0n1h6) {
  min-width: 12px;
}
.slider.simple.svelte-1q0n1h6 .track.full:where(.svelte-1q0n1h6) {
  border-radius: 4px;
}
.slider.incremented.svelte-1q0n1h6 {
  --thumb-size: 24px;
  height: 24px;
  background-color: unset;
}
.slider.incremented.slider-focus.svelte-1q0n1h6:not(.disabled) .slider-rail:where(.svelte-1q0n1h6):before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid var(--color-theme-accent);
  border-radius: var(--radius-theme-sm);
  background: transparent;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 1;
}
.slider.incremented.slider-focus:not(.disabled).color-heating.svelte-1q0n1h6 .slider-rail:where(.svelte-1q0n1h6):before {
  border-color: var(--color-heating);
}
.slider.incremented.slider-focus:not(.disabled).color-pool.svelte-1q0n1h6 .slider-rail:where(.svelte-1q0n1h6):before {
  border-color: var(--color-pool);
}
.slider.incremented.slider-focus:not(.disabled).color-electric-vehicle.svelte-1q0n1h6 .slider-rail:where(.svelte-1q0n1h6):before {
  border-color: var(--color-electric-vehicle);
}
.slider.incremented.slider-focus:not(.disabled).color-light-gray.svelte-1q0n1h6 .slider-rail:where(.svelte-1q0n1h6):before {
  border-color: var(--color-light-gray);
}
.slider.incremented.svelte-1q0n1h6 .slider-rail:where(.svelte-1q0n1h6),
.slider.incremented.svelte-1q0n1h6 .track:where(.svelte-1q0n1h6) {
  height: 12px;
}
.slider.incremented.svelte-1q0n1h6 .slider-rail:where(.svelte-1q0n1h6) {
  top: 3px;
  background-color: var(--slider-rail-bg);
  border-radius: var(--radius-theme-md);
}
.slider.incremented.svelte-1q0n1h6 .track-clip:where(.svelte-1q0n1h6) {
  position: absolute;
  inset: 0;
  border-radius: var(--radius-theme-md);
  overflow: hidden;
  pointer-events: none;
}
.slider.incremented.svelte-1q0n1h6 .track:where(.svelte-1q0n1h6) {
  top: 0px;
  border-top-left-radius: var(--radius-theme-md);
  border-bottom-left-radius: var(--radius-theme-md);
}
.slider.dragging.svelte-1q0n1h6 .track:where(.svelte-1q0n1h6) {
  transition-property: border-radius;
}
.slider.dragging.svelte-1q0n1h6 .thumb {
  transition: none;
}
.slider.disabled.svelte-1q0n1h6 {
  background-color: var(--color-theme-card);
}
.slider.disabled.svelte-1q0n1h6 .slider-rail:where(.svelte-1q0n1h6) {
  cursor: not-allowed;
}
.slider.disabled.svelte-1q0n1h6 .track.track-fill-accent:where(.svelte-1q0n1h6), .slider.disabled.svelte-1q0n1h6 .track.bg-color-heating:where(.svelte-1q0n1h6), .slider.disabled.svelte-1q0n1h6 .track.bg-color-pool:where(.svelte-1q0n1h6), .slider.disabled.svelte-1q0n1h6 .track.bg-color-electric-vehicle:where(.svelte-1q0n1h6), .slider.disabled.svelte-1q0n1h6 .track.bg-color-light-gray:where(.svelte-1q0n1h6) {
  background: color-mix(in srgb, var(--color-theme-fg) 24%, var(--color-theme-control-track)) !important;
}
.slider.disabled.incremented.svelte-1q0n1h6 {
  background: unset;
}
.slider.svelte-1q0n1h6 .track:where(.svelte-1q0n1h6) {
  display: block;
  position: absolute;
  transition: border-radius 300ms ease, width 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, height 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  will-change: border-radius, width, height, left;
}
.slider.svelte-1q0n1h6 .track.full:where(.svelte-1q0n1h6) {
  border-radius: var(--radius-theme-md);
}
.slider.svelte-1q0n1h6 .mark:where(.svelte-1q0n1h6) {
  z-index: 1;
  position: absolute;
  touch-action: none;
  user-select: none;
}
.slider.svelte-1q0n1h6 .mark.active:where(.svelte-1q0n1h6) {
  z-index: 2;
}
.slider.svelte-1q0n1h6 .mark.save:where(.svelte-1q0n1h6) {
  z-index: 3;
}
.slider.svelte-1q0n1h6 .mark.delete:where(.svelte-1q0n1h6) {
  z-index: 3;
}
.slider.svelte-1q0n1h6 .animation-mark:where(.svelte-1q0n1h6) {
  opacity: 0;
  filter: blur(5px);
  pointer-events: none;
}
.slider.svelte-1q0n1h6 .animation-mark.visible:where(.svelte-1q0n1h6) {
  opacity: 1;
  filter: blur(0px);
  pointer-events: all;
  transition: opacity 150ms ease, filter 150ms ease;
}

.multiple-marks {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.multiple-marks-container {
  position: absolute;
  display: flex;
  flex-flow: column;
  flex-direction: column-reverse;
  align-items: center;
  min-width: 53px;
  top: 0;
  left: 0;
  background-color: var(--color-theme-card);
  border-radius: var(--radius-theme-sm);
  overflow: hidden;
  z-index: 10001;
}
.multiple-marks-container .multiple-marks-option {
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 8px 12px;
  width: 100%;
  text-align: center;
  word-break: initial;
  cursor: pointer;
}
.multiple-marks-container .multiple-marks-option:not(:first-of-type) {
  border-bottom: 1px solid var(--color-theme-border-03);
}
.multiple-marks-container .multiple-marks-option:hover {
  background-color: var(--color-theme-accent-tint);
}
.multiple-marks-container .multiple-marks-option:focus-visible {
  box-shadow: 0 0 0 1px var(--color-theme-accent) inset;
  outline: none;
}
.multiple-marks-container .multiple-marks-option:focus-visible:first-of-type {
  border-bottom-right-radius: var(--radius-theme-sm);
  border-bottom-left-radius: var(--radius-theme-sm);
}
.multiple-marks-container .multiple-marks-option:focus-visible:last-of-type {
  border-top-right-radius: var(--radius-theme-sm);
  border-top-left-radius: var(--radius-theme-sm);
}.slide-indicator.svelte-1n7f0wc {
  position: absolute;
  left: 0;
  top: 50%;
  height: 32px;
  margin-top: -16px;
  border-radius: 999px;
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  background: color-mix(in srgb, var(--color-theme-fg) 14%, transparent);
  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1), width 220ms ease, opacity 160ms ease;
}
.slide-indicator.is-visible.svelte-1n7f0wc {
  opacity: 1;
}
.slide-indicator.slide-indicator--chip.svelte-1n7f0wc {
  height: 28px;
  margin-top: -14px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--color-theme-fg) 12%, transparent);
}
.slide-indicator.slide-indicator--segment.svelte-1n7f0wc {
  height: 28px;
  margin-top: -14px;
  border-radius: 9px;
  background: color-mix(in srgb, var(--color-theme-fg) 16%, transparent);
}
.slide-indicator.slide-indicator--glow.svelte-1n7f0wc {
  height: 34px;
  margin-top: -17px;
  background: var(--color-theme-card-01);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-theme-accent) 35%, transparent), 0 6px 16px var(--shadow-theme);
}
.slide-indicator.slide-indicator--glow.svelte-1n7f0wc::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid transparent;
  background: linear-gradient(color-mix(in srgb, var(--color-theme-bg) 20%, transparent), color-mix(in srgb, var(--color-theme-bg) 20%, transparent)) padding-box, linear-gradient(0deg, color-mix(in srgb, var(--color-theme-accent) 55%, transparent) 0%, transparent 100%) border-box;
}
.slide-indicator.slide-indicator--pill.svelte-1n7f0wc {
  height: 30px;
  margin-top: -15px;
  background: color-mix(in srgb, var(--color-theme-fg) 12%, transparent);
}

.tabs-wrapper.svelte-1n7f0wc {
  position: relative;
  display: flex;
  --tabs-mask-fade-left: 0px;
  --tabs-mask-fade-right: 0px;
  --tabs-mask-actions-width: 0px;
}
.tabs-wrapper.svelte-1n7f0wc::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: var(--color-theme-accent);
  z-index: 1;
  pointer-events: none;
}
.tabs-wrapper.show-left-shadow.svelte-1n7f0wc {
  --tabs-mask-fade-left: 32px;
}
.tabs-wrapper.has-actions.svelte-1n7f0wc {
  --tabs-mask-fade-right: 32px;
}
.tabs-wrapper.new-layout.svelte-1n7f0wc::after {
  bottom: 0;
  height: 1px;
  background-color: color-mix(in srgb, var(--color-theme-fg) 18%, transparent);
  z-index: 3;
}
.tabs-wrapper.new-layout.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) .tabs-scroll:where(.svelte-1n7f0wc) {
  gap: 16px;
}
.tabs-wrapper.new-layout.tabs-style-minimal.svelte-1n7f0wc::after {
  opacity: 0.55;
  height: 1px;
}
.tabs-wrapper.new-layout.tabs-style-minimal.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) .tabs-scroll:where(.svelte-1n7f0wc) {
  gap: 20px;
}
.tabs-wrapper.new-layout.tabs-style-pill.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc), .tabs-wrapper.new-layout.tabs-style-chip.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc), .tabs-wrapper.new-layout.tabs-style-segment.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc), .tabs-wrapper.new-layout.tabs-style-glow.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) {
  height: 44px;
}
.tabs-wrapper.new-layout.tabs-style-pill.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) .tabs-scroll:where(.svelte-1n7f0wc), .tabs-wrapper.new-layout.tabs-style-chip.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) .tabs-scroll:where(.svelte-1n7f0wc), .tabs-wrapper.new-layout.tabs-style-segment.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) .tabs-scroll:where(.svelte-1n7f0wc), .tabs-wrapper.new-layout.tabs-style-glow.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) .tabs-scroll:where(.svelte-1n7f0wc) {
  position: relative;
  gap: 6px;
  align-items: center;
}
.tabs-wrapper.new-layout.tabs-style-segment.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) .tabs-scroll:where(.svelte-1n7f0wc) {
  gap: 2px;
  padding: 3px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--color-theme-fg) 6%, transparent);
}
.tabs-wrapper.new-layout.tabs-style-glow.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) .tabs-scroll:where(.svelte-1n7f0wc) {
  gap: 8px;
}
.tabs-wrapper.new-layout.tabs-over-media.svelte-1n7f0wc {
  --alpha-chrome-ink-muted: 60%;
  --chrome-ink: var(--color-theme-fg);
  --chrome-ink-muted: color-mix(
  	in oklab,
  	var(--chrome-ink) var(--alpha-chrome-ink-muted),
  	transparent
  );
  --chrome-border-01: color-mix(in srgb, var(--chrome-ink) 8%, transparent);
  --chrome-border-02: color-mix(in srgb, var(--chrome-ink) 16%, transparent);
  --chrome-border-03: color-mix(in srgb, var(--chrome-ink) 25%, transparent);
}
html[data-ds-color-mode="light"] .tabs-wrapper.new-layout.tabs-over-media.svelte-1n7f0wc {
  --alpha-chrome-ink-muted: 72%;
  --chrome-ink: #eaeaea;
}
.tabs-wrapper.new-layout.tabs-over-media.svelte-1n7f0wc::after {
  background-color: var(--chrome-border-03);
}
.tabs-wrapper.new-layout.tabs-over-media.tabs-style-segment.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) .tabs-scroll:where(.svelte-1n7f0wc) {
  background: var(--chrome-border-01);
}
.tabs-wrapper.new-layout.tabs-over-media.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) {
  --alpha-chrome-ink-muted: 60%;
  --chrome-ink: var(--color-theme-fg);
  --chrome-ink-muted: color-mix(
  	in oklab,
  	var(--chrome-ink) var(--alpha-chrome-ink-muted),
  	transparent
  );
  --chrome-border-01: color-mix(in srgb, var(--chrome-ink) 8%, transparent);
  --chrome-border-02: color-mix(in srgb, var(--chrome-ink) 16%, transparent);
  --chrome-border-03: color-mix(in srgb, var(--chrome-ink) 25%, transparent);
  --color-theme-text: var(--chrome-ink);
  --color-theme-text-sec: var(--chrome-ink-muted);
  color: var(--color-theme-text);
}
html[data-ds-color-mode="light"] .tabs-wrapper.new-layout.tabs-over-media.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) {
  --alpha-chrome-ink-muted: 72%;
  --chrome-ink: #eaeaea;
}
.tabs-wrapper.new-layout.tabs-over-media.svelte-1n7f0wc .tabs-actions-wrapper:where(.svelte-1n7f0wc) {
  color: var(--color-theme-fg);
}
.tabs-wrapper.new-layout.tabs-over-media.svelte-1n7f0wc .slide-indicator:where(.svelte-1n7f0wc) {
  background: color-mix(in srgb, var(--chrome-ink) 14%, transparent);
}
.tabs-wrapper.new-layout.tabs-over-media.svelte-1n7f0wc .slide-indicator.slide-indicator--chip:where(.svelte-1n7f0wc), .tabs-wrapper.new-layout.tabs-over-media.svelte-1n7f0wc .slide-indicator.slide-indicator--pill:where(.svelte-1n7f0wc) {
  background: color-mix(in srgb, var(--chrome-ink) 12%, transparent);
}
.tabs-wrapper.new-layout.tabs-over-media.svelte-1n7f0wc .slide-indicator.slide-indicator--segment:where(.svelte-1n7f0wc) {
  background: color-mix(in srgb, var(--chrome-ink) 16%, transparent);
}
.tabs-wrapper.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) {
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
  height: 44px;
  max-height: 44px;
  width: 100%;
  opacity: 1;
  transform: translateY(0);
  transition: max-height 220ms ease, opacity 180ms ease, transform 220ms ease;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--tabs-mask-fade-left), #000 calc(100% - var(--tabs-mask-actions-width) - var(--tabs-mask-fade-right)), transparent calc(100% - var(--tabs-mask-actions-width)));
  mask-image: linear-gradient(to right, transparent 0, #000 var(--tabs-mask-fade-left), #000 calc(100% - var(--tabs-mask-actions-width) - var(--tabs-mask-fade-right)), transparent calc(100% - var(--tabs-mask-actions-width)));
}
.tabs-wrapper.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc)::-webkit-scrollbar {
  display: none;
}
.tabs-wrapper.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) .tabs-scroll:where(.svelte-1n7f0wc) {
  position: relative;
  display: flex;
  width: 100%;
  white-space: nowrap;
}
.tabs-wrapper.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) .tab-border-bottom:where(.svelte-1n7f0wc) {
  display: flex;
  height: 100%;
  width: 100%;
}
.tabs-wrapper.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) .tabs-end-spacer:where(.svelte-1n7f0wc) {
  flex-shrink: 0;
  height: 100%;
  width: calc(var(--tabs-mask-actions-width) + var(--tabs-mask-fade-right));
  pointer-events: none;
}
.tabs-wrapper.svelte-1n7f0wc .tabs-actions-wrapper:where(.svelte-1n7f0wc) {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 2;
}
.tabs-wrapper.svelte-1n7f0wc .tabs-actions-wrapper:where(.svelte-1n7f0wc) .icon-button {
  align-self: unset;
}
.tabs-wrapper.svelte-1n7f0wc .tabs-actions-wrapper:where(.svelte-1n7f0wc) .icon-button:not(:last-of-type) {
  margin-right: var(--spacing-s);
}
.tabs-wrapper.is-edit-chrome-minimal.svelte-1n7f0wc {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: var(--spacing-s);
}
.tabs-wrapper.is-edit-chrome-minimal.svelte-1n7f0wc::after {
  opacity: 0;
  transition: opacity 180ms ease;
}
.tabs-wrapper.is-edit-chrome-minimal.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) {
  flex: 0 0 auto;
  max-height: 36px;
  min-height: 0;
  opacity: 0.55;
  transform: translateY(-5px);
  overflow: hidden;
  pointer-events: none;
  --tabs-mask-fade-left: 0px;
  --tabs-mask-fade-right: 0px;
  --tabs-mask-actions-width: 0px;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 28%, #000 70%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, #000 28%, #000 70%, transparent 100%);
}
.tabs-wrapper.is-edit-chrome-minimal.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) .tab-border-bottom:where(.svelte-1n7f0wc) {
  opacity: 0;
  visibility: hidden;
}
.tabs-wrapper.is-edit-chrome-minimal.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) .slide-indicator:where(.svelte-1n7f0wc) {
  visibility: visible;
}
.tabs-wrapper.is-edit-chrome-minimal.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) .tabs-end-spacer:where(.svelte-1n7f0wc) {
  display: none;
}
.tabs-wrapper.is-edit-chrome-minimal.svelte-1n7f0wc .tabs-actions-wrapper:where(.svelte-1n7f0wc) {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  width: 100%;
  height: auto;
  min-height: 44px;
  flex-shrink: 0;
  z-index: 2;
  justify-content: stretch;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 200ms ease, transform 200ms ease;
}
.tabs-wrapper.is-edit-chrome-minimal.svelte-1n7f0wc .tabs-actions-wrapper:where(.svelte-1n7f0wc) > * {
  width: 100%;
  max-width: 100%;
}
.tabs-wrapper.is-exit-dissolving.svelte-1n7f0wc .tabs-actions-wrapper:where(.svelte-1n7f0wc) {
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
}@keyframes svelte-86w4g5-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-86w4g5-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-86w4g5-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-86w4g5-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-86w4g5-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.tab.svelte-86w4g5 {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  max-width: 175px;
  padding: 14px;
  height: 100%;
  flex-shrink: 0;
  cursor: pointer;
}
.tab.svelte-86w4g5:disabled {
  cursor: not-allowed;
}
.tab.svelte-86w4g5:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid var(--color-theme-accent);
  pointer-events: none;
}
.tab.svelte-86w4g5::after {
  content: "";
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  width: 1px;
  height: 32px;
  background: var(--color-theme-border-03);
  right: -1px;
}
.tab.svelte-86w4g5:last-of-type:after, .tab.active.svelte-86w4g5::after {
  content: none;
}
.tab.active.svelte-86w4g5:not(:disabled) {
  border-top-left-radius: var(--radius-theme-sm);
  border-top-right-radius: var(--radius-theme-sm);
}
.tab.active.svelte-86w4g5:not(:disabled):before {
  border-top-left-radius: var(--radius-theme-sm);
  border-top-right-radius: var(--radius-theme-sm);
  width: calc(100% - 2px);
  top: 0;
  bottom: unset;
  border: 1px solid var(--color-theme-accent);
  border-bottom: none;
}
.tab.new-layout.svelte-86w4g5 {
  padding: 12px 0px;
}
.tab.new-layout.svelte-86w4g5:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 1px;
  border-bottom: 1px solid transparent;
  pointer-events: none;
}
.tab.new-layout.svelte-86w4g5::after {
  content: none;
}
@media (hover: hover) and (pointer: fine) {
  .tab.new-layout.svelte-86w4g5:hover:not(.active):not(:disabled) .tab-text {
    color: var(--color-theme-text) !important;
  }
  .tab.new-layout.svelte-86w4g5:hover:not(.active):not(:disabled):before {
    border-color: var(--color-theme-fg);
    z-index: 3;
  }
}
.tab.new-layout.active.svelte-86w4g5 {
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}
.tab.new-layout.active.svelte-86w4g5:before {
  border-top-left-radius: none;
  border-top-right-radius: none;
  top: calc(100% - 5px);
  bottom: unset;
  border: none;
  height: 3px;
  width: 100%;
  background-color: var(--color-theme-accent);
  border-radius: var(--radius-theme-sm) var(--radius-theme-sm) 0 0;
  z-index: 2;
}
.tab.new-layout.tabs-style-minimal.svelte-86w4g5 {
  padding: 10px 0;
}
.tab.new-layout.tabs-style-minimal.active.svelte-86w4g5:before {
  height: 2px;
  top: calc(100% - 3px);
  border-radius: 1px;
}
.tab.new-layout.tabs-style-minimal.svelte-86w4g5 .left-slot-wrapper {
  transform: scale(0.9);
  transform-origin: center left;
}
.tab.new-layout.tabs-style-pill.svelte-86w4g5, .tab.new-layout.tabs-style-chip.svelte-86w4g5, .tab.new-layout.tabs-style-segment.svelte-86w4g5, .tab.new-layout.tabs-style-glow.svelte-86w4g5 {
  position: relative;
  z-index: 1;
  padding: 6px 10px;
  border-radius: 999px;
}
.tab.new-layout.tabs-style-pill.svelte-86w4g5:before, .tab.new-layout.tabs-style-chip.svelte-86w4g5:before, .tab.new-layout.tabs-style-segment.svelte-86w4g5:before, .tab.new-layout.tabs-style-glow.svelte-86w4g5:before {
  content: none;
}
@media (hover: hover) and (pointer: fine) {
  .tab.new-layout.tabs-style-pill.svelte-86w4g5:hover:not(.active):not(:disabled), .tab.new-layout.tabs-style-chip.svelte-86w4g5:hover:not(.active):not(:disabled), .tab.new-layout.tabs-style-segment.svelte-86w4g5:hover:not(.active):not(:disabled), .tab.new-layout.tabs-style-glow.svelte-86w4g5:hover:not(.active):not(:disabled) {
    background-color: transparent;
  }
  .tab.new-layout.tabs-style-pill.svelte-86w4g5:hover:not(.active):not(:disabled):before, .tab.new-layout.tabs-style-chip.svelte-86w4g5:hover:not(.active):not(:disabled):before, .tab.new-layout.tabs-style-segment.svelte-86w4g5:hover:not(.active):not(:disabled):before, .tab.new-layout.tabs-style-glow.svelte-86w4g5:hover:not(.active):not(:disabled):before {
    content: none;
  }
}
.tab.new-layout.tabs-style-pill.active.svelte-86w4g5, .tab.new-layout.tabs-style-chip.active.svelte-86w4g5, .tab.new-layout.tabs-style-segment.active.svelte-86w4g5, .tab.new-layout.tabs-style-glow.active.svelte-86w4g5 {
  background-color: transparent;
}
.tab.new-layout.tabs-style-pill.active.svelte-86w4g5:before, .tab.new-layout.tabs-style-chip.active.svelte-86w4g5:before, .tab.new-layout.tabs-style-segment.active.svelte-86w4g5:before, .tab.new-layout.tabs-style-glow.active.svelte-86w4g5:before {
  content: none;
}
.tab.new-layout.tabs-style-pill.active.svelte-86w4g5 .tab-text, .tab.new-layout.tabs-style-chip.active.svelte-86w4g5 .tab-text, .tab.new-layout.tabs-style-segment.active.svelte-86w4g5 .tab-text, .tab.new-layout.tabs-style-glow.active.svelte-86w4g5 .tab-text {
  color: var(--color-theme-text) !important;
  font-weight: 600;
}
.tab.new-layout.tabs-style-pill.svelte-86w4g5 .left-slot-wrapper, .tab.new-layout.tabs-style-chip.svelte-86w4g5 .left-slot-wrapper, .tab.new-layout.tabs-style-segment.svelte-86w4g5 .left-slot-wrapper, .tab.new-layout.tabs-style-glow.svelte-86w4g5 .left-slot-wrapper {
  transform: scale(0.78);
  transform-origin: center left;
}
.tab.new-layout.tabs-style-pill.svelte-86w4g5 .notification-position, .tab.new-layout.tabs-style-chip.svelte-86w4g5 .notification-position, .tab.new-layout.tabs-style-segment.svelte-86w4g5 .notification-position, .tab.new-layout.tabs-style-glow.svelte-86w4g5 .notification-position {
  right: 0;
  top: 0;
}
.tab.new-layout.tabs-style-pill.svelte-86w4g5 {
  padding: 5px 9px;
}
.tab.new-layout.tabs-style-chip.svelte-86w4g5 {
  padding: 5px 8px;
  border-radius: 10px;
}
.tab.new-layout.tabs-style-segment.svelte-86w4g5 {
  padding: 5px 10px;
  border-radius: 9px;
}
.tab.new-layout.tabs-style-glow.svelte-86w4g5 {
  padding: 6px 11px;
}
.tab.new-layout.svelte-86w4g5 .notification-position {
  position: absolute;
  right: -3px;
  top: 4px;
}
.tab.svelte-86w4g5 .notification-position {
  position: absolute;
  right: 8px;
  top: 8px;
}
.tab.svelte-86w4g5:hover:not(.active) .tab-text {
  color: var(--color-theme-accent-text);
}
.tab.svelte-86w4g5 .right-slot-wrapper:where(.svelte-86w4g5) .label {
  max-width: 48px;
}
.tab.svelte-86w4g5 .right-slot-wrapper.new-layout-spacing:where(.svelte-86w4g5) {
  margin-left: 6px;
}@keyframes svelte-1y3j4bs-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1y3j4bs-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1y3j4bs-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1y3j4bs-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1y3j4bs-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.textarea-wrapper.svelte-1y3j4bs {
  display: flex;
  flex-direction: column;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) {
  display: inline-flex;
  background: var(--color-theme-card-01);
  border: 1px solid var(--color-theme-border-03);
  color: inherit;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs):hover:not(.disabled):not(.error):not(.focus) {
  border-color: var(--color-theme-fg-02);
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container.size-l:where(.svelte-1y3j4bs) {
  min-height: 100px;
  padding: 11px;
  border-radius: var(--radius-theme-md);
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container.size-m:where(.svelte-1y3j4bs) {
  min-height: 76px;
  padding: 5px;
  border-radius: var(--radius-theme-sm);
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container.manual-resizing:where(.svelte-1y3j4bs) {
  resize: both;
  overflow: hidden;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container.smaller-scrollbar:where(.svelte-1y3j4bs) {
  padding: 9px;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container.with-scrollbar:where(.svelte-1y3j4bs) {
  padding-right: 0px;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container.auto-resizing:where(.svelte-1y3j4bs) {
  overflow: hidden;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container.focus:where(.svelte-1y3j4bs):not(.error):not(.disabled) {
  box-shadow: var(--shadow-theme-glow-soft);
  border-color: var(--color-theme-accent);
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container.disabled:where(.svelte-1y3j4bs) {
  background: var(--color-theme-card-01);
  color: var(--color-theme-text-disabled);
  -webkit-text-fill-color: var(--color-theme-text-disabled);
  opacity: 1;
  cursor: not-allowed;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container.error:where(.svelte-1y3j4bs) {
  border-color: var(--color-theme-danger);
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container.error.focus:where(.svelte-1y3j4bs):not(.disabled) {
  border-color: var(--color-theme-danger);
  box-shadow: var(--shadow-theme-glow-danger-soft);
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea:where(.svelte-1y3j4bs) {
  border: none;
  background-color: inherit;
  color: inherit;
  outline: none;
  resize: none;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea:where(.svelte-1y3j4bs)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  font-style: italic;
  color: var(--color-theme-text-sec);
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea.textarea-l:where(.svelte-1y3j4bs) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea.textarea-m:where(.svelte-1y3j4bs) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea.textarea-m:where(.svelte-1y3j4bs)::placeholder {
  font-size: 13px;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea.scrollbar-l:where(.svelte-1y3j4bs) {
  overflow: auto;
  margin-right: var(--spacing-xxs);
  padding-right: 3px;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea.scrollbar-m:where(.svelte-1y3j4bs) {
  overflow: auto;
  margin-right: 1px;
  padding-right: 2px;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea.disabled:where(.svelte-1y3j4bs) {
  pointer-events: none;
}
.textarea-wrapper.svelte-1y3j4bs .text-max-char-l:where(.svelte-1y3j4bs) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  margin-left: 12px;
}
.textarea-wrapper.svelte-1y3j4bs .text-max-char-m:where(.svelte-1y3j4bs) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  margin-left: 6px;
}
.textarea-wrapper.svelte-1y3j4bs .validation-text.validation-text-m:where(.svelte-1y3j4bs) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  margin-top: var(--spacing-xxs);
  margin-left: 6px;
  color: var(--color-theme-danger);
}
.textarea-wrapper.svelte-1y3j4bs .validation-text.validation-text-l:where(.svelte-1y3j4bs) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  margin-top: var(--spacing-xxs);
  margin-left: 12px;
  color: var(--color-theme-danger);
}
.textarea-wrapper.svelte-1y3j4bs .validation-text.is-disabled:where(.svelte-1y3j4bs) {
  color: var(--color-theme-text-sec);
}
.textarea-wrapper.svelte-1y3j4bs .info-text.validation-text-m:where(.svelte-1y3j4bs), .textarea-wrapper.svelte-1y3j4bs .info-text.validation-text-l:where(.svelte-1y3j4bs) {
  color: var(--color-theme-text);
}@keyframes svelte-14gv8vs-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-14gv8vs-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-14gv8vs-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-14gv8vs-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-14gv8vs-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.toggle-wrapper.svelte-14gv8vs {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
.toggle-wrapper.size-m.svelte-14gv8vs {
  padding: 6px 0px;
}
.toggle-wrapper.size-m.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) input:where(.svelte-14gv8vs),
.toggle-wrapper.size-m.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) .slider:where(.svelte-14gv8vs) {
  width: 36px;
  height: 20px;
}
.toggle-wrapper.size-m.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) .slider:where(.svelte-14gv8vs)::before {
  width: 16px;
  height: 16px;
}
.toggle-wrapper.size-m.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) input:where(.svelte-14gv8vs):checked + .slider:where(.svelte-14gv8vs)::before {
  transform: translateX(16px);
}
.toggle-wrapper.size-l.svelte-14gv8vs {
  padding: 9px 0px;
}
.toggle-wrapper.size-l.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) input:where(.svelte-14gv8vs),
.toggle-wrapper.size-l.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) .slider:where(.svelte-14gv8vs) {
  width: 48px;
  height: 26px;
}
.toggle-wrapper.size-l.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) .slider:where(.svelte-14gv8vs)::before {
  width: 22px;
  height: 22px;
}
.toggle-wrapper.size-l.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) input:where(.svelte-14gv8vs):checked + .slider:where(.svelte-14gv8vs)::before {
  transform: translateX(22px);
}
.toggle-wrapper.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.toggle-wrapper.svelte-14gv8vs .toggle:where(.svelte-14gv8vs):has(input:where(.svelte-14gv8vs):focus-visible) {
  box-shadow: 0 0 0 1px var(--color-theme-accent) inset;
  border-radius: var(--radius-theme-xs);
}
.toggle-wrapper.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) input:where(.svelte-14gv8vs) {
  position: absolute;
  align-self: baseline;
  padding: 0;
  margin: 0;
  opacity: 0;
  z-index: -1;
}
.toggle-wrapper.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) .slider:where(.svelte-14gv8vs) {
  position: relative;
  border-radius: 34px;
  background-color: var(--color-theme-control-track);
  flex-shrink: 0;
  transition-property: background-color;
  will-change: background-color;
}
.toggle-wrapper.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) .slider:where(.svelte-14gv8vs)::before {
  content: "";
  position: absolute;
  left: 2px;
  bottom: 2px;
  border-radius: 50%;
  background-color: var(--color-theme-text);
  transition-property: transform, background-color;
  will-change: transform;
}
.toggle-wrapper.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) input:where(.svelte-14gv8vs):checked + .slider:where(.svelte-14gv8vs) {
  background-color: var(--color-theme-accent);
}
.toggle-wrapper.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) input:where(.svelte-14gv8vs):checked + .slider:where(.svelte-14gv8vs)::before {
  background-color: var(--color-theme-text-on-accent);
}
.toggle-wrapper.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) .slider:where(.svelte-14gv8vs),
.toggle-wrapper.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) .slider:where(.svelte-14gv8vs)::before {
  transition-duration: 200ms;
  transition-timing-function: ease;
}
.toggle-wrapper.disabled.svelte-14gv8vs .slider:where(.svelte-14gv8vs) {
  background-color: var(--color-theme-control-track) !important;
}
.toggle-wrapper.disabled.svelte-14gv8vs .slider:where(.svelte-14gv8vs)::before {
  opacity: 30%;
}

.validation-text.svelte-14gv8vs {
  margin-top: var(--spacing-xs) !important;
  margin-left: 0 !important;
}
.validation-text.validation-text-m.svelte-14gv8vs {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  margin-top: var(--spacing-xxs);
  margin-left: 6px;
  color: var(--color-danger);
}
.validation-text.validation-text-l.svelte-14gv8vs {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  margin-top: var(--spacing-xxs);
  margin-left: 12px;
  color: var(--color-danger);
}

.info-text.validation-text-m.svelte-14gv8vs, .info-text.validation-text-l.svelte-14gv8vs {
  color: var(--color-theme-text);
}

.validation-text.is-disabled.svelte-14gv8vs {
  color: var(--color-theme-text-sec);
}@keyframes svelte-1722f9g-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1722f9g-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1722f9g-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1722f9g-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1722f9g-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.toggle-wrapper.svelte-1722f9g {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
.toggle-wrapper.size-m.svelte-1722f9g {
  padding: 6px 0px;
}
.toggle-wrapper.size-m.svelte-1722f9g .toggle:where(.svelte-1722f9g) input:where(.svelte-1722f9g),
.toggle-wrapper.size-m.svelte-1722f9g .toggle:where(.svelte-1722f9g) .slider:where(.svelte-1722f9g) {
  width: 36px;
  height: 20px;
}
.toggle-wrapper.size-m.svelte-1722f9g .toggle:where(.svelte-1722f9g) .slider:where(.svelte-1722f9g)::before {
  width: 16px;
  height: 16px;
}
.toggle-wrapper.size-m.svelte-1722f9g .toggle:where(.svelte-1722f9g) input:where(.svelte-1722f9g):checked + .slider:where(.svelte-1722f9g)::before {
  transform: translateX(16px);
}
.toggle-wrapper.size-l.svelte-1722f9g {
  padding: 9px 0px;
}
.toggle-wrapper.size-l.svelte-1722f9g .toggle:where(.svelte-1722f9g) input:where(.svelte-1722f9g),
.toggle-wrapper.size-l.svelte-1722f9g .toggle:where(.svelte-1722f9g) .slider:where(.svelte-1722f9g) {
  width: 48px;
  height: 26px;
}
.toggle-wrapper.size-l.svelte-1722f9g .toggle:where(.svelte-1722f9g) .slider:where(.svelte-1722f9g)::before {
  width: 22px;
  height: 22px;
}
.toggle-wrapper.size-l.svelte-1722f9g .toggle:where(.svelte-1722f9g) input:where(.svelte-1722f9g):checked + .slider:where(.svelte-1722f9g)::before {
  transform: translateX(22px);
}
.toggle-wrapper.svelte-1722f9g .toggle:where(.svelte-1722f9g) {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.toggle-wrapper.svelte-1722f9g .toggle:where(.svelte-1722f9g):has(input:where(.svelte-1722f9g):focus-visible) {
  box-shadow: 0 0 0 1px var(--color-theme-accent) inset;
  border-radius: var(--radius-theme-xs);
}
.toggle-wrapper.svelte-1722f9g .toggle:where(.svelte-1722f9g) input:where(.svelte-1722f9g) {
  position: absolute;
  align-self: baseline;
  padding: 0;
  margin: 0;
  opacity: 0;
  z-index: -1;
}
.toggle-wrapper.svelte-1722f9g .toggle:where(.svelte-1722f9g) .slider:where(.svelte-1722f9g) {
  position: relative;
  border-radius: 34px;
  background-color: var(--color-theme-control-track);
  flex-shrink: 0;
  transition-property: background-color;
  will-change: background-color;
}
.toggle-wrapper.svelte-1722f9g .toggle:where(.svelte-1722f9g) .slider:where(.svelte-1722f9g)::before {
  content: "";
  position: absolute;
  left: 2px;
  bottom: 2px;
  border-radius: 75px;
  background-color: var(--color-theme-text);
  transition-property: transform, background-color;
  will-change: transform;
}
.toggle-wrapper.svelte-1722f9g .toggle:where(.svelte-1722f9g) input:where(.svelte-1722f9g):checked + .slider:where(.svelte-1722f9g) {
  background-color: var(--color-theme-fg);
}
.toggle-wrapper.svelte-1722f9g .toggle:where(.svelte-1722f9g) input:where(.svelte-1722f9g):checked + .slider:where(.svelte-1722f9g)::before {
  background-color: var(--color-theme-text-inverse);
}
.toggle-wrapper.svelte-1722f9g .toggle:where(.svelte-1722f9g) .slider:where(.svelte-1722f9g),
.toggle-wrapper.svelte-1722f9g .toggle:where(.svelte-1722f9g) .slider:where(.svelte-1722f9g)::before {
  transition-duration: 200ms;
  transition-timing-function: ease;
}
.toggle-wrapper.disabled.svelte-1722f9g .slider:where(.svelte-1722f9g) {
  background-color: var(--color-theme-control-track) !important;
}
.toggle-wrapper.disabled.svelte-1722f9g .slider:where(.svelte-1722f9g)::before {
  opacity: 30%;
}

.validation-text.svelte-1722f9g {
  margin-top: var(--spacing-xs) !important;
  margin-left: 0 !important;
}
.validation-text.validation-text-m.svelte-1722f9g {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  margin-top: var(--spacing-xxs);
  margin-left: 6px;
  color: var(--color-danger);
}
.validation-text.validation-text-l.svelte-1722f9g {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  margin-top: var(--spacing-xxs);
  margin-left: 12px;
  color: var(--color-danger);
}

.info-text.validation-text-m.svelte-1722f9g, .info-text.validation-text-l.svelte-1722f9g {
  color: var(--color-theme-text);
}

.validation-text.is-disabled.svelte-1722f9g {
  color: var(--color-theme-text-sec);
}.token-wrapper.svelte-1xdd23y {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 2px solid transparent;
  color: var(--color-theme-text);
  cursor: pointer;
  max-width: 100%;
}
.token-wrapper.background-color-1.svelte-1xdd23y {
  background-color: var(--color-theme-card);
}
.token-wrapper.background-color-2.svelte-1xdd23y {
  background-color: var(--color-theme-card-02);
}
.token-wrapper.type-normal.size-m.svelte-1xdd23y {
  border-radius: var(--radius-theme-lg);
  min-height: 32px;
  min-width: 64px;
  padding: 4px 12px;
}
.token-wrapper.type-normal.size-l.svelte-1xdd23y {
  border-radius: var(--radius-theme-xl);
  min-width: 88px;
  min-height: 44px;
  padding: 8px 16px;
}
.token-wrapper.type-schedule.svelte-1xdd23y {
  border-radius: var(--radius-theme-sm);
  min-width: 32px;
  min-height: 32px;
  padding: 4px;
}
.token-wrapper.disabled.svelte-1xdd23y {
  background-color: var(--color-theme-card-01);
  color: var(--color-theme-text-disabled);
  cursor: not-allowed;
}
.token-wrapper.svelte-1xdd23y:hover:not(.disabled) {
  border-color: var(--color-theme-accent);
}
.token-wrapper.selected.svelte-1xdd23y:not(.disabled) {
  background-color: var(--color-theme-accent);
  color: var(--color-theme-text-on-accent);
}
.token-wrapper.selected.disabled.svelte-1xdd23y {
  background-color: var(--color-theme-accent-tint-strong);
}
.token-wrapper.svelte-1xdd23y:has(input:where(.svelte-1xdd23y):focus-visible) {
  outline: 2px solid var(--color-theme-accent);
  outline-offset: 2px;
}
.token-wrapper.svelte-1xdd23y input:where(.svelte-1xdd23y) {
  position: absolute;
  margin: 0;
  top: -2px;
  left: -2px;
  opacity: 0;
  height: calc(100% + 4px);
  width: calc(100% + 4px);
  cursor: pointer;
}
.token-wrapper.svelte-1xdd23y .token-icon:where(.svelte-1xdd23y) {
  margin-right: 6px;
}.token-wrapper-v2.svelte-19389ie {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--color-theme-border-03);
  background-color: var(--color-theme-card-01);
  color: var(--color-theme-text);
  cursor: pointer;
  max-width: 100%;
  transition-property: background-color, border-color, box-shadow, color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.token-wrapper-v2.background-color-1.svelte-19389ie {
  background-color: var(--color-theme-card-02);
}
.token-wrapper-v2.background-color-2.svelte-19389ie {
  background-color: var(--color-theme-card-01);
}
.token-wrapper-v2.type-normal.size-m.svelte-19389ie {
  border-radius: var(--radius-theme-lg);
  min-height: 32px;
  min-width: 64px;
  padding: 4px 12px;
}
.token-wrapper-v2.type-normal.size-l.svelte-19389ie {
  border-radius: var(--radius-theme-xl);
  min-width: 88px;
  min-height: 44px;
  padding: 8px 16px;
}
.token-wrapper-v2.type-schedule.svelte-19389ie {
  border-radius: var(--radius-theme-sm);
  min-width: 32px;
  min-height: 32px;
  padding: 4px;
}
.token-wrapper-v2.disabled.svelte-19389ie {
  background-color: var(--color-theme-card-01);
  border-color: var(--color-theme-border-03);
  cursor: not-allowed;
  opacity: 0.4;
}
@media (hover: hover) and (pointer: fine) {
  .token-wrapper-v2.svelte-19389ie:hover:not(.disabled):not(.selected) {
    box-shadow: 0 0 0 1px var(--color-theme-fg) inset;
  }
  .token-wrapper-v2:hover:not(.disabled).selected.svelte-19389ie {
    background-color: var(--color-theme-fg-02);
    border-color: var(--color-theme-fg-02);
  }
}
.token-wrapper-v2.selected.svelte-19389ie:not(.disabled) {
  background-color: var(--color-theme-fg);
  border-color: var(--color-theme-fg);
  color: var(--color-theme-text-inverse);
}
.token-wrapper-v2.selected.disabled.svelte-19389ie {
  background-color: var(--color-theme-fg);
  border-color: var(--color-theme-fg);
  color: var(--color-theme-text-inverse);
}
.token-wrapper-v2.svelte-19389ie:has(input:where(.svelte-19389ie):focus-visible) {
  outline: none;
  box-shadow: 0 0 0 1px var(--color-theme-accent) inset;
}
.token-wrapper-v2.svelte-19389ie input:where(.svelte-19389ie) {
  position: absolute;
  margin: 0;
  top: -1px;
  left: -1px;
  opacity: 0;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  cursor: pointer;
}
.token-wrapper-v2.disabled.svelte-19389ie input:where(.svelte-19389ie) {
  cursor: not-allowed;
}
.token-wrapper-v2.svelte-19389ie .token-icon:where(.svelte-19389ie) {
  margin-right: 6px;
}.triple-device-button.svelte-1ua8j20 {
  display: inline-flex;
  border-radius: 56px;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.triple-device-button.svelte-1ua8j20 .control-group-border:where(.svelte-1ua8j20) {
  border: 7px solid var(--color-theme-accent);
  border-radius: 56px;
}
.triple-device-button.svelte-1ua8j20 .device-controls:where(.svelte-1ua8j20) {
  position: relative;
  display: flex;
  gap: 4px;
  background: var(--color-theme-card);
  border-radius: 56px;
}
.triple-device-button.svelte-1ua8j20 .device-button {
  background: transparent !important;
  width: unset !important;
  height: unset !important;
  box-shadow: var(--shadow-theme);
  flex-shrink: 0;
}
.triple-device-button.svelte-1ua8j20 .device-button::before {
  content: none !important;
}
.triple-device-button.inactive.svelte-1ua8j20 .control-group-border:where(.svelte-1ua8j20) {
  border-color: var(--color-theme-card-02);
}
.triple-device-button.loading.svelte-1ua8j20 {
  position: relative;
}
.triple-device-button.loading.svelte-1ua8j20::before {
  content: " ";
  position: absolute;
  display: block;
  top: -60%;
  left: -50%;
  display: block;
  height: 220%;
  width: 200%;
  transform: rotate(-45deg);
  overflow: hidden;
  background: linear-gradient(to right, transparent 48%, rgba(255, 255, 255, 0.2) 50%, rgb(255, 255, 255) 55%, transparent 80%);
  background-size: 200% auto;
  animation: svelte-1ua8j20-blink 0.7s ease-out infinite;
}
.triple-device-button.disabled-overlay.svelte-1ua8j20 {
  cursor: not-allowed;
}
.triple-device-button.disabled-overlay.svelte-1ua8j20::before {
  z-index: 2;
}

@keyframes svelte-1ua8j20-blink {
  to {
    background-position: 150% center;
  }
}.triple-device-button-v2.svelte-12os718 {
  display: inline-flex;
  border-radius: 100px;
  transform: translate3d(0, 0, 0);
}
.triple-device-button-v2.svelte-12os718 .control-group-border:where(.svelte-12os718) {
  border: 5px solid var(--color-theme-accent);
  border-radius: inherit;
}
.triple-device-button-v2.svelte-12os718 .device-controls:where(.svelte-12os718) {
  position: relative;
  display: flex;
  gap: 6px;
  background: var(--color-theme-card);
  border-radius: inherit;
}
.triple-device-button-v2.svelte-12os718 .device-button-v2 {
  background: transparent !important;
  width: unset !important;
  height: unset !important;
  flex-shrink: 0;
}
.triple-device-button-v2.svelte-12os718 .device-button-v2::before {
  content: none !important;
}
.triple-device-button-v2.svelte-12os718 .device-button-v2:focus-visible:not(:disabled) {
  outline: unset !important;
  overflow: unset !important;
}
.triple-device-button-v2.svelte-12os718 .device-button-v2:focus-visible:not(:disabled)::after {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  background-color: var(--color-theme-accent-tint-strong);
  border: 2px solid var(--color-theme-accent);
  border-radius: inherit;
  z-index: -1;
}
.triple-device-button-v2.small.svelte-12os718 .control-group-border:where(.svelte-12os718) {
  border-width: 4px;
}
.triple-device-button-v2.small.svelte-12os718 .device-controls:where(.svelte-12os718) {
  gap: 4px;
}
.triple-device-button-v2.small.svelte-12os718 .device-button-v2:focus-visible:not(:disabled)::after {
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border-width: 1px;
}
.triple-device-button-v2.inactive.svelte-12os718 .control-group-border:where(.svelte-12os718) {
  border-color: var(--color-theme-card-02);
}
.triple-device-button-v2.disabled-overlay.svelte-12os718 {
  cursor: not-allowed;
}
.triple-device-button-v2.disabled-overlay.svelte-12os718::before {
  z-index: 2;
}@keyframes svelte-1km81ju-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1km81ju-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1km81ju-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1km81ju-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1km81ju-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.list-item.svelte-1km81ju {
  position: relative;
  display: flex;
  padding: 6px;
  height: 32px;
  background: var(--color-theme-bg);
  border-radius: var(--radius-theme-lg);
  align-items: center;
  justify-content: space-between;
}
.list-item.svelte-1km81ju:focus-visible {
  outline: 2px solid var(--color-theme-accent);
}
.list-item.svelte-1km81ju .bar-line-wrapper:where(.svelte-1km81ju),
.list-item.svelte-1km81ju .bar-line:where(.svelte-1km81ju) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.list-item.svelte-1km81ju .bar-line-wrapper:where(.svelte-1km81ju) {
  width: 100%;
  border-radius: var(--radius-theme-lg);
  overflow: hidden;
}
.list-item.svelte-1km81ju .bar-line:where(.svelte-1km81ju) {
  width: var(--progress-percent, 0);
  transition: width 0.3s ease-in-out;
}
.list-item.svelte-1km81ju .bar-line.hide-line:where(.svelte-1km81ju)::after {
  display: none;
}
.list-item.svelte-1km81ju .bar-line:where(.svelte-1km81ju)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--bar-line-color);
  opacity: 0.3;
}
.list-item.svelte-1km81ju .bar-line:where(.svelte-1km81ju)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 2px;
  background-color: var(--bar-line-color);
}
.list-item.svelte-1km81ju .list-item-left:where(.svelte-1km81ju) {
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 100%;
  z-index: 1;
}
.list-item.svelte-1km81ju .list-item-left:where(.svelte-1km81ju) .list-item-btn:where(.svelte-1km81ju) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-primary);
  text-decoration: none;
  cursor: pointer;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-theme-accent-text);
}
.list-item.svelte-1km81ju .list-item-left:where(.svelte-1km81ju) .list-item-btn:where(.svelte-1km81ju):disabled {
  cursor: not-allowed;
}
.list-item.svelte-1km81ju .list-item-left:where(.svelte-1km81ju) .list-item-btn:where(.svelte-1km81ju):hover, .list-item.svelte-1km81ju .list-item-left:where(.svelte-1km81ju) .list-item-btn:where(.svelte-1km81ju):focus-visible {
  text-decoration: underline;
}
.list-item.svelte-1km81ju .list-item-left:where(.svelte-1km81ju) .tooltip-wrapper {
  width: 0px;
  flex: 1;
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  z-index: 1;
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-right-data:where(.svelte-1km81ju) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-progress-container:where(.svelte-1km81ju) {
  position: relative;
  width: 20px;
  height: 20px;
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-progress-container:where(.svelte-1km81ju) svg:where(.svelte-1km81ju) {
  position: relative;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-progress-container:where(.svelte-1km81ju) svg:where(.svelte-1km81ju) circle:where(.svelte-1km81ju) {
  fill: none;
  stroke: var(--color-theme-control-track);
  stroke-width: 3px;
  stroke-linecap: round;
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-progress-container:where(.svelte-1km81ju) svg:where(.svelte-1km81ju) circle:where(.svelte-1km81ju):last-of-type {
  stroke-dasharray: 53.407075111px;
  stroke-dashoffset: calc((100 - var(--progress-percent, 0)) / 100 * 53.407075111px);
  transition: stroke-dashoffset 0.3s ease-in-out;
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-progress-container.primary:where(.svelte-1km81ju) svg:where(.svelte-1km81ju) circle:where(.svelte-1km81ju):last-of-type {
  stroke: var(--color-theme-accent);
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-progress-container.success:where(.svelte-1km81ju) svg:where(.svelte-1km81ju) circle:where(.svelte-1km81ju):last-of-type {
  stroke: var(--color-theme-success);
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-progress-container.warning:where(.svelte-1km81ju) svg:where(.svelte-1km81ju) circle:where(.svelte-1km81ju):last-of-type {
  stroke: var(--color-theme-warning);
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-progress-container.danger:where(.svelte-1km81ju) svg:where(.svelte-1km81ju) circle:where(.svelte-1km81ju):last-of-type {
  stroke: var(--color-theme-danger);
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-progress-container.white:where(.svelte-1km81ju) svg:where(.svelte-1km81ju) circle:where(.svelte-1km81ju):last-of-type {
  stroke: var(--color-theme-fg);
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-progress-container.solar:where(.svelte-1km81ju) svg:where(.svelte-1km81ju) circle:where(.svelte-1km81ju):last-of-type {
  stroke: var(--color-solar);
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-arrow-btn:where(.svelte-1km81ju) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-arrow-btn:where(.svelte-1km81ju):disabled {
  cursor: not-allowed;
}@keyframes svelte-1n1joju-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1n1joju-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1n1joju-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1n1joju-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1n1joju-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.container-v2.svelte-1n1joju {
  --container-bg: var(--color-theme-bg);
  --container-radius: var(--radius-theme-md);
  --container-pad: var(--spacing-m);
  --container-gutter: 5px;
  --container-divider-gap: var(--spacing-m);
  display: flex;
  flex-direction: column;
  border-radius: var(--container-radius);
}
.container-v2.full-height.svelte-1n1joju {
  flex: auto;
  height: 100%;
}
.container-v2.size-s.svelte-1n1joju {
  --container-pad: var(--spacing-s-plus);
  --container-gutter: 4px;
}
.container-v2.size-m.svelte-1n1joju {
  --container-pad: var(--spacing-m);
  --container-gutter: 5px;
}
.container-v2.size-l.svelte-1n1joju {
  --container-pad: var(--spacing-l);
  --container-gutter: 9px;
}
.container-v2.type-base.svelte-1n1joju {
  --container-bg: var(--color-theme-bg);
}
.container-v2.type-modalContainer.svelte-1n1joju {
  --container-bg: var(--color-theme-card);
  --container-radius: var(--radius-theme-lg);
  border: 1px solid var(--color-theme-border-03);
}
.container-v2.type-borderSolid.svelte-1n1joju {
  --container-bg: var(--color-theme-card-01);
  border: 1px solid var(--color-theme-border-02);
}
.container-v2.type-primary-10.svelte-1n1joju {
  --container-bg: var(--color-theme-accent-tint);
}
.container-v2.type-borderDashed.svelte-1n1joju {
  --container-bg: transparent;
  --container-radius: var(--radius-theme-lg);
  --container-gutter: 0px;
  border: 2px dashed var(--color-theme-accent);
}
.container-v2.type-glass.svelte-1n1joju {
  background-color: var(--surface-glass-fallback-bg);
  border-radius: var(--container-radius);
  box-shadow: inset 0 0 0 1px var(--surface-glass-border-color);
}
@supports (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)) {
  .container-v2.type-glass.svelte-1n1joju {
    background-color: var(--surface-glass-bg);
    -webkit-backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
    backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
  }
}
.container-v2.svelte-1n1joju:not(.type-glass) {
  background: var(--container-bg);
}
.container-v2.svelte-1n1joju:not(.type-borderDashed) {
  padding: var(--container-pad) var(--container-gutter) var(--container-pad) 0;
}
.container-v2.svelte-1n1joju:not(.type-borderDashed) .top-slot-container:where(.svelte-1n1joju),
.container-v2.svelte-1n1joju:not(.type-borderDashed) .bottom-slot-container:where(.svelte-1n1joju),
.container-v2.svelte-1n1joju:not(.type-borderDashed) .main-slot-container {
  padding-right: calc(var(--container-pad) - var(--container-gutter));
  padding-left: var(--container-pad);
}
.container-v2.svelte-1n1joju:not(.type-borderDashed) .top-slot-container.scroll-paddings-no-scroll:where(.svelte-1n1joju),
.container-v2.svelte-1n1joju:not(.type-borderDashed) .bottom-slot-container.scroll-paddings-no-scroll:where(.svelte-1n1joju),
.container-v2.svelte-1n1joju:not(.type-borderDashed) .main-slot-container.scroll-paddings-no-scroll:where(.svelte-1n1joju) {
  padding: 0 calc(var(--container-pad) - var(--container-gutter));
}
.container-v2.svelte-1n1joju:not(.type-borderDashed) .bottom-slot-container:where(.svelte-1n1joju) {
  padding-top: var(--container-pad);
}
.container-v2.svelte-1n1joju:not(.type-borderDashed) .top-slot-container:where(.svelte-1n1joju) {
  padding-bottom: var(--container-pad);
}
.container-v2.type-borderDashed.svelte-1n1joju {
  padding: var(--container-pad);
}
.container-v2.padding-0.svelte-1n1joju {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: var(--container-pad-x, 0);
  padding-right: var(--container-pad-x, 0);
}
.container-v2.padding-0.svelte-1n1joju > .top-slot-container:where(.svelte-1n1joju), .container-v2.padding-0.svelte-1n1joju > .bottom-slot-container:where(.svelte-1n1joju), .container-v2.padding-0.svelte-1n1joju > .main-slot-container:not(.scroll-paddings):not(
              .scroll-paddings-no-scroll
            ) {
  padding-top: var(--container-slot-pad-top, 0);
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.container-v2.padding-xs.svelte-1n1joju {
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
  padding-left: var(--container-pad-x, var(--spacing-xs));
  padding-right: var(--container-pad-x, var(--spacing-xs));
}
.container-v2.padding-xs.svelte-1n1joju > .top-slot-container:where(.svelte-1n1joju), .container-v2.padding-xs.svelte-1n1joju > .bottom-slot-container:where(.svelte-1n1joju), .container-v2.padding-xs.svelte-1n1joju > .main-slot-container:not(.scroll-paddings):not(
              .scroll-paddings-no-scroll
            ) {
  padding-top: var(--container-slot-pad-top, var(--spacing-xs));
  padding-right: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
  padding-left: var(--spacing-xs);
}
.container-v2.padding-s.svelte-1n1joju {
  padding-top: var(--spacing-s);
  padding-bottom: var(--spacing-s);
  padding-left: var(--container-pad-x, var(--spacing-s));
  padding-right: var(--container-pad-x, var(--spacing-s));
}
.container-v2.padding-s.svelte-1n1joju > .top-slot-container:where(.svelte-1n1joju), .container-v2.padding-s.svelte-1n1joju > .bottom-slot-container:where(.svelte-1n1joju), .container-v2.padding-s.svelte-1n1joju > .main-slot-container:not(.scroll-paddings):not(
              .scroll-paddings-no-scroll
            ) {
  padding-top: var(--container-slot-pad-top, var(--spacing-s));
  padding-right: var(--spacing-s);
  padding-bottom: var(--spacing-s);
  padding-left: var(--spacing-s);
}
.container-v2.padding-m.svelte-1n1joju {
  padding-top: var(--spacing-m);
  padding-bottom: var(--spacing-m);
  padding-left: var(--container-pad-x, var(--spacing-m));
  padding-right: var(--container-pad-x, var(--spacing-m));
}
.container-v2.padding-m.svelte-1n1joju > .top-slot-container:where(.svelte-1n1joju), .container-v2.padding-m.svelte-1n1joju > .bottom-slot-container:where(.svelte-1n1joju), .container-v2.padding-m.svelte-1n1joju > .main-slot-container:not(.scroll-paddings):not(
              .scroll-paddings-no-scroll
            ) {
  padding-top: var(--container-slot-pad-top, var(--spacing-m));
  padding-right: var(--spacing-m);
  padding-bottom: var(--spacing-m);
  padding-left: var(--spacing-m);
}
.container-v2.padding-l.svelte-1n1joju {
  padding-top: var(--spacing-l);
  padding-bottom: var(--spacing-l);
  padding-left: var(--container-pad-x, var(--spacing-l));
  padding-right: var(--container-pad-x, var(--spacing-l));
}
.container-v2.padding-l.svelte-1n1joju > .top-slot-container:where(.svelte-1n1joju), .container-v2.padding-l.svelte-1n1joju > .bottom-slot-container:where(.svelte-1n1joju), .container-v2.padding-l.svelte-1n1joju > .main-slot-container:not(.scroll-paddings):not(
              .scroll-paddings-no-scroll
            ) {
  padding-top: var(--container-slot-pad-top, var(--spacing-l));
  padding-right: var(--spacing-l);
  padding-bottom: var(--spacing-l);
  padding-left: var(--spacing-l);
}
.container-v2.padding-xl.svelte-1n1joju {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
  padding-left: var(--container-pad-x, var(--spacing-xl));
  padding-right: var(--container-pad-x, var(--spacing-xl));
}
.container-v2.padding-xl.svelte-1n1joju > .top-slot-container:where(.svelte-1n1joju), .container-v2.padding-xl.svelte-1n1joju > .bottom-slot-container:where(.svelte-1n1joju), .container-v2.padding-xl.svelte-1n1joju > .main-slot-container:not(.scroll-paddings):not(
              .scroll-paddings-no-scroll
            ) {
  padding-top: var(--container-slot-pad-top, var(--spacing-xl));
  padding-right: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
  padding-left: var(--spacing-xl);
}
.container-v2.padding-12.svelte-1n1joju {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: var(--container-pad-x, 6px);
  padding-right: var(--container-pad-x, 6px);
}
.container-v2.padding-12.svelte-1n1joju > .top-slot-container:where(.svelte-1n1joju), .container-v2.padding-12.svelte-1n1joju > .bottom-slot-container:where(.svelte-1n1joju), .container-v2.padding-12.svelte-1n1joju > .main-slot-container:not(.scroll-paddings):not(
            .scroll-paddings-no-scroll
          ) {
  padding-top: var(--container-slot-pad-top, 6px);
  padding-right: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
}
.container-v2.type-borderDashed.padding-12.svelte-1n1joju {
  padding: 12px;
}
.container-v2.svelte-1n1joju .container-v2-divider {
  display: block;
  flex: none;
  align-self: stretch;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid var(--color-theme-border-02);
  background: transparent;
}
.container-v2.show-divider.svelte-1n1joju {
  --container-pad-x: 0;
  --container-slot-pad-top: var(--container-divider-gap);
}
.container-v2.show-divider.type-base.svelte-1n1joju, .container-v2.show-divider.type-modalContainer.svelte-1n1joju, .container-v2.show-divider.type-primary-10.svelte-1n1joju, .container-v2.show-divider.type-borderSolid.svelte-1n1joju, .container-v2.show-divider.type-glass.svelte-1n1joju {
  padding-left: 0;
  padding-right: 0;
}
.container-v2.show-divider.svelte-1n1joju > .main-slot-container {
  padding-top: var(--container-divider-gap);
}
.container-v2.svelte-1n1joju .wizard-content {
  padding: var(--spacing-l);
}.controls-container.svelte-6r4xba {
  position: relative;
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  gap: 2px;
}
.controls-container.vertical.svelte-6r4xba {
  grid-auto-flow: row;
}
.controls-container.vertical.svelte-6r4xba .container:where(.svelte-6r4xba):first-of-type {
  border-top-left-radius: var(--radius-theme-md);
  border-top-right-radius: var(--radius-theme-md);
}
.controls-container.vertical.svelte-6r4xba .container:where(.svelte-6r4xba):last-of-type {
  border-bottom-left-radius: var(--radius-theme-md);
  border-bottom-right-radius: var(--radius-theme-md);
}
.controls-container.svelte-6r4xba:not(.vertical) .container:where(.svelte-6r4xba):first-of-type {
  border-top-left-radius: var(--radius-theme-md);
  border-bottom-left-radius: var(--radius-theme-md);
}
.controls-container.svelte-6r4xba:not(.vertical) .container:where(.svelte-6r4xba):last-of-type {
  border-top-right-radius: var(--radius-theme-md);
  border-bottom-right-radius: var(--radius-theme-md);
}
.controls-container.svelte-6r4xba .container:where(.svelte-6r4xba) {
  position: relative;
  width: 100%;
  max-width: 100%;
  text-align: center;
  color: var(--color-theme-text);
}
.controls-container.svelte-6r4xba .container.size-s:where(.svelte-6r4xba) {
  padding: 8px;
}
.controls-container.svelte-6r4xba .container.size-m:where(.svelte-6r4xba) {
  padding: 16px;
}
.controls-container.svelte-6r4xba .container.size-l:where(.svelte-6r4xba) {
  padding: 24px;
}
.controls-container.svelte-6r4xba .container.fill-space:where(.svelte-6r4xba) {
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.controls-container.svelte-6r4xba .container.smaller-scroll:where(.svelte-6r4xba) {
  display: flex;
  flex-direction: column;
  max-height: var(--max-heigth-scroll-container);
}
.controls-container.color-2.svelte-6r4xba .container:where(.svelte-6r4xba) {
  background-color: var(--color-theme-card-02);
}
.controls-container.color-base.svelte-6r4xba .container:where(.svelte-6r4xba) {
  background-color: var(--color-theme-bg);
}
.controls-container.color-danger-10.svelte-6r4xba .container:where(.svelte-6r4xba) {
  background-color: var(--color-theme-danger-tint);
}
.controls-container.color-danger-20.svelte-6r4xba .container:where(.svelte-6r4xba) {
  background-color: var(--color-theme-danger-tint-strong);
}
.controls-container.color-0.svelte-6r4xba .container:where(.svelte-6r4xba) {
  background-color: var(--color-theme-card-01);
}
.controls-container.color-1.svelte-6r4xba .container:where(.svelte-6r4xba) {
  background-color: var(--color-theme-card);
}
.controls-container.edit-mode.svelte-6r4xba .actions-wrapper:where(.svelte-6r4xba) {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
}
.controls-container.edit-mode.svelte-6r4xba .actions-wrapper:where(.svelte-6r4xba) .actions-container {
  width: 100%;
  justify-content: center;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.controls-container.edit-mode.svelte-6r4xba::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--color-theme-accent);
  opacity: 0.1;
  pointer-events: none;
  border-radius: var(--radius-theme-md);
  z-index: 1;
}
.controls-container.edit-mode.svelte-6r4xba > *:not(.actions-wrapper) {
  position: relative;
  z-index: 1;
}
.controls-container.svelte-6r4xba .top-right-slot-container:where(.svelte-6r4xba) {
  display: flex;
  position: absolute;
  right: 8px;
  top: 8px;
  min-height: 16px;
  z-index: 10;
}
.controls-container.svelte-6r4xba .top-right-slot-container:where(.svelte-6r4xba) .iconbutton {
  max-width: 100%;
}.controls-container-scroll.svelte-1ps5ed0 {
  height: 270px;
  overflow-y: auto;
}
.controls-container-scroll.scroll-visible.svelte-1ps5ed0 {
  margin-right: -11px;
  padding-right: 5px;
}
.controls-container-scroll.smaller-scroll.svelte-1ps5ed0 {
  height: 100%;
  padding-right: 4px;
  margin-right: -4px;
}.wall-icon-grid {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--wall-color-white);
  flex-shrink: 0;
  user-select: none;
}
.wall-icon-grid i {
  line-height: normal;
}
.wall-icon-grid.wall-icon-grid-xxl {
  width: 120px;
  height: 120px;
  font-size: 80px;
}
.wall-icon-grid.wall-icon-grid-xl {
  width: 88px;
  height: 88px;
  font-size: 60px;
}
.wall-icon-grid.wall-icon-grid-l {
  width: 56px;
  height: 56px;
  font-size: 40px;
}
.wall-icon-grid.wall-icon-grid-m {
  width: 32px;
  height: 32px;
  font-size: 24px;
}
.wall-icon-grid.wall-icon-grid-s {
  width: 28px;
  height: 28px;
  font-size: 20px;
}@keyframes svelte-1nm0kr2-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1nm0kr2-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1nm0kr2-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1nm0kr2-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1nm0kr2-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.wall-label-container.svelte-1nm0kr2 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: var(--wall-color-1);
  border-radius: var(--wall-radius-big);
  overflow: hidden;
}
.wall-label-container.svelte-1nm0kr2 .label:where(.svelte-1nm0kr2) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: var(--wall-color-1);
  border-radius: var(--wall-radius-big);
  width: 100%;
}
.wall-label-container.svelte-1nm0kr2 .label:where(.svelte-1nm0kr2) .label-value-container:where(.svelte-1nm0kr2) {
  max-width: 100%;
  overflow: hidden;
  text-align: center;
}
.wall-label-container.label-s.svelte-1nm0kr2 {
  padding: 2px;
  min-height: 32px;
}
.wall-label-container.label-s.svelte-1nm0kr2 .label:where(.svelte-1nm0kr2) {
  padding: 0px 8px;
  min-height: 28px;
}
.wall-label-container.label-m.svelte-1nm0kr2 {
  padding: 4px;
  min-height: 44px;
}
.wall-label-container.label-m.svelte-1nm0kr2 .label:where(.svelte-1nm0kr2) {
  padding: 4px 12px;
  min-height: 36px;
}
.wall-label-container.label-l.svelte-1nm0kr2 {
  padding: 4px;
  min-height: 56px;
  border-radius: var(--wall-radius-extra-big);
}
.wall-label-container.label-l.svelte-1nm0kr2 .label:where(.svelte-1nm0kr2) {
  padding: 8px 12px;
  min-height: 48px;
}.wizard-wrapper.svelte-erg736 {
  display: flex;
  flex-direction: column;
}
.wizard-wrapper.svelte-erg736 .wizard-container:where(.svelte-erg736) {
  display: flex;
  flex: auto;
  padding: 16px;
  margin: -16px;
  overflow-x: auto;
  flex-direction: column;
  max-width: calc(100% + 32px);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.wizard-wrapper.svelte-erg736 .wizard-container:where(.svelte-erg736)::-webkit-scrollbar {
  display: none;
}
.wizard-wrapper.svelte-erg736 .wizard-container:where(.svelte-erg736) .wizard-items-container:where(.svelte-erg736) {
  display: flex;
}
.wizard-wrapper.svelte-erg736 .wizard-container.scrollable:where(.svelte-erg736) {
  max-width: calc(100% + 16px);
  transition: margin-right 0.2s ease-in-out;
}
.wizard-wrapper.svelte-erg736 .wizard-container.scrollable.scrolling:where(.svelte-erg736) {
  padding-left: 0;
  margin-left: 0;
  padding-right: 0;
  margin-right: 0;
}
.wizard-wrapper.svelte-erg736 .wizard-container.scrollable.scrolling:where(.svelte-erg736) :where(.svelte-erg736)::after {
  content: "";
  padding-right: 16px;
}
.wizard-wrapper.svelte-erg736 .wizard-container.scrollable.scrolled-right:where(.svelte-erg736) {
  transition: none;
  margin-right: -16px;
}
.wizard-wrapper.svelte-erg736 .wizard-items-mobile-title:where(.svelte-erg736) {
  display: none;
}

@media screen and (max-width: 639px) {
  .wizard-wrapper.svelte-erg736 .wizard-items-mobile-title:where(.svelte-erg736) {
    display: flex;
    margin-top: 16px;
  }
}@keyframes svelte-od22ya-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-od22ya-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-od22ya-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-od22ya-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-od22ya-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.wizard-item.svelte-od22ya {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  position: relative;
  padding: 0px 8px 14px 8px;
  flex: auto;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: transparent !important;
}
.wizard-item.svelte-od22ya:disabled {
  cursor: not-allowed;
}
.wizard-item.disabled.svelte-od22ya {
  cursor: not-allowed;
}
.wizard-item.svelte-od22ya:before, .wizard-item.svelte-od22ya:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 6px;
  border-radius: var(--radius-theme-sm);
  pointer-events: none;
}
.wizard-item.svelte-od22ya::before {
  width: 100%;
  background: var(--color-theme-control-track);
}
.wizard-item.svelte-od22ya:after {
  background: var(--color-theme-accent);
  width: 0;
}
.wizard-item.active.svelte-od22ya::after {
  width: 100%;
  transition: width 0.2s ease-in;
  box-shadow: var(--shadow-theme-glow-soft);
}
.wizard-item.disabled.svelte-od22ya .wizard-item-title, .wizard-item.svelte-od22ya:disabled .wizard-item-title {
  color: var(--color-theme-text-tertiary);
}
.wizard-item.disabled.svelte-od22ya::before, .wizard-item.disabled.svelte-od22ya::after, .wizard-item.svelte-od22ya:disabled::before, .wizard-item.svelte-od22ya:disabled::after {
  background: var(--color-theme-border-03);
  box-shadow: none;
}
.wizard-item.bg-color-2.svelte-od22ya::before {
  background: var(--color-theme-control-track);
  box-shadow: none;
}
.wizard-item.wizard-item-show-more.svelte-od22ya {
  min-width: 32px;
}
.wizard-item.svelte-od22ya .more-dots:where(.svelte-od22ya) {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100%;
}
.wizard-item.svelte-od22ya .more-dots:where(.svelte-od22ya) span:where(.svelte-od22ya) {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-theme-fg);
  margin-right: 4px;
}
.wizard-item.svelte-od22ya .more-dots:where(.svelte-od22ya) span:where(.svelte-od22ya):last-of-type {
  margin-right: 0;
}

.tooltip-element.wizard-item-tooltip {
  display: flex;
  flex: auto;
  flex-shrink: 0;
  margin-right: 8px;
}
.tooltip-element.wizard-item-tooltip:last-of-type {
  margin-right: 0;
}

@media screen and (max-width: 639px) {
  .wizard-item.svelte-od22ya {
    padding-bottom: 6px;
  }
  .wizard-item.svelte-od22ya .wizard-item-title {
    display: none;
  }
}.wizard-container.svelte-1o7r1o0 {
  overflow: hidden;
  position: relative;
  left: 0;
  top: 0;
  transition: height 0.5s ease-in-out;
}
.wizard-container.svelte-1o7r1o0 .wizard-content-items:where(.svelte-1o7r1o0) {
  display: flex;
  gap: 16px;
  height: 100%;
}
.wizard-container.svelte-1o7r1o0 .wizard-content-items.slide-transition:where(.svelte-1o7r1o0) {
  transition: all 0.5s ease-in-out;
}.wizard-content.svelte-1ewvhyc {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  width: 100%;
  flex-shrink: 0;
}
.wizard-content.full-height.svelte-1ewvhyc {
  height: 100%;
}
.wizard-content.scroll-paddings.svelte-1ewvhyc {
  padding: 0px 15px;
}
@media screen and (max-width: 639px) {
  .wizard-content.scroll-paddings.svelte-1ewvhyc {
    padding-left: 10px;
    padding-right: 11px;
  }
}@keyframes svelte-1hswflo-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1hswflo-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1hswflo-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1hswflo-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1hswflo-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.image-group.svelte-1hswflo {
  --grid-columns: auto-fill;
  display: grid;
  grid-gap: 16px;
  row-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(var(--grid-columns), minmax(64px, max-content));
  width: 100%;
  min-height: 64px;
}
.image-group.svelte-1hswflo .btn-img-select:where(.svelte-1hswflo),
.image-group.svelte-1hswflo .btn-img-more:where(.svelte-1hswflo) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  flex-shrink: 0;
  overflow: hidden;
}
.image-group.svelte-1hswflo .btn-img-select:where(.svelte-1hswflo):disabled,
.image-group.svelte-1hswflo .btn-img-more:where(.svelte-1hswflo):disabled {
  cursor: not-allowed;
}
.image-group.svelte-1hswflo .btn-img-select:where(.svelte-1hswflo):before,
.image-group.svelte-1hswflo .btn-img-more:where(.svelte-1hswflo):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 50%;
  border: 2px solid var(--color-theme-accent);
  pointer-events: none;
  opacity: 0;
  z-index: 1;
}
.image-group.svelte-1hswflo .btn-img-select:where(.svelte-1hswflo):hover::before,
.image-group.svelte-1hswflo .btn-img-more:where(.svelte-1hswflo):hover::before {
  opacity: 1;
}
.image-group.svelte-1hswflo .img-wrapper:where(.svelte-1hswflo) {
  position: relative;
  width: 64px;
  height: 64px;
  flex-shrink: 0;
}
.image-group.svelte-1hswflo .img-wrapper:where(.svelte-1hswflo) .selected-tag:where(.svelte-1hswflo) {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-theme-accent);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 1;
}
.image-group.svelte-1hswflo .btn-img-select:where(.svelte-1hswflo) {
  background: var(--color-theme-card-01);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.image-group.svelte-1hswflo .btn-img-select.selected:where(.svelte-1hswflo) {
  box-shadow: var(--shadow-theme-glow-soft);
}
.image-group.svelte-1hswflo .btn-img-select.selected:where(.svelte-1hswflo)::before {
  opacity: 1;
}
.image-group.svelte-1hswflo .btn-img-select.selected:where(.svelte-1hswflo):after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-theme-accent);
  opacity: 0.1;
  pointer-events: none;
  left: 0;
  top: 0;
}
.image-group.svelte-1hswflo .btn-img-select.color-swatch:where(.svelte-1hswflo) {
  box-shadow: inset 0 0 0 1px var(--color-theme-card-02);
}
.image-group.svelte-1hswflo .btn-img-select:where(.svelte-1hswflo) .img-content:where(.svelte-1hswflo) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-group.svelte-1hswflo .btn-img-more:where(.svelte-1hswflo) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-theme-accent-text);
  background: var(--color-theme-card-01);
  box-shadow: inset 0 0 0 1px var(--color-theme-card-02);
}
.image-group.tiles.svelte-1hswflo {
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  grid-gap: var(--spacing-m);
  min-height: 92px;
}
.image-group.tiles.svelte-1hswflo .img-wrapper:where(.svelte-1hswflo),
.image-group.tiles.svelte-1hswflo .btn-img-select:where(.svelte-1hswflo) {
  width: 100%;
  height: 92px;
  border-radius: var(--radius-theme-md, var(--radius-small));
}
.image-group.tiles.svelte-1hswflo .btn-img-select:where(.svelte-1hswflo):before {
  border-radius: var(--radius-theme-md, var(--radius-small));
  border-color: var(--color-theme-accent);
}
.image-group.tiles.svelte-1hswflo .btn-img-select.selected:where(.svelte-1hswflo) {
  box-shadow: unset;
}
.image-group.tiles.svelte-1hswflo .btn-img-select:where(.svelte-1hswflo) .img-content:where(.svelte-1hswflo) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-group.tiles.svelte-1hswflo .img-wrapper:where(.svelte-1hswflo) .selected-tag:where(.svelte-1hswflo) {
  top: var(--spacing-s-plus);
  right: var(--spacing-s-plus);
  background: var(--color-theme-accent);
  color: var(--color-theme-text-on-accent);
}

.btn-img-more-label.svelte-1hswflo {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  margin-top: var(--spacing-s);
  padding: 0;
  color: var(--color-theme-accent-text, var(--color-theme-accent));
  font-size: 14px;
  line-height: 17px;
  cursor: pointer;
  text-align: left;
}
.btn-img-more-label.svelte-1hswflo:disabled {
  cursor: not-allowed;
}

@media (hover: none) {
  .image-group.svelte-1hswflo .btn-img-select:where(.svelte-1hswflo),
  .image-group.svelte-1hswflo .btn-img-more:where(.svelte-1hswflo) {
    pointer-events: none;
    animation: svelte-1hswflo-enablePointerEvents 100ms forwards;
  }
  @keyframes svelte-1hswflo-enablePointerEvents {
    to {
      pointer-events: auto;
    }
  }
}.image-upload.svelte-155ip2h {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
.image-upload.type-circle.svelte-155ip2h {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--color-theme-accent-tint);
}
.image-upload.type-circle.svelte-155ip2h:before {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 50%;
  border: 2px solid var(--color-theme-accent);
  pointer-events: none;
  opacity: 0;
}
.image-upload.type-button.svelte-155ip2h {
  height: 32px;
  align-self: center;
}
.image-upload.type-button.svelte-155ip2h .file-upload:where(.svelte-155ip2h) {
  position: absolute;
  left: 0;
  top: 0;
}
.image-upload.type-edit.svelte-155ip2h {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-s);
  width: min-content;
  max-width: 100%;
}
.image-upload.type-edit.svelte-155ip2h .file-upload:where(.svelte-155ip2h) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 32px;
}
.image-upload.type-edit.svelte-155ip2h .button.primary.hover:not(.disabled-overlay) {
  box-shadow: 0 0 0 2px var(--color-theme-fg-02) inset;
  background-image: none;
}
.image-upload.type-edit.svelte-155ip2h .button.secondary.hover:not(.disabled-overlay) {
  background-color: var(--color-theme-accent-tint);
}
.image-upload.type-preview.svelte-155ip2h {
  align-self: center;
}
.image-upload.type-preview.svelte-155ip2h .icon-wrapper:where(.svelte-155ip2h) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  background-color: var(--color-theme-card-01);
  border-radius: 50%;
}
.image-upload.type-preview.svelte-155ip2h .file-upload:where(.svelte-155ip2h) {
  position: absolute;
  right: 0;
  top: 16px;
  width: 147px;
  height: 32px;
}
.image-upload.type-preview.svelte-155ip2h .button.primary.hover:not(.disabled-overlay) {
  box-shadow: 0 0 0 2px var(--color-theme-fg-02) inset;
  background-image: none;
}
.image-upload.type-preview.svelte-155ip2h .button.secondary.hover:not(.disabled-overlay) {
  background-color: var(--color-theme-accent-tint);
}
.image-upload.svelte-155ip2h:hover:not(.type-preview, .type-edit)::before {
  opacity: 1;
}
.image-upload.svelte-155ip2h:hover:not(.type-preview, .type-edit) .button.primary:not(.disabled-overlay) {
  box-shadow: 0 0 0 2px var(--color-theme-fg-02) inset;
  background-image: none;
}
.image-upload.svelte-155ip2h:hover:not(.type-preview, .type-edit) .button.secondary:not(.disabled-overlay) {
  background-color: var(--color-theme-accent-tint);
}
.image-upload.disabled.type-circle.svelte-155ip2h {
  background: var(--color-theme-card) !important;
}
.image-upload.disabled.type-circle.svelte-155ip2h:hover::before {
  opacity: 0;
}
.image-upload.disabled.svelte-155ip2h .file-upload:where(.svelte-155ip2h) {
  cursor: not-allowed;
}
.image-upload.svelte-155ip2h .image-dash:where(.svelte-155ip2h),
.image-upload.svelte-155ip2h .image-upload-icon {
  position: absolute;
  pointer-events: none;
}
.image-upload.svelte-155ip2h .image-dash:where(.svelte-155ip2h) {
  width: 100%;
  height: 100%;
}
.image-upload.svelte-155ip2h .file-upload:where(.svelte-155ip2h) {
  width: 100%;
  height: 100%;
  opacity: 0;
  font-size: 0px;
  cursor: pointer;
}
.image-upload.svelte-155ip2h :where(.svelte-155ip2h)::-webkit-file-upload-button {
  cursor: pointer;
}
.image-upload.svelte-155ip2h input[type=file]:where(.svelte-155ip2h) {
  cursor: pointer;
}.badge.svelte-55wtbi {
  position: absolute;
  display: flex;
  max-width: 100%;
  transition: all 0.1s ease-in-out;
  z-index: 2;
}
.badge.svelte-55wtbi .label {
  width: 100%;
}
.badge.badge-left.svelte-55wtbi {
  left: 0;
}
.badge.badge-right.svelte-55wtbi {
  right: 0;
}
.badge.aligned-top.svelte-55wtbi {
  top: 0;
}
.badge.aligned-bottom.svelte-55wtbi {
  bottom: 0;
}@keyframes svelte-153cp43-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-153cp43-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-153cp43-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-153cp43-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-153cp43-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.select-card-container.svelte-153cp43 {
  display: flex;
  width: 202px;
  flex-direction: column;
}
.select-card-container.size-s.svelte-153cp43 {
  display: inline-flex;
  width: auto;
}
.select-card-container.size-s.svelte-153cp43 .select-card:where(.svelte-153cp43) {
  padding: 8px 12px;
}
.select-card-container.svelte-153cp43 .select-card:where(.svelte-153cp43) {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: var(--radius-theme-md);
  background: var(--color-theme-card-02);
  color: var(--color-theme-text);
  cursor: pointer;
  overflow: hidden;
  padding: var(--spacing-s);
  width: 100%;
  height: 100%;
}
.select-card-container.svelte-153cp43 .select-card.vertical:where(.svelte-153cp43) {
  flex-direction: column;
  justify-content: space-between;
}
.select-card-container.svelte-153cp43 .select-card.vertical:where(.svelte-153cp43) .select-card-top:where(.svelte-153cp43) {
  flex-direction: column;
}
.select-card-container.svelte-153cp43 .select-card.horizontal:where(.svelte-153cp43) {
  min-height: 48px;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.select-card-container.svelte-153cp43 .select-card.horizontal.bigger-horizontal-padding:where(.svelte-153cp43) {
  padding: 12px;
}
.select-card-container.svelte-153cp43 .select-card.horizontal:where(.svelte-153cp43) .select-card-top:where(.svelte-153cp43) {
  align-items: center;
}
.select-card-container.svelte-153cp43 .select-card.disabled:where(.svelte-153cp43) {
  background: var(--color-theme-card-01);
  color: var(--color-theme-text-disabled);
  cursor: not-allowed;
}
.select-card-container.svelte-153cp43 .select-card.bg-color-1:where(.svelte-153cp43) {
  background: var(--color-theme-card-02) !important;
}
.select-card-container.svelte-153cp43 .select-card.bg-color-1.disabled:where(.svelte-153cp43) {
  background: var(--color-theme-card-01) !important;
}
.select-card-container.svelte-153cp43 .select-card.bg-color-2:where(.svelte-153cp43) {
  background: var(--color-theme-card-01) !important;
}
.select-card-container.svelte-153cp43 .select-card.bg-color-2.disabled:where(.svelte-153cp43) {
  background: var(--color-theme-card) !important;
}
.select-card-container.svelte-153cp43 .select-card:where(.svelte-153cp43):before {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid transparent;
  border-radius: var(--radius-theme-md);
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 3;
}
@media (hover: hover) and (pointer: fine) {
  .select-card-container.svelte-153cp43 .select-card:where(.svelte-153cp43):hover:not(.disabled) {
    border-color: var(--color-theme-accent);
  }
}
.select-card-container.svelte-153cp43 .select-card.selected:where(.svelte-153cp43):not(.disabled):before {
  border-color: var(--color-theme-accent);
}
.select-card-container.svelte-153cp43 .select-card.selected:where(.svelte-153cp43):not(.disabled) {
  box-shadow: var(--shadow-theme-glow-soft);
}
.select-card-container.svelte-153cp43 .select-card:where(.svelte-153cp43) .select-card-top:where(.svelte-153cp43) {
  display: flex;
  align-items: center;
}
.select-card-container.svelte-153cp43 .select-card.custom-action:where(.svelte-153cp43) {
  cursor: default;
}
.select-card-container.svelte-153cp43 .select-card.custom-action:where(.svelte-153cp43):hover::before {
  display: none;
}
.select-card-container.svelte-153cp43 .select-card:where(.svelte-153cp43) .custom-action-wrapper.min-height:where(.svelte-153cp43) {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 32px;
}
.select-card-container.svelte-153cp43 .select-card:where(.svelte-153cp43) .select-card-descriptive:where(.svelte-153cp43) {
  color: var(--color-theme-text-sec);
}
.select-card-container.svelte-153cp43 .select-card.disabled:where(.svelte-153cp43) .select-card-descriptive:where(.svelte-153cp43) {
  color: inherit;
}
.select-card-container.svelte-153cp43 .select-card:where(.svelte-153cp43) .select-card-action:where(.svelte-153cp43) {
  color: inherit;
}
.select-card-container.svelte-153cp43 .select-card:where(.svelte-153cp43) .select-card-action.is-selected:where(.svelte-153cp43) {
  color: var(--color-theme-accent-text);
}
.select-card-container.svelte-153cp43 .validation-text.validation-text-m:where(.svelte-153cp43) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  margin-top: var(--spacing-xxs);
  margin-left: 0;
  color: var(--color-theme-danger);
}
.select-card-container.svelte-153cp43 .validation-text.validation-text-l:where(.svelte-153cp43) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  margin-top: var(--spacing-xxs);
  margin-left: 0;
  color: var(--color-theme-danger);
}
.select-card-container.svelte-153cp43 .validation-text.is-disabled:where(.svelte-153cp43) {
  color: var(--color-theme-text-sec);
}
.select-card-container.svelte-153cp43 .info-text.validation-text-m:where(.svelte-153cp43), .select-card-container.svelte-153cp43 .info-text.validation-text-l:where(.svelte-153cp43) {
  color: var(--color-theme-text);
}@keyframes svelte-1xjotl0-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1xjotl0-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1xjotl0-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1xjotl0-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1xjotl0-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.select-card-v2-container.svelte-1xjotl0 {
  display: flex;
  width: 202px;
  flex-direction: column;
}
.select-card-v2-container.size-s.svelte-1xjotl0 {
  display: inline-flex;
  width: auto;
}
.select-card-v2-container.size-s.svelte-1xjotl0 .select-card-v2:where(.svelte-1xjotl0) {
  padding: 8px 12px;
}
.select-card-v2-container.svelte-1xjotl0 .select-card-v2:where(.svelte-1xjotl0) {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: var(--radius-theme-md);
  background: var(--color-theme-card-01);
  color: var(--color-theme-text);
  cursor: pointer;
  overflow: hidden;
  padding: var(--spacing-s);
  width: 100%;
  height: 100%;
}
.select-card-v2-container.svelte-1xjotl0 .select-card-v2.vertical:where(.svelte-1xjotl0) {
  flex-direction: column;
  justify-content: space-between;
}
.select-card-v2-container.svelte-1xjotl0 .select-card-v2.vertical:where(.svelte-1xjotl0) .select-card-v2-top:where(.svelte-1xjotl0) {
  flex-direction: column;
}
.select-card-v2-container.svelte-1xjotl0 .select-card-v2.horizontal:where(.svelte-1xjotl0) {
  min-height: 48px;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.select-card-v2-container.svelte-1xjotl0 .select-card-v2.horizontal.bigger-horizontal-padding:where(.svelte-1xjotl0) {
  padding: 12px;
}
.select-card-v2-container.svelte-1xjotl0 .select-card-v2.horizontal:where(.svelte-1xjotl0) .select-card-v2-top:where(.svelte-1xjotl0) {
  align-items: center;
}
.select-card-v2-container.svelte-1xjotl0 .select-card-v2.disabled:where(.svelte-1xjotl0) {
  background: var(--color-theme-card-01);
  color: var(--color-theme-text-disabled);
  cursor: not-allowed;
}
.select-card-v2-container.svelte-1xjotl0 .select-card-v2:where(.svelte-1xjotl0):before {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid transparent;
  border-radius: var(--radius-theme-md);
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 3;
}
@media (hover: hover) and (pointer: fine) {
  .select-card-v2-container.svelte-1xjotl0 .select-card-v2:where(.svelte-1xjotl0):hover:not(.disabled) {
    border-color: var(--color-theme-fg);
  }
}
.select-card-v2-container.svelte-1xjotl0 .select-card-v2.selected:where(.svelte-1xjotl0):not(.disabled):before {
  border-color: var(--color-theme-fg);
}
.select-card-v2-container.svelte-1xjotl0 .select-card-v2.selected:where(.svelte-1xjotl0):not(.disabled) {
  box-shadow: var(--shadow-theme-glow-soft);
}
.select-card-v2-container.svelte-1xjotl0 .select-card-v2:where(.svelte-1xjotl0) .select-card-v2-top:where(.svelte-1xjotl0) {
  display: flex;
  align-items: center;
}
.select-card-v2-container.svelte-1xjotl0 .select-card-v2.custom-action:where(.svelte-1xjotl0) {
  cursor: default;
}
.select-card-v2-container.svelte-1xjotl0 .select-card-v2.custom-action:where(.svelte-1xjotl0):hover::before {
  display: none;
}
.select-card-v2-container.svelte-1xjotl0 .select-card-v2:where(.svelte-1xjotl0) .custom-action-wrapper.min-height:where(.svelte-1xjotl0) {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 32px;
}
.select-card-v2-container.svelte-1xjotl0 .select-card-v2:where(.svelte-1xjotl0) .select-card-v2-descriptive:where(.svelte-1xjotl0) {
  color: var(--color-theme-text-sec);
}
.select-card-v2-container.svelte-1xjotl0 .select-card-v2.disabled:where(.svelte-1xjotl0) .select-card-v2-descriptive:where(.svelte-1xjotl0) {
  color: inherit;
}
.select-card-v2-container.svelte-1xjotl0 .select-card-v2:where(.svelte-1xjotl0) .title-highlight {
  color: var(--color-theme-text-inverse);
  background-color: var(--color-theme-fg);
}
.select-card-v2-container.svelte-1xjotl0 .validation-text.validation-text-m:where(.svelte-1xjotl0) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  margin-top: var(--spacing-xxs);
  margin-left: 0;
  color: var(--color-theme-danger);
}
.select-card-v2-container.svelte-1xjotl0 .validation-text.validation-text-l:where(.svelte-1xjotl0) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  margin-top: var(--spacing-xxs);
  margin-left: 0;
  color: var(--color-theme-danger);
}
.select-card-v2-container.svelte-1xjotl0 .validation-text.is-disabled:where(.svelte-1xjotl0) {
  color: var(--color-theme-text-sec);
}
.select-card-v2-container.svelte-1xjotl0 .info-text.validation-text-m:where(.svelte-1xjotl0), .select-card-v2-container.svelte-1xjotl0 .info-text.validation-text-l:where(.svelte-1xjotl0) {
  color: var(--color-theme-text);
}.preview-highlight-container.svelte-1ft9kjq {
  position: relative;
  display: flex;
  max-width: 100%;
  padding: 2px;
  border: 2px dashed var(--color-theme-accent);
  border-radius: var(--radius-theme-sm);
}@keyframes svelte-q7fjks-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-q7fjks-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-q7fjks-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-q7fjks-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-q7fjks-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.advanced-card.svelte-q7fjks {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  min-height: 64px;
  background-color: var(--surface-glass-fallback-bg);
  border-radius: var(--radius-theme-md);
  box-shadow: inset 0 0 0 1px var(--surface-glass-border-color);
  transform: translate3d(0, 0, 0);
  outline: none;
  align-items: stretch;
}
@supports (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)) {
  .advanced-card.svelte-q7fjks {
    background-color: var(--surface-glass-bg);
    -webkit-backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
    backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
  }
}
.advanced-card.condensed.svelte-q7fjks {
  min-height: 50px;
}
.advanced-card.focusable.svelte-q7fjks {
  cursor: pointer;
}
.advanced-card.selected.svelte-q7fjks, .advanced-card.focusable.svelte-q7fjks:focus:not(:focus-visible) {
  box-shadow: var(--shadow-theme-glow-strong);
}
.advanced-card.selected.svelte-q7fjks::after, .advanced-card.focusable.svelte-q7fjks:focus:not(:focus-visible)::after {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-theme-accent);
  border-radius: var(--radius-theme-md);
  left: 0;
  top: 0;
  z-index: 2;
  pointer-events: none;
}
.advanced-card.svelte-q7fjks:focus-visible::after {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-theme-accent);
  border-radius: var(--radius-theme-md);
  left: 0;
  top: 0;
  z-index: 2;
  pointer-events: none;
}
.advanced-card.edit-mode.svelte-q7fjks {
  cursor: unset;
}
.advanced-card.edit-mode.status-bar.svelte-q7fjks {
  min-height: 80px;
}
.advanced-card.edit-mode.status-bar.condensed.svelte-q7fjks {
  min-height: 66px;
}
.advanced-card.edit-mode.svelte-q7fjks::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-theme-accent);
  opacity: 0.1;
  left: 0;
  top: 0;
  z-index: 1;
}
.advanced-card.edit-mode.svelte-q7fjks .main:where(.svelte-q7fjks) .edit-mode-icon {
  margin-right: 6px;
  z-index: 1;
}
.advanced-card.edit-mode.svelte-q7fjks .main:where(.svelte-q7fjks) .content:where(.svelte-q7fjks) {
  z-index: 1;
}
.advanced-card.edit-mode.svelte-q7fjks .right-slot-container:where(.svelte-q7fjks) {
  z-index: 1;
  padding: 0;
}
.advanced-card.edit-mode.svelte-q7fjks .right-slot-container:where(.svelte-q7fjks) .actions-container {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.advanced-card.preview-mode.svelte-q7fjks:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--color-primary);
  opacity: 0.1;
  z-index: 4;
}
.advanced-card.preview-mode.svelte-q7fjks .highlighted-section:where(.svelte-q7fjks) {
  z-index: 5;
}
.advanced-card.preview-mode.svelte-q7fjks .right-slot-container:where(.svelte-q7fjks) {
  pointer-events: none;
}
.advanced-card.svelte-q7fjks .main:where(.svelte-q7fjks) {
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 100%;
}
.advanced-card.svelte-q7fjks .main:where(.svelte-q7fjks) .main-slot-container-ad:where(.svelte-q7fjks) {
  position: relative;
  display: flex;
}
.advanced-card.svelte-q7fjks .left-container:where(.svelte-q7fjks) {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.advanced-card.svelte-q7fjks .left-container.left-container-bg:where(.svelte-q7fjks) {
  background: var(--color-theme-card-01);
  margin-right: 6px;
  margin-left: -6px;
  padding-left: 6px;
}
.advanced-card.svelte-q7fjks .right-slot-container:where(.svelte-q7fjks) {
  display: flex;
  flex-shrink: 0;
}
.advanced-card.svelte-q7fjks .right-slot-container:where(.svelte-q7fjks) .label.label-l {
  min-width: 56px;
}
.advanced-card.svelte-q7fjks .right-slot-container:where(.svelte-q7fjks) .label.label-m {
  min-width: 40px;
}
.advanced-card.svelte-q7fjks .main:where(.svelte-q7fjks),
.advanced-card.svelte-q7fjks .right-slot-container:where(.svelte-q7fjks),
.advanced-card.svelte-q7fjks .left-container:where(.svelte-q7fjks) {
  padding-right: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.advanced-card.svelte-q7fjks .content-container:where(.svelte-q7fjks) {
  display: flex;
  flex: 1;
  padding-left: 6px;
}
.advanced-card.svelte-q7fjks .right-badge-container:where(.svelte-q7fjks) {
  max-width: 100%;
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  min-height: 16px;
}
.advanced-card.svelte-q7fjks .right-badge-container:where(.svelte-q7fjks) .label {
  max-width: 100%;
}@property --lighting-interior-x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-interior-y {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-edge-x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-edge-y {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-interior-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 320px;
}
@property --lighting-edge-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 240px;
}
@property --lighting-interior-strength {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --lighting-edge-strength {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --lighting-edge-opacity {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@keyframes svelte-15fdaqo-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-15fdaqo-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-15fdaqo-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-15fdaqo-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-15fdaqo-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.advanced-card.svelte-15fdaqo {
  --lighting-transition-duration: 720ms;
  --lighting-transition-duration-long: 920ms;
  --lighting-transition-easing: cubic-bezier(0, 0, 0.2, 1);
  --lighting-accent-rgb: 60 203 255;
  --lighting-interior-x: 50%;
  --lighting-interior-y: 50%;
  --lighting-edge-x: 50%;
  --lighting-edge-y: 50%;
  --lighting-interior-strength: 0;
  --lighting-edge-strength: 0;
  --lighting-edge-opacity: 0;
  --lighting-interior-size: 320px;
  --lighting-edge-size: 240px;
  --lighting-edge-padding: 1px;
  --lighting-interior-blend-mode: screen;
  --lighting-edge-blend-mode: screen;
  position: relative;
  isolation: isolate;
  transition: --lighting-interior-x var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-y var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-x var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-y var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-size var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-size var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-strength var(--lighting-transition-duration) var(--lighting-transition-easing), --lighting-edge-strength var(--lighting-transition-duration) var(--lighting-transition-easing), --lighting-edge-opacity var(--lighting-transition-duration) var(--lighting-transition-easing);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  min-height: 64px;
  background-color: var(--surface-glass-fallback-bg);
  border-radius: var(--radius-theme-md);
  box-shadow: inset 0 0 0 1px var(--surface-glass-border-color);
  transform: translate3d(0, 0, 0);
  outline: none;
  align-items: stretch;
  transition: background-color var(--lighting-transition-duration) var(--lighting-transition-easing), transform 120ms ease, box-shadow 120ms ease;
  /* Long-press rearrange: keep title text from selecting / iOS callout. */
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.advanced-card.svelte-15fdaqo .widget-lighting-edge:where(.svelte-15fdaqo) {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: var(--lighting-edge-padding);
  pointer-events: none;
  background: var(--lighting-edge-background, radial-gradient(var(--lighting-edge-size) var(--lighting-edge-size) at var(--lighting-edge-x) var(--lighting-edge-y), rgb(var(--lighting-accent-rgb)/calc(var(--lighting-edge-strength) * 0.82)), rgba(255, 255, 255, calc(var(--lighting-edge-strength) * 0.3)) 18%, rgb(var(--lighting-accent-rgb)/calc(var(--lighting-edge-strength) * 0.14)) 38%, rgba(255, 255, 255, 0) 68%));
  mix-blend-mode: var(--lighting-edge-blend-mode);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: var(--lighting-edge-opacity);
  transition: opacity var(--lighting-transition-duration) var(--lighting-transition-easing);
}
.advanced-card.svelte-15fdaqo .widget-lighting-spot:where(.svelte-15fdaqo) {
  position: absolute;
  left: var(--lighting-spot-x, var(--lighting-interior-x));
  top: var(--lighting-spot-y, var(--lighting-interior-y));
  width: var(--lighting-spot-size, 0px);
  height: var(--lighting-spot-size, 0px);
  border-radius: 9999px;
  pointer-events: none;
  transform: translate(-50%, -50%);
  opacity: var(--lighting-spot-opacity, 0);
  background: var(--lighting-spot-background, radial-gradient(circle at 50% 50%, rgb(var(--lighting-accent-rgb)/calc(var(--lighting-spot-opacity, 0) * 0.5)), rgba(0, 0, 0, 0) 74%));
  transition: opacity var(--lighting-transition-duration) var(--lighting-transition-easing), transform var(--lighting-transition-duration-long) var(--lighting-transition-easing), width var(--lighting-transition-duration-long) var(--lighting-transition-easing), height var(--lighting-transition-duration-long) var(--lighting-transition-easing);
}
.advanced-card.is-revealing.svelte-15fdaqo {
  animation: svelte-15fdaqo-skeleton-reveal-surface 240ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
}
.advanced-card.is-revealing.svelte-15fdaqo [data-skeleton-reveal=lead]:where(.svelte-15fdaqo) {
  animation: svelte-15fdaqo-skeleton-reveal-layer 240ms cubic-bezier(0.22, 1, 0.36, 1) 90ms backwards;
}
.advanced-card.is-revealing.svelte-15fdaqo [data-skeleton-reveal=content]:where(.svelte-15fdaqo) {
  animation: svelte-15fdaqo-skeleton-reveal-layer 240ms cubic-bezier(0.22, 1, 0.36, 1) 180ms backwards;
}
@media (prefers-reduced-motion: reduce) {
  .advanced-card.is-revealing.svelte-15fdaqo, .advanced-card.is-revealing.svelte-15fdaqo [data-skeleton-reveal]:where(.svelte-15fdaqo) {
    animation: none;
  }
}
.advanced-card.is-skeleton.is-sheen.svelte-15fdaqo {
  position: relative;
  isolation: isolate;
  background-color: var(--color-theme-card-01);
}
.advanced-card.is-skeleton.is-sheen.svelte-15fdaqo .skeleton-bone:where(.svelte-15fdaqo) {
  background-color: color-mix(in srgb, var(--color-theme-fg) 20%, var(--color-theme-card-01));
}
.advanced-card.is-skeleton.is-sheen.svelte-15fdaqo .skeleton-bone:where(.svelte-15fdaqo)::after {
  content: none;
  animation: none;
}
.advanced-card.is-skeleton.is-sheen.svelte-15fdaqo .skeleton-bone--media:where(.svelte-15fdaqo) {
  background-color: var(--color-theme-card-02);
}
.advanced-card.is-skeleton.is-sheen.svelte-15fdaqo::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background-image: linear-gradient(104deg, transparent calc(50% - 144px), color-mix(in srgb, var(--color-theme-card) 55%, transparent) 50%, transparent calc(50% + 144px)), linear-gradient(116deg, transparent calc(50% - 72px), var(--color-theme-card) 50%, transparent calc(50% + 72px));
  background-repeat: no-repeat;
  background-size: 300vw 100vh;
  background-position-y: calc(-1 * var(--skeleton-sheen-y, 0px));
  animation: svelte-15fdaqo-skeleton-sheen 2600ms linear var(--skeleton-sheen-delay, 0ms) infinite;
}
@media (prefers-reduced-motion: reduce) {
  .advanced-card.is-skeleton.is-sheen.svelte-15fdaqo::after {
    content: none;
    animation: none;
  }
}
@supports (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)) {
  .advanced-card.svelte-15fdaqo {
    background-color: var(--surface-glass-bg);
    -webkit-backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
    backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
  }
}
.advanced-card[data-press-hold=pending].svelte-15fdaqo {
  transform: scale(1.02);
}
.advanced-card[data-press-hold=armed].svelte-15fdaqo {
  transform: scale(1.03);
  box-shadow: var(--shadow-theme-glow-soft);
  z-index: 2;
}
.advanced-card.is-lit.svelte-15fdaqo {
  background-color: var(--advanced-card-active-bg, var(--color-theme-card));
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.advanced-card.svelte-15fdaqo .widget-lighting-edge:where(.svelte-15fdaqo),
.advanced-card.svelte-15fdaqo .widget-lighting-spot:where(.svelte-15fdaqo) {
  position: absolute;
  z-index: 0;
}
.advanced-card.svelte-15fdaqo .content-container:where(.svelte-15fdaqo),
.advanced-card.svelte-15fdaqo .status-bar-container:where(.svelte-15fdaqo),
.advanced-card.svelte-15fdaqo .right-badge-container:where(.svelte-15fdaqo) {
  position: relative;
  z-index: 1;
}
.advanced-card.svelte-15fdaqo:after {
  content: "";
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid var(--color-theme-card-02);
  border-radius: var(--radius-theme-md);
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
}
.advanced-card.condensed.svelte-15fdaqo {
  min-height: 50px;
}
.advanced-card.focusable.svelte-15fdaqo {
  cursor: pointer;
}
.advanced-card.focusable.svelte-15fdaqo:focus-visible:not(.selected):not(.dnd-handle-drag) {
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-theme-accent) 30%, transparent);
}
.advanced-card.focusable.svelte-15fdaqo:focus-visible:not(.selected):not(.dnd-handle-drag):after {
  content: "";
  position: absolute;
  border: 1px solid var(--color-theme-accent);
  border-radius: var(--radius-theme-md);
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}
.advanced-card.focusable.svelte-15fdaqo:focus {
  box-shadow: var(--shadow-theme-glow-strong);
}
.advanced-card.focusable.svelte-15fdaqo:focus:after {
  content: "";
  position: absolute;
  border: 1px solid var(--color-theme-accent);
  border-radius: var(--radius-theme-md);
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-width: 2px;
}
.advanced-card.selected.svelte-15fdaqo:after {
  content: "";
  position: absolute;
  border: 1px solid var(--color-theme-accent);
  border-radius: var(--radius-theme-md);
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-width: 2px;
}
.advanced-card.selected.svelte-15fdaqo:focus-visible {
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-theme-accent) 30%, transparent);
}
.advanced-card.edit-mode.svelte-15fdaqo {
  cursor: unset;
}
@media (hover: hover) and (pointer: fine) {
  .advanced-card.edit-mode.svelte-15fdaqo:hover:after {
    content: "";
    position: absolute;
    border: 1px solid var(--color-theme-accent);
    border-radius: var(--radius-theme-md);
    left: 0;
    top: 0;
    z-index: 3;
    pointer-events: none;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-width: 2px;
  }
}
.advanced-card.edit-mode.status-bar.svelte-15fdaqo {
  min-height: 80px;
}
.advanced-card.edit-mode.status-bar.condensed.svelte-15fdaqo {
  min-height: 66px;
}
.advanced-card.edit-mode.svelte-15fdaqo::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-theme-accent);
  opacity: 0.1;
  left: 0;
  top: 0;
  z-index: 1;
}
.advanced-card.edit-mode.svelte-15fdaqo .main:where(.svelte-15fdaqo) .edit-mode-icon {
  margin-right: 6px;
  z-index: 1;
}
.advanced-card.edit-mode.svelte-15fdaqo .main:where(.svelte-15fdaqo) .content:where(.svelte-15fdaqo) {
  z-index: 1;
}
.advanced-card.edit-mode.svelte-15fdaqo .right-slot-container:where(.svelte-15fdaqo) {
  z-index: 1;
  padding: 0;
}
.advanced-card.edit-mode.svelte-15fdaqo .right-slot-container:where(.svelte-15fdaqo) .actions-container {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.advanced-card.preview-mode.svelte-15fdaqo:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--color-primary);
  opacity: 0.1;
  z-index: 4;
}
.advanced-card.preview-mode.svelte-15fdaqo .highlighted-section:where(.svelte-15fdaqo) {
  z-index: 5;
}
.advanced-card.preview-mode.svelte-15fdaqo .right-slot-container:where(.svelte-15fdaqo) {
  pointer-events: none;
}
.advanced-card.svelte-15fdaqo .main:where(.svelte-15fdaqo) {
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 100%;
}
.advanced-card.svelte-15fdaqo .main:where(.svelte-15fdaqo) .main-slot-container-ad:where(.svelte-15fdaqo) {
  position: relative;
  display: flex;
}
.advanced-card.svelte-15fdaqo .main:where(.svelte-15fdaqo) .main-slot-container-ad:where(.svelte-15fdaqo) .labels-list .label.disabled {
  background-color: var(--color-theme-card-01);
}
.advanced-card.svelte-15fdaqo .main:where(.svelte-15fdaqo) .main-slot-container-ad:where(.svelte-15fdaqo) .labels-list-v2:focus-visible {
  outline-color: var(--color-theme-accent);
  outline-offset: -1px;
}
.advanced-card.svelte-15fdaqo .left-container:where(.svelte-15fdaqo) {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.advanced-card.svelte-15fdaqo .left-container.left-container-bg:where(.svelte-15fdaqo) {
  background: var(--color-theme-bg);
  margin-right: 8px;
  margin-left: -6px;
  padding-left: 6px;
}
.advanced-card.svelte-15fdaqo .left-container.edit-mode-wrapper:where(.svelte-15fdaqo) {
  position: relative;
  display: flex;
  z-index: 3;
}
.advanced-card.svelte-15fdaqo .left-container.edit-mode-wrapper:where(.svelte-15fdaqo) .circle-avatar::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-theme-accent);
  opacity: 0.1;
  left: 0;
  top: 0;
  z-index: 1;
  border-radius: inherit;
}
.advanced-card.svelte-15fdaqo .left-container.edit-mode-wrapper:where(.svelte-15fdaqo) .edit-mode-dots-container:where(.svelte-15fdaqo) {
  display: flex;
  align-items: center;
  background: var(--color-theme-bg);
  margin-right: 6px;
  padding: 0 4px;
  height: calc(100% + 8px);
  margin-left: -6px;
}
.advanced-card.svelte-15fdaqo .left-container.edit-mode-wrapper:where(.svelte-15fdaqo) .edit-mode-dots-container.has-action:where(.svelte-15fdaqo) {
  padding: 0 8px;
}
.advanced-card.svelte-15fdaqo .left-container.edit-mode-wrapper:where(.svelte-15fdaqo) .edit-mode-dots-container.dnd-grip-handle:where(.svelte-15fdaqo) {
  cursor: grab;
  touch-action: none;
}
.advanced-card.svelte-15fdaqo .right-slot-container:where(.svelte-15fdaqo) {
  display: flex;
  flex-shrink: 0;
}
.advanced-card.svelte-15fdaqo .right-slot-container:where(.svelte-15fdaqo) .label.label-l {
  min-width: 56px;
}
.advanced-card.svelte-15fdaqo .right-slot-container:where(.svelte-15fdaqo) .label.label-m {
  min-width: 40px;
}
.advanced-card.svelte-15fdaqo .right-slot-container:where(.svelte-15fdaqo) .device-button-v2 {
  z-index: 3;
}
.advanced-card.svelte-15fdaqo .main:where(.svelte-15fdaqo),
.advanced-card.svelte-15fdaqo .right-slot-container:where(.svelte-15fdaqo),
.advanced-card.svelte-15fdaqo .left-container:where(.svelte-15fdaqo) {
  padding-right: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.advanced-card.svelte-15fdaqo .left-container:where(.svelte-15fdaqo) {
  padding-right: 8px;
}
.advanced-card.svelte-15fdaqo .right-slot-container:where(.svelte-15fdaqo) {
  margin-left: 2px;
}
.advanced-card.svelte-15fdaqo .content-container:where(.svelte-15fdaqo) {
  display: flex;
  flex: 1;
  padding-left: 6px;
}
.advanced-card.svelte-15fdaqo .right-badge-container:where(.svelte-15fdaqo) {
  max-width: 100%;
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  min-height: 16px;
}
.advanced-card.svelte-15fdaqo .right-badge-container:where(.svelte-15fdaqo) .label {
  max-width: 100%;
}
.advanced-card.is-skeleton.svelte-15fdaqo {
  pointer-events: none;
  cursor: default;
  user-select: none;
  background-color: var(--color-theme-card);
  background-image: none !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: inset 0 0 0 1px var(--color-theme-card-02);
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone:where(.svelte-15fdaqo) {
  display: block;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  background-color: var(--color-theme-border-03);
  pointer-events: none;
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone:where(.svelte-15fdaqo)::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent 0%, var(--color-theme-fg-20) 45%, transparent 100%);
  animation: svelte-15fdaqo-skeleton-shimmer 2.4s ease-in-out infinite;
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone--circle:where(.svelte-15fdaqo) {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone--circle-l:where(.svelte-15fdaqo) {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone--control:where(.svelte-15fdaqo) {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone--line:where(.svelte-15fdaqo) {
  height: 12px;
  border-radius: var(--radius-theme-pill);
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone--line-sm:where(.svelte-15fdaqo) {
  height: 10px;
  border-radius: var(--radius-theme-pill);
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone--title:where(.svelte-15fdaqo) {
  width: 58%;
  max-width: 100%;
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone--pill:where(.svelte-15fdaqo) {
  width: 44px;
  height: 28px;
  border-radius: var(--radius-theme-pill);
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone--chip:where(.svelte-15fdaqo) {
  width: 56px;
  height: 22px;
  border-radius: var(--radius-theme-pill);
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone--chip-sm:where(.svelte-15fdaqo) {
  width: 40px;
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone--chip-lg:where(.svelte-15fdaqo) {
  width: 72px;
  height: 28px;
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone--indicator:where(.svelte-15fdaqo) {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone--chevron:where(.svelte-15fdaqo) {
  width: 16px;
  height: 16px;
  border-radius: var(--radius-theme-xs);
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone--w-35:where(.svelte-15fdaqo) {
  width: 35%;
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone--w-40:where(.svelte-15fdaqo) {
  width: 40%;
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone--w-55:where(.svelte-15fdaqo) {
  width: 55%;
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone--w-70:where(.svelte-15fdaqo) {
  width: 70%;
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone--w-85:where(.svelte-15fdaqo) {
  width: 85%;
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone--thumb:where(.svelte-15fdaqo) {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-theme-sm);
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone--media:where(.svelte-15fdaqo) {
  width: 100%;
  height: 100%;
  border-radius: 0;
  background-color: var(--color-theme-card-02);
}
.advanced-card.is-skeleton.svelte-15fdaqo .skeleton-bone--media:where(.svelte-15fdaqo)::after {
  content: none;
  animation: none;
}
.advanced-card.is-skeleton.svelte-15fdaqo:nth-child(3n+2) .skeleton-bone--title:where(.svelte-15fdaqo) {
  width: 72%;
}
.advanced-card.is-skeleton.svelte-15fdaqo:nth-child(3n+2) .skeleton-bone--chip:where(.svelte-15fdaqo):last-child {
  width: 48px;
}
.advanced-card.is-skeleton.svelte-15fdaqo:nth-child(3n+2) .skeleton-bone:where(.svelte-15fdaqo)::after {
  animation-delay: 0.35s;
}
.advanced-card.is-skeleton.svelte-15fdaqo:nth-child(3n+3) .skeleton-bone--title:where(.svelte-15fdaqo) {
  width: 44%;
}
.advanced-card.is-skeleton.svelte-15fdaqo:nth-child(3n+3) .skeleton-bone--chip:where(.svelte-15fdaqo):first-child {
  width: 72px;
}
.advanced-card.is-skeleton.svelte-15fdaqo:nth-child(3n+3) .skeleton-bone:where(.svelte-15fdaqo)::after {
  animation-delay: 0.7s;
}
.advanced-card.is-skeleton.svelte-15fdaqo::after {
  content: none;
  animation: none;
}
.advanced-card.is-skeleton.svelte-15fdaqo .content-container:where(.svelte-15fdaqo) {
  align-items: center;
  gap: var(--spacing-s);
  padding: var(--spacing-s-plus);
  width: 100%;
}
.advanced-card.is-skeleton.svelte-15fdaqo .main:where(.svelte-15fdaqo) {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.advanced-card.is-skeleton.svelte-15fdaqo .right-slot-container:where(.svelte-15fdaqo) {
  display: flex;
  align-items: center;
}@keyframes svelte-14wnyvp-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-14wnyvp-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-14wnyvp-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-14wnyvp-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-14wnyvp-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.card-status-bar.svelte-14wnyvp {
  display: flex;
  background: var(--color-theme-card);
  padding: 2px 6px;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.card-status-bar.svelte-14wnyvp::-webkit-scrollbar {
  display: none;
}
.card-status-bar.svelte-14wnyvp .card-status:where(.svelte-14wnyvp) {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.card-status-bar.svelte-14wnyvp .card-status:where(.svelte-14wnyvp):last-of-type {
  margin-right: 0;
}@keyframes svelte-1hal3f1-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1hal3f1-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1hal3f1-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1hal3f1-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1hal3f1-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.card-status-bar.svelte-1hal3f1 {
  display: flex;
  background: var(--color-theme-bg);
  padding: 2px 6px;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.card-status-bar.svelte-1hal3f1::-webkit-scrollbar {
  display: none;
}
.card-status-bar.svelte-1hal3f1 .card-status:where(.svelte-1hal3f1) {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.card-status-bar.svelte-1hal3f1 .card-status:where(.svelte-1hal3f1):last-of-type {
  margin-right: 0;
}
.card-status-bar.svelte-1hal3f1:focus-visible {
  outline-offset: -2px;
  border-radius: inherit;
  outline: 1px solid var(--color-theme-accent);
  position: relative;
  border-top-left-radius: var(--radius-theme-md);
  border-top-right-radius: var(--radius-theme-md);
}.labels-list.svelte-6log4m {
  display: flex;
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.labels-list.svelte-6log4m::-webkit-scrollbar {
  display: none;
}
.labels-list.svelte-6log4m .label {
  margin-right: 1px;
  flex-shrink: 0;
  border-radius: 0 !important;
  cursor: pointer;
}
.labels-list.default-cursor.svelte-6log4m .label {
  cursor: default;
}
.labels-list.long-content.svelte-6log4m .label {
  cursor: grab;
}
.labels-list.long-content.scroll.svelte-6log4m .label {
  cursor: grabbing;
}
.labels-list.svelte-6log4m .label:first-of-type {
  border-top-left-radius: var(--radius-theme-md) !important;
  border-bottom-left-radius: var(--radius-theme-md) !important;
}
.labels-list.svelte-6log4m .label:last-of-type {
  border-top-right-radius: var(--radius-theme-md) !important;
  border-bottom-right-radius: var(--radius-theme-md) !important;
  margin-right: 0;
}.actions-container.svelte-x033uk {
  position: relative;
  display: inline-flex;
  overflow: hidden;
}
.actions-container.vertical.svelte-x033uk {
  flex-direction: column;
  justify-content: center;
}
.actions-container.svelte-x033uk .action:where(.svelte-x033uk) {
  display: flex;
  align-items: center;
}
.actions-container.normal.svelte-x033uk, .actions-container.separator.svelte-x033uk {
  border-radius: var(--radius-theme-md);
  background: var(--color-theme-card);
}
.actions-container.simple.svelte-x033uk .action:where(.svelte-x033uk) {
  margin-right: 6px;
}
.actions-container.simple.svelte-x033uk .action:where(.svelte-x033uk):last-of-type {
  margin-right: unset;
}
.actions-container.simple.vertical.svelte-x033uk .action:where(.svelte-x033uk) {
  margin-right: unset;
  margin-bottom: 6px;
}
.actions-container.simple.vertical.svelte-x033uk .action:where(.svelte-x033uk):last-of-type {
  margin-bottom: unset;
}
.actions-container.normal.svelte-x033uk {
  padding: 0 12px;
}
.actions-container.normal.svelte-x033uk .action:where(.svelte-x033uk) {
  padding: 12px 0;
  margin-right: 12px;
}
.actions-container.normal.svelte-x033uk .action:where(.svelte-x033uk):last-of-type {
  margin-right: unset;
}
.actions-container.normal.vertical.svelte-x033uk {
  padding: 12px 0;
}
.actions-container.normal.vertical.svelte-x033uk .action:where(.svelte-x033uk) {
  padding: 0 12px;
  margin-bottom: 12px;
  margin-right: unset;
}
.actions-container.normal.vertical.svelte-x033uk .action:where(.svelte-x033uk):last-of-type {
  margin-bottom: unset;
}
.actions-container.separator.svelte-x033uk .action:where(.svelte-x033uk) {
  padding: 12px;
  border-right: 1px solid var(--color-theme-border-03);
}
.actions-container.separator.svelte-x033uk .action:where(.svelte-x033uk):last-of-type {
  border-right: none;
}
.actions-container.separator.vertical.svelte-x033uk .action:where(.svelte-x033uk) {
  border-right: none;
  border-bottom: 1px solid var(--color-theme-border-03);
}
.actions-container.separator.vertical.svelte-x033uk .action:where(.svelte-x033uk):last-of-type {
  border-bottom: none;
}
.actions-container.separator.separator-color-2.svelte-x033uk .action:where(.svelte-x033uk) {
  border-color: var(--color-theme-card-02);
}
.actions-container.svelte-x033uk .action-right-corner:where(.svelte-x033uk) {
  position: absolute;
  bottom: 0;
  right: 4px;
  cursor: se-resize;
}.day-schedule.svelte-ovkc4l {
  display: flex;
  flex-shrink: 0;
}.parameter-card-group.svelte-1sotm34 {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  gap: 2px;
  border-radius: var(--radius-theme-md);
  overflow: hidden;
}
.parameter-card-group.svelte-1sotm34 .container {
  border-radius: 0 !important;
}@property --lighting-interior-x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-interior-y {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-edge-x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-edge-y {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-interior-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 320px;
}
@property --lighting-edge-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 240px;
}
@property --lighting-interior-strength {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --lighting-edge-strength {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --lighting-edge-opacity {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@keyframes svelte-1ttk6h0-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1ttk6h0-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1ttk6h0-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1ttk6h0-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1ttk6h0-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.widget-card.svelte-1ttk6h0 {
  --lighting-transition-duration: 720ms;
  --lighting-transition-duration-long: 920ms;
  --lighting-transition-easing: cubic-bezier(0, 0, 0.2, 1);
  --lighting-accent-rgb: 60 203 255;
  --lighting-interior-x: 50%;
  --lighting-interior-y: 50%;
  --lighting-edge-x: 50%;
  --lighting-edge-y: 50%;
  --lighting-interior-strength: 0;
  --lighting-edge-strength: 0;
  --lighting-edge-opacity: 0;
  --lighting-interior-size: 320px;
  --lighting-edge-size: 240px;
  --lighting-edge-padding: 1px;
  --lighting-interior-blend-mode: screen;
  --lighting-edge-blend-mode: screen;
  position: relative;
  isolation: isolate;
  transition: --lighting-interior-x var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-y var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-x var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-y var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-size var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-size var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-strength var(--lighting-transition-duration) var(--lighting-transition-easing), --lighting-edge-strength var(--lighting-transition-duration) var(--lighting-transition-easing), --lighting-edge-opacity var(--lighting-transition-duration) var(--lighting-transition-easing);
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: center;
  background-color: var(--surface-glass-fallback-bg);
  border-radius: var(--radius-theme-md);
  box-shadow: inset 0 0 0 1px var(--surface-glass-border-color);
  padding: 8px;
  height: 100%;
  transform: translate3d(0, 0, 0);
  overflow: hidden;
  outline: none;
  cursor: pointer;
  transition: background-color var(--lighting-transition-duration) var(--lighting-transition-easing);
}
.widget-card.svelte-1ttk6h0 .widget-lighting-edge:where(.svelte-1ttk6h0) {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: var(--lighting-edge-padding);
  pointer-events: none;
  background: var(--lighting-edge-background, radial-gradient(var(--lighting-edge-size) var(--lighting-edge-size) at var(--lighting-edge-x) var(--lighting-edge-y), rgb(var(--lighting-accent-rgb)/calc(var(--lighting-edge-strength) * 0.82)), rgba(255, 255, 255, calc(var(--lighting-edge-strength) * 0.3)) 18%, rgb(var(--lighting-accent-rgb)/calc(var(--lighting-edge-strength) * 0.14)) 38%, rgba(255, 255, 255, 0) 68%));
  mix-blend-mode: var(--lighting-edge-blend-mode);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: var(--lighting-edge-opacity);
  transition: opacity var(--lighting-transition-duration) var(--lighting-transition-easing);
}
.widget-card.svelte-1ttk6h0 .widget-lighting-spot:where(.svelte-1ttk6h0) {
  position: absolute;
  left: var(--lighting-spot-x, var(--lighting-interior-x));
  top: var(--lighting-spot-y, var(--lighting-interior-y));
  width: var(--lighting-spot-size, 0px);
  height: var(--lighting-spot-size, 0px);
  border-radius: 9999px;
  pointer-events: none;
  transform: translate(-50%, -50%);
  opacity: var(--lighting-spot-opacity, 0);
  background: var(--lighting-spot-background, radial-gradient(circle at 50% 50%, rgb(var(--lighting-accent-rgb)/calc(var(--lighting-spot-opacity, 0) * 0.5)), rgba(0, 0, 0, 0) 74%));
  transition: opacity var(--lighting-transition-duration) var(--lighting-transition-easing), transform var(--lighting-transition-duration-long) var(--lighting-transition-easing), width var(--lighting-transition-duration-long) var(--lighting-transition-easing), height var(--lighting-transition-duration-long) var(--lighting-transition-easing);
}
@supports (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)) {
  .widget-card.svelte-1ttk6h0 {
    background-color: var(--surface-glass-bg);
    -webkit-backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
    backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
  }
}
.widget-card.is-lit.svelte-1ttk6h0 {
  background-color: var(--widget-card-active-bg, var(--surface-glass-bg));
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.widget-card.svelte-1ttk6h0 .widget-lighting-edge:where(.svelte-1ttk6h0),
.widget-card.svelte-1ttk6h0 .widget-lighting-spot:where(.svelte-1ttk6h0) {
  position: absolute;
  z-index: 0;
}
.widget-card.svelte-1ttk6h0 .main-container:where(.svelte-1ttk6h0),
.widget-card.svelte-1ttk6h0 .main-slot-widget-container:where(.svelte-1ttk6h0),
.widget-card.svelte-1ttk6h0 .bottom-slot-container:where(.svelte-1ttk6h0) {
  position: relative;
  z-index: 1;
}
.widget-card.media-card.svelte-1ttk6h0 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.widget-card.edit-mode.svelte-1ttk6h0 {
  padding-bottom: 64px;
  cursor: unset;
}
.widget-card.edit-mode.svelte-1ttk6h0:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--color-theme-accent);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
}
.widget-card.edit-mode.svelte-1ttk6h0 .bottom-slot-container:where(.svelte-1ttk6h0) {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-top: 0;
  width: 100%;
  z-index: 2;
}
.widget-card.edit-mode.svelte-1ttk6h0 .bottom-slot-container:where(.svelte-1ttk6h0) .actions-container {
  width: 100%;
  justify-content: center;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.widget-card.preview-mode.svelte-1ttk6h0 {
  cursor: default;
}
.widget-card.preview-mode.svelte-1ttk6h0:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--color-primary);
  opacity: 0.1;
  z-index: 4;
}
.widget-card.preview-mode.svelte-1ttk6h0 .highlighted-section:where(.svelte-1ttk6h0) {
  z-index: 5;
}
.widget-card.preview-mode.svelte-1ttk6h0 .bottom-slot-container:where(.svelte-1ttk6h0) {
  pointer-events: none;
}
.widget-card.selected.svelte-1ttk6h0, .widget-card.svelte-1ttk6h0:focus:not(.weather-card):not(.preview-mode) {
  box-shadow: var(--shadow-theme-glow-strong);
}
.widget-card.selected.svelte-1ttk6h0::before, .widget-card.svelte-1ttk6h0:focus:not(.weather-card):not(.preview-mode)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: var(--radius-theme-md);
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-theme-accent);
  pointer-events: none;
  z-index: 3;
}
.widget-card.weather-card.svelte-1ttk6h0 {
  padding: 8px;
  background-color: var(--color-theme-bg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: auto;
  min-height: 92px;
}
.widget-card.weather-card.svelte-1ttk6h0 .weather-card-inner:where(.svelte-1ttk6h0) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 8px;
  flex: 1;
  border-radius: var(--radius-theme-md);
  text-align: left;
}
.widget-card.weather-card.svelte-1ttk6h0 .weather-card-inner:where(.svelte-1ttk6h0) .weather-temperature {
  font-size: 40px;
  line-height: 48px;
}
.widget-card.weather-card.svelte-1ttk6h0 .bottom-slot-container:where(.svelte-1ttk6h0) {
  padding-top: 0;
}
.widget-card.svelte-1ttk6h0 .widget-avatar {
  display: flex;
}
.widget-card.svelte-1ttk6h0 .widger-card-overlay:where(.svelte-1ttk6h0) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
}
.widget-card.svelte-1ttk6h0 .widget-avatar-image:where(.svelte-1ttk6h0) {
  margin: -8px;
  margin-bottom: 0;
  width: calc(100% + 16px);
  height: 56px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.widget-card.svelte-1ttk6h0 .title-container:where(.svelte-1ttk6h0) {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  max-height: 32px;
  overflow: hidden;
}
.widget-card.svelte-1ttk6h0 .title-container.with-icon:where(.svelte-1ttk6h0) {
  flex-direction: column;
  max-height: none;
}
.widget-card.svelte-1ttk6h0 .title-container:where(.svelte-1ttk6h0) .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.widget-card.svelte-1ttk6h0 .bottom-slot-container:where(.svelte-1ttk6h0),
.widget-card.svelte-1ttk6h0 .main-slot-widget-container:where(.svelte-1ttk6h0) {
  width: 100%;
  padding-top: 8px;
}
.widget-card.svelte-1ttk6h0 .bottom-slot-container.type-media:where(.svelte-1ttk6h0),
.widget-card.svelte-1ttk6h0 .main-slot-widget-container.type-media:where(.svelte-1ttk6h0) {
  padding-top: 6px;
  padding-bottom: 6px;
}
.widget-card.svelte-1ttk6h0 .main-container:where(.svelte-1ttk6h0) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex: auto;
}
.widget-card.svelte-1ttk6h0 .main-container.only-text:where(.svelte-1ttk6h0) {
  margin-top: 14px;
}
.widget-card.svelte-1ttk6h0 .main-container.title-with-icon:where(.svelte-1ttk6h0) {
  justify-content: center;
}
.widget-card.svelte-1ttk6h0 .main-container:where(.svelte-1ttk6h0) .main-container-top:where(.svelte-1ttk6h0) {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.widget-card.svelte-1ttk6h0 .main-container:where(.svelte-1ttk6h0) .main-container-inner:where(.svelte-1ttk6h0) {
  max-width: 100%;
}@keyframes svelte-1nmx1s3-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1nmx1s3-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1nmx1s3-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1nmx1s3-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1nmx1s3-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.media-controls-wrapper.svelte-1nmx1s3 {
  --media-face: var(--color-theme-fg);
  --media-face-ink: var(--color-theme-bg);
  display: flex;
  align-items: center;
  height: 56px;
}
.media-controls-wrapper.svelte-1nmx1s3 button:where(.svelte-1nmx1s3) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
}
.media-controls-wrapper.svelte-1nmx1s3 button:where(.svelte-1nmx1s3):disabled {
  cursor: not-allowed;
}
.media-controls-wrapper.svelte-1nmx1s3 .play-pause-btn:where(.svelte-1nmx1s3) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
  max-height: 44px;
  color: var(--media-face-ink);
  background-color: var(--media-face);
  border: 2px solid var(--media-face);
}
.media-controls-wrapper.svelte-1nmx1s3 .play-pause-btn:where(.svelte-1nmx1s3):disabled {
  cursor: not-allowed;
}
.media-controls-wrapper.svelte-1nmx1s3 .play-pause-btn.disabled-overlay:where(.svelte-1nmx1s3)::before {
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
}
@media (hover: hover) and (pointer: fine) {
  .media-controls-wrapper.svelte-1nmx1s3 .play-pause-btn:where(.svelte-1nmx1s3):not(:disabled):hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--media-face-ink) 22%, var(--media-face)) 6.54%, var(--media-face) 82.48%);
  }
}
.media-controls-wrapper.svelte-1nmx1s3 .play-pause-btn:where(.svelte-1nmx1s3):focus, .media-controls-wrapper.svelte-1nmx1s3 .play-pause-btn:where(.svelte-1nmx1s3):not(:disabled):active {
  background: linear-gradient(180deg, color-mix(in srgb, var(--media-face-ink) 30%, var(--media-face)) 6.54%, var(--media-face) 82.48%);
}
.media-controls-wrapper.svelte-1nmx1s3 .control-icon:hover:not(:disabled) {
  color: var(--color-theme-text-sec) !important;
}
.media-controls-wrapper.svelte-1nmx1s3 .control-icon:focus, .media-controls-wrapper.svelte-1nmx1s3 .control-icon:not(:disabled):active {
  color: var(--color-theme-text-sec) !important;
}

html[data-ds-color-mode="light"] .media-controls-wrapper.svelte-1nmx1s3 {
  --media-face: var(--color-theme-card);
  --media-face-ink: var(--color-theme-fg);
}.card-grid-wrapper.svelte-71zz4k {
  position: relative;
}

.card-grid.svelte-71zz4k {
  --col-min-width: 180px;
  display: grid;
  row-gap: var(--row-gap);
  column-gap: var(--col-gap);
  grid-template-columns: repeat(auto-fill, minmax(var(--col-min-width, 180px), 1fr));
  padding-bottom: var(--row-gap);
  outline: none;
}
.card-grid.svelte-71zz4k:focus-visible:before {
  content: "";
  position: absolute;
  top: -8px;
  left: -8px;
  width: calc(100% + 16px);
  height: 100%;
  border: 1px solid var(--color-theme-accent);
  border-radius: var(--radius-theme-md);
  pointer-events: none;
  box-sizing: border-box;
  z-index: 1;
}
.card-grid.grid-gap-l.svelte-71zz4k {
  --row-gap: 24px;
  --col-gap: 24px;
}
.card-grid.grid-gap-m.svelte-71zz4k {
  --row-gap: 16px;
  --col-gap: 16px;
}
.card-grid.grid-gap-s.svelte-71zz4k {
  --row-gap: 8px;
  --col-gap: 8px;
}
.card-grid.svelte-71zz4k > div {
  outline: none;
}
.card-grid.no-bottom-padding.svelte-71zz4k {
  padding-bottom: 0;
}
.card-grid.edit-mode.svelte-71zz4k {
  overflow-y: auto;
  padding-right: 18px;
  margin-right: -18px;
}
.card-grid.edit-mode.edit-mode-scroll.svelte-71zz4k {
  padding-right: 15px;
  margin-right: -15px;
}
.card-grid.edit-mode.card-grid-modal.svelte-71zz4k {
  padding-right: 15px;
  margin-right: -15px;
}
.card-grid.edit-mode.card-grid-modal.edit-mode-scroll.svelte-71zz4k {
  padding-right: 9px;
}
.card-grid.grid-styled-dnd-zone.svelte-71zz4k {
  padding: 14px;
  border: 2px dashed var(--color-theme-accent);
  border-radius: var(--radius-theme-lg);
}
.card-grid.grid-row-min-content.svelte-71zz4k {
  grid-auto-rows: minmax(0px, min-content);
}
@media screen and (max-width: 1123px) {
  .card-grid.edit-mode.svelte-71zz4k, .card-grid.edit-mode.card-grid-modal.svelte-71zz4k {
    padding-right: 15px;
    margin-right: -15px;
  }
  .card-grid.edit-mode.edit-mode-scroll.svelte-71zz4k, .card-grid.edit-mode.card-grid-modal.edit-mode-scroll.svelte-71zz4k {
    padding-right: 9px;
  }
}
@media screen and (max-width: 639px) {
  .card-grid.grid-gap-m.svelte-71zz4k:not(.force-grid-gap-on-mobile), .card-grid.grid-gap-s.svelte-71zz4k:not(.force-grid-gap-on-mobile) {
    --row-gap: 8px;
    --col-gap: 8px;
  }
  .card-grid.edit-mode.svelte-71zz4k, .card-grid.edit-mode.card-grid-modal.svelte-71zz4k {
    padding-right: 11px;
    margin-right: -11px;
  }
  .card-grid.edit-mode.edit-mode-scroll.svelte-71zz4k, .card-grid.edit-mode.card-grid-modal.edit-mode-scroll.svelte-71zz4k {
    padding-right: 5px;
  }
}
@media (min-width: 320px) {
  .card-grid.svelte-71zz4k {
    --col-min-width: var(
    	--col-min-width-sm,
    	var(--col-min-width-md, var(--col-min-width-lg, var(--col-min-width-xl)))
    );
  }
}
@media (min-width: 640px) {
  .card-grid.svelte-71zz4k {
    --col-min-width: var(
    	--col-min-width-md,
    	var(--col-min-width-lg, var(--col-min-width-sm, var(--col-min-width-xl)))
    );
  }
}
@media (min-width: 1124px) {
  .card-grid.svelte-71zz4k {
    --col-min-width: var(
    	--col-min-width-lg,
    	var(--col-min-width-md, var(--col-min-width-sm, var(--col-min-width-xl)))
    );
  }
}
@media (min-width: 1280px) {
  .card-grid.svelte-71zz4k {
    --col-min-width: var(
    	--col-min-width-xl,
    	var(--col-min-width-lg, var(--col-min-width-md, var(--col-min-width-sm)))
    );
  }
}.color-slider.svelte-1qwalt6 {
  --color-slider-needle-width: 2px;
  --color-slider-needle-active-width: 4px;
  --color-slider-needle-overhang: 8px;
  --color-slider-rail-height: 56px;
  --color-slider-radius: var(--radius-theme-lg);
  --color-slider-outline: var(--color-theme-control-track, var(--color-theme-border-03));
  --color-slider-needle: var(--color-theme-fg);
  position: relative;
  width: 100%;
  min-width: 0;
  padding: var(--color-slider-needle-overhang) 0;
  overflow: visible;
  touch-action: none;
}
.color-slider.simple.svelte-1qwalt6 {
  --color-slider-rail-height: 24px;
  --color-slider-radius: var(--radius-theme-sm);
  --color-slider-needle-overhang: 6px;
}
.color-slider.incremented.svelte-1qwalt6 {
  --color-slider-rail-height: 24px;
  --color-slider-radius: var(--radius-theme-sm);
  --color-slider-needle-overhang: 6px;
}
.color-slider.compact.svelte-1qwalt6 {
  --color-slider-needle-width: 1.5px;
  --color-slider-needle-active-width: 3px;
  --color-slider-needle-overhang: 4px;
  --color-slider-rail-height: 12px;
  --color-slider-radius: var(--radius-theme-sm);
}

.glow.svelte-1qwalt6 {
  position: absolute;
  top: 50%;
  left: var(--color-slider-progress);
  z-index: -1;
  width: var(--color-slider-glow-size);
  height: var(--color-slider-glow-size);
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle at 50% 50%, color-mix(in oklab, var(--color-slider-glow-color) 88%, transparent) 0%, color-mix(in oklab, var(--color-slider-glow-color) 52%, transparent) 26%, color-mix(in oklab, var(--color-slider-glow-color) 18%, transparent) 54%, transparent 74%);
  opacity: var(--color-slider-glow-opacity);
  transform: translate(-50%, -50%);
  transition: width 120ms ease, height 120ms ease, opacity 120ms ease;
}

.slider-rail.svelte-1qwalt6 {
  position: relative;
  width: 100%;
  height: var(--color-slider-rail-height);
  overflow: visible;
  border-radius: var(--color-slider-radius);
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--color-slider-outline);
  cursor: pointer;
  user-select: none;
  touch-action: none;
}

.color-slider.svelte-1qwalt6:focus-within .slider-rail:where(.svelte-1qwalt6) {
  box-shadow: inset 0 0 0 1px var(--color-slider-outline), inset 0 0 0 3px var(--color-theme-accent);
}

.rail-face.svelte-1qwalt6 {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
  background: transparent;
}

.rail-face.has-rail-gradient.svelte-1qwalt6 {
  background: var(--color-slider-gradient);
}

.fill.svelte-1qwalt6 {
  display: block;
  width: var(--color-slider-progress);
  height: 100%;
  background: var(--color-slider-gradient);
}

.needle.svelte-1qwalt6 {
  position: absolute;
  top: 50%;
  left: var(--color-slider-progress);
  z-index: 1;
  width: var(--color-slider-needle-width);
  height: calc(var(--color-slider-rail-height) + 2 * var(--color-slider-needle-overhang));
  border-radius: 1px;
  background: var(--color-slider-needle);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-theme-bg) 55%, transparent);
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: width 140ms ease;
}

.color-slider.svelte-1qwalt6:hover .needle:where(.svelte-1qwalt6),
.color-slider.svelte-1qwalt6:focus-within .needle:where(.svelte-1qwalt6),
.color-slider.is-dragging.svelte-1qwalt6 .needle:where(.svelte-1qwalt6) {
  width: var(--color-slider-needle-active-width);
}

.control-input.svelte-1qwalt6 {
  position: absolute;
  inset: calc(var(--color-slider-needle-overhang) * -1) 0;
  z-index: 2;
  width: 100%;
  height: calc(100% + 2 * var(--color-slider-needle-overhang));
  margin: 0;
  opacity: 0;
  cursor: pointer;
  touch-action: none;
  background: transparent;
  outline: none;
}

.control-input.svelte-1qwalt6:disabled {
  cursor: not-allowed;
}

.color-slider.is-disabled.svelte-1qwalt6 .slider-rail:where(.svelte-1qwalt6) {
  opacity: 0.56;
}

.color-slider.is-disabled.svelte-1qwalt6 .needle:where(.svelte-1qwalt6) {
  transition: none;
}.color-wheel.svelte-eh5haw {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-s);
  user-select: none;
}
.color-wheel.svelte-eh5haw .wheel-wrapper:where(.svelte-eh5haw) {
  position: relative;
  display: flex;
  user-select: none;
}
.color-wheel.svelte-eh5haw .wheel-wrapper:where(.svelte-eh5haw)::before, .color-wheel.svelte-eh5haw .wheel-wrapper:where(.svelte-eh5haw)::after {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border-radius: 50%;
}
.color-wheel.svelte-eh5haw .wheel-wrapper:where(.svelte-eh5haw)::before {
  content: "";
  border: 8px solid var(--color-theme-card);
  pointer-events: none;
}
.color-wheel.svelte-eh5haw .wheel-wrapper.dragging:where(.svelte-eh5haw)::before {
  border-color: var(--selected-color);
  box-shadow: 0px 0px 20px 5px var(--selected-color);
}
.color-wheel.svelte-eh5haw .wheel-wrapper.disabled:where(.svelte-eh5haw)::after {
  content: "";
  background-color: var(--color-theme-bg);
  opacity: 0.5;
  z-index: 1;
  cursor: not-allowed;
}
.color-wheel.svelte-eh5haw .wheel-wrapper:where(.svelte-eh5haw) .wheel:where(.svelte-eh5haw) {
  border-radius: 50%;
  touch-action: none;
  user-select: none;
}
.color-wheel.svelte-eh5haw .wheel-wrapper:where(.svelte-eh5haw) .wheel-pointer:where(.svelte-eh5haw) {
  position: absolute;
  border: 4px solid var(--color-theme-fg);
  border-radius: 50%;
  background-color: var(--selected-color);
  box-shadow: var(--shadow-theme);
  touch-action: none;
  z-index: 2;
  top: calc(50% - 16px);
  left: calc(50% - 16px);
}
.color-wheel.svelte-eh5haw .wheel-wrapper:where(.svelte-eh5haw) .wheel-pointer:where(.svelte-eh5haw):focus {
  outline: 2px solid var(--color-theme-accent);
}
.color-wheel.svelte-eh5haw .wheel-wrapper:where(.svelte-eh5haw) .save-button {
  position: absolute;
  top: -8px;
  right: -8px;
  opacity: 0;
  filter: blur(5px);
  pointer-events: none;
  transition: opacity 150ms ease, filter 150ms ease;
}
.color-wheel.svelte-eh5haw .wheel-wrapper:where(.svelte-eh5haw) .save-button.visible {
  opacity: 1;
  filter: blur(0px);
  pointer-events: all;
}
.color-wheel.svelte-eh5haw .color-wheel-values:where(.svelte-eh5haw) {
  display: flex;
  align-items: center;
  border-radius: var(--radius-theme-md);
}
.color-wheel.svelte-eh5haw .color-wheel-values.color-wheel-values-input:where(.svelte-eh5haw) {
  width: calc(100% + var(--spacing-m));
  margin-left: calc(-1 * var(--spacing-s));
  margin-right: calc(-1 * var(--spacing-s));
  padding: var(--spacing-m);
}
.color-wheel.svelte-eh5haw .color-wheel-values.color-wheel-values-label:where(.svelte-eh5haw) .color-wheel-values-card {
  min-width: 56px;
}.label.svelte-12noica {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: var(--label-bg, var(--color-theme-bg));
  border-radius: var(--radius-theme-md);
  --label-fg: var(--color-theme-text);
}
.label.owns-ink.svelte-12noica {
  color: var(--label-fg);
}
.label.is-on-accent.svelte-12noica {
  --label-fg: var(--color-theme-text-on-accent);
}
.label.is-inverse.svelte-12noica {
  --label-fg: var(--color-theme-text-inverse);
}
.label.disabled.svelte-12noica {
  --label-fg: var(--color-theme-text-disabled);
}
.label.is-focusable.svelte-12noica:focus-visible {
  outline-offset: 1px;
  outline: 1px solid var(--color-theme-accent);
}
.label.bg-opacity.svelte-12noica {
  background: color-mix(in srgb, var(--color-theme-card) 70%, transparent);
}
.label.no-background.svelte-12noica {
  background: transparent !important;
  color: inherit;
}
.label.vertical.svelte-12noica {
  flex-direction: column;
}
.label.label-xs.svelte-12noica {
  height: 16px;
  padding: 3px 6px;
}
.label.label-xs.has-icon.svelte-12noica {
  padding: 2px 4px;
  padding-right: 6px;
}
.label.label-xs.has-only-icon.svelte-12noica {
  padding: 2px 4px;
}
.label.label-s.svelte-12noica {
  height: 24px;
  padding: 6.5px 8px;
}
.label.label-s.has-icon.svelte-12noica {
  padding: 5px 6px;
  padding-right: 8px;
}
.label.label-s.has-only-icon.svelte-12noica {
  padding: 5px 8px;
}
.label.label-s.vertical.svelte-12noica {
  padding: 6px 8px;
  height: 41px;
  min-width: 36px;
}
.label.label-m.svelte-12noica {
  height: 32px;
  padding: 8.5px 12px;
  border-radius: var(--radius-theme-lg);
}
.label.label-m.has-icon.svelte-12noica {
  padding: 6px 10px;
  padding-right: 12px;
}
.label.label-m.has-only-icon.svelte-12noica {
  padding: 6px 12px;
}
.label.label-l.svelte-12noica {
  min-width: 56px;
  min-height: 56px;
  padding: 8px;
}
.label.label-xl.svelte-12noica {
  height: 48px;
  padding: 8.5px 16px;
  border-radius: var(--radius-theme-xl);
}
.label.label-xl.has-icon.svelte-12noica {
  padding: 8px 14px;
  padding-right: 16px;
}
.label.label-xl.has-only-icon.svelte-12noica {
  padding: 8px 16px;
}
.label.label-xl.has-only-text.svelte-12noica {
  padding: 10.5px 16px;
}
.label.label-xl.svelte-12noica .icon-grid {
  margin: auto;
}
.label.label-xs.no-padding.svelte-12noica, .label.label-s.no-padding.svelte-12noica, .label.label-m.no-padding.svelte-12noica, .label.label-l.no-padding.svelte-12noica, .label.label-xl.no-padding.svelte-12noica {
  padding: 0;
  height: auto;
  min-width: 0;
  min-height: 0;
}
.label.label-xs.no-radius-top-left-diagonal.svelte-12noica, .label.label-s.no-radius-top-left-diagonal.svelte-12noica, .label.label-m.no-radius-top-left-diagonal.svelte-12noica, .label.label-l.no-radius-top-left-diagonal.svelte-12noica, .label.label-xl.no-radius-top-left-diagonal.svelte-12noica {
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
}
.label.label-xs.no-radius-bottom-left-diagonal.svelte-12noica, .label.label-s.no-radius-bottom-left-diagonal.svelte-12noica, .label.label-m.no-radius-bottom-left-diagonal.svelte-12noica, .label.label-l.no-radius-bottom-left-diagonal.svelte-12noica, .label.label-xl.no-radius-bottom-left-diagonal.svelte-12noica {
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
}
.label.label-xs.no-radius-left.svelte-12noica, .label.label-s.no-radius-left.svelte-12noica, .label.label-m.no-radius-left.svelte-12noica, .label.label-l.no-radius-left.svelte-12noica, .label.label-xl.no-radius-left.svelte-12noica {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.label.blinking-bg.svelte-12noica {
  animation: svelte-12noica-blinkBgColor 2800ms linear infinite;
}
.label.svelte-12noica .label-value-container:where(.svelte-12noica) {
  max-width: 100%;
  overflow: hidden;
  text-align: center;
}
.label.svelte-12noica .label-value-container:where(.svelte-12noica) .label-value:first-letter {
  text-transform: uppercase;
}
.label.wrap.svelte-12noica {
  height: auto;
  max-width: 100%;
  min-width: 0;
  flex-shrink: 1;
  box-sizing: border-box;
  align-items: center;
}
.label.wrap.label-xs.svelte-12noica {
  min-height: 16px;
}
.label.wrap.label-s.svelte-12noica {
  min-height: 24px;
}
.label.wrap.label-m.svelte-12noica {
  min-height: 32px;
}
.label.wrap.label-l.svelte-12noica {
  min-height: 56px;
}
.label.wrap.label-xl.svelte-12noica {
  min-height: 48px;
}
.label.wrap.svelte-12noica .label-value-container:where(.svelte-12noica) {
  overflow: visible;
  min-width: 0;
  text-align: start;
}
.label.svelte-12noica .blinking-icon {
  animation: svelte-12noica-blinkColor 2800ms linear infinite;
}

@keyframes svelte-12noica-blinkBgColor {
  0% {
    background-color: var(--blink-animation-start-color);
  }
  42.85% {
    /* (1200ms / 2800ms) * 100 */
    background-color: var(--blink-animation-start-color);
  }
  50% {
    /* (1200ms + 200ms) / 2800ms * 100 */
    background-color: var(--blink-animation-end-color);
  }
  92.85% {
    /* (1200ms + 200ms + 1200ms) / 2900ms * 100 */
    background-color: var(--blink-animation-end-color);
  }
  100% {
    background-color: var(--blink-animation-start-color);
  }
}
@keyframes svelte-12noica-blinkColor {
  0% {
    color: var(--blink-animation-start-color);
  }
  42.85% {
    /* (1200ms / 2800ms) * 100 */
    color: var(--blink-animation-start-color);
  }
  50% {
    /* (1200ms + 200ms) / 2800ms * 100 */
    color: var(--blink-animation-end-color);
  }
  92.85% {
    /* (1200ms + 200ms + 1200ms) / 2900ms * 100 */
    color: var(--blink-animation-end-color);
  }
  100% {
    color: var(--blink-animation-start-color);
  }
}.file-upload.svelte-3clt06 {
  --file-upload-accent: var(--color-theme-accent);
  --file-upload-success: var(--color-theme-success);
  --file-upload-error: var(--color-theme-danger);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  width: 100%;
}
.file-upload.disabled.svelte-3clt06 {
  opacity: 0.5;
  pointer-events: none;
}

.file-upload-dropzone.svelte-3clt06 {
  position: relative;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-s);
  padding: var(--spacing-l);
  border: 2px dashed var(--file-upload-accent);
  border-radius: var(--radius-theme-md);
  background: color-mix(in srgb, var(--color-theme-card) 70%, transparent);
  text-align: center;
  transition: border-color 150ms ease, background-color 150ms ease;
}
.file-upload-dropzone.is-dragging.svelte-3clt06 {
  border-style: solid;
  background: var(--color-theme-accent-tint);
}
.file-upload-dropzone.svelte-3clt06 .file-upload-dropzone-icon:where(.svelte-3clt06) {
  font-size: 24px;
  color: var(--file-upload-accent);
}

.file-upload-input.svelte-3clt06 {
  display: none;
}

.file-upload-list.svelte-3clt06 {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
  flex-direction: column;
  gap: var(--spacing-s);
  list-style: none;
}

.file-upload-list-actions.svelte-3clt06 {
  display: flex;
  justify-content: flex-end;
}

.file-upload-item.svelte-3clt06 {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  align-items: center;
  gap: var(--spacing-s);
  padding: var(--spacing-s) var(--spacing-m);
  border: 1px solid var(--color-theme-card-02);
  border-radius: var(--radius-theme-sm);
  background: color-mix(in srgb, var(--color-theme-card) 70%, transparent);
}
.file-upload-item.state-staged.svelte-3clt06, .file-upload-item.state-uploading.svelte-3clt06 {
  border-color: var(--file-upload-accent);
}
.file-upload-item.state-uploaded.svelte-3clt06 {
  border-color: var(--file-upload-success);
}
.file-upload-item.state-error.svelte-3clt06 {
  border-color: var(--file-upload-error);
}
.file-upload-item.svelte-3clt06 .file-upload-item-icon:where(.svelte-3clt06) {
  flex-shrink: 0;
  font-size: 16px;
}
.file-upload-item.svelte-3clt06 .file-upload-item-icon.icon-accent:where(.svelte-3clt06) {
  color: var(--file-upload-accent);
}
.file-upload-item.svelte-3clt06 .file-upload-item-icon.icon-success:where(.svelte-3clt06) {
  color: var(--file-upload-success);
}
.file-upload-item.svelte-3clt06 .file-upload-item-icon.icon-error:where(.svelte-3clt06) {
  color: var(--file-upload-error);
}
.file-upload-item.svelte-3clt06 .file-upload-item-name:where(.svelte-3clt06) {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-upload-item.svelte-3clt06 .file-upload-item-actions:where(.svelte-3clt06) {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  flex-shrink: 0;
}

.file-upload-error-message.svelte-3clt06 {
  color: var(--file-upload-error);
}@keyframes svelte-r0l62-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-r0l62-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-r0l62-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-r0l62-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-r0l62-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.temperature-wheel.svelte-r0l62 {
  --wheel-face: var(--color-theme-fg);
  --wheel-face-ink: var(--color-theme-bg);
  --wheel-face-shade: color-mix(in srgb, var(--wheel-face-ink) 18%, var(--wheel-face));
  display: flex;
  justify-content: center;
  user-select: none;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) {
  position: relative;
  display: inline-flex;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .value:where(.svelte-r0l62) {
  position: absolute;
  top: 73px;
  left: 50%;
  transform: translateX(-50%);
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .value.with-current:where(.svelte-r0l62) {
  top: 58px;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .value.with-icon-loader-only:where(.svelte-r0l62) {
  top: 81px;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .handle-wrapper:where(.svelte-r0l62) {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  z-index: 2;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .handle-wrapper:where(.svelte-r0l62) .handle:where(.svelte-r0l62) {
  cursor: default;
  position: absolute;
  right: -10px;
  transform: translateY(-50%);
  height: 32px;
  width: 32px;
  border-radius: 100%;
  background: var(--wheel-face);
  box-shadow: var(--shadow-theme);
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .handle-wrapper:where(.svelte-r0l62) .handle:where(.svelte-r0l62)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: var(--wheel-face);
  border-radius: inherit;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .handle-wrapper:where(.svelte-r0l62) .handle:where(.svelte-r0l62):focus-visible {
  outline: 2px solid var(--color-theme-accent);
  outline-offset: 2px;
  box-shadow: 0 0 0 2px var(--color-theme-accent-tint-strong);
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .min-value:where(.svelte-r0l62),
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .max-value:where(.svelte-r0l62) {
  position: absolute;
  bottom: 10px;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .min-value:where(.svelte-r0l62) {
  left: 16%;
  transform: translateX(-50%);
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .max-value:where(.svelte-r0l62) {
  right: 16%;
  transform: translateX(50%);
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .wheel-buttons-wrapper:where(.svelte-r0l62) {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  bottom: 0;
  z-index: 3;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .wheel-buttons-wrapper:where(.svelte-r0l62) button:where(.svelte-r0l62) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
  background-color: var(--wheel-face);
  border: 2px solid var(--wheel-face);
  color: var(--wheel-face-ink);
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .wheel-buttons-wrapper:where(.svelte-r0l62) button:where(.svelte-r0l62):disabled {
  cursor: not-allowed;
}
@media (hover: hover) and (pointer: fine) {
  .temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .wheel-buttons-wrapper:where(.svelte-r0l62) button:where(.svelte-r0l62):not(:disabled):hover {
    background: linear-gradient(180deg, var(--wheel-face-shade) 6.54%, var(--wheel-face) 82.48%);
  }
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .wheel-buttons-wrapper:where(.svelte-r0l62) button:where(.svelte-r0l62):not(:disabled):active, .temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .wheel-buttons-wrapper:where(.svelte-r0l62) button.is-pressed:where(.svelte-r0l62):not(:disabled) {
  background: linear-gradient(180deg, var(--wheel-face-shade) 6.54%, var(--wheel-face) 82.48%);
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .wheel-buttons-wrapper:where(.svelte-r0l62) button:where(.svelte-r0l62):not(:disabled):focus-visible {
  outline: 2px solid var(--color-theme-accent);
  outline-offset: 2px;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .wheel-buttons-wrapper:where(.svelte-r0l62) button.disabled-overlay:where(.svelte-r0l62)::before {
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .disabled-overlay:where(.svelte-r0l62) {
  cursor: not-allowed !important;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .disabled-overlay:where(.svelte-r0l62)::before {
  z-index: 5;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .upper-absolute-el {
  position: absolute;
  top: -28px;
}

html[data-ds-color-mode="light"] .temperature-wheel.svelte-r0l62 {
  --wheel-face: var(--color-theme-card);
  --wheel-face-ink: var(--color-theme-fg);
  --wheel-face-shade: color-mix(in srgb, var(--wheel-face-ink) 8%, var(--wheel-face));
}@keyframes svelte-1aeerpm-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1aeerpm-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1aeerpm-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1aeerpm-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1aeerpm-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.time-picker-action.svelte-1aeerpm {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  width: 42px;
  height: 100%;
  color: inherit;
}
.time-picker-action.svelte-1aeerpm:before {
  content: "";
  position: absolute;
  display: flex;
  align-self: center;
  width: 100%;
  height: calc(100% - 42px);
  background: var(--color-theme-card);
}
.time-picker-action.svelte-1aeerpm .tp-input:where(.svelte-1aeerpm) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: auto;
  z-index: 1;
  max-width: 100%;
  overflow: hidden;
  color: inherit;
}
.time-picker-action.svelte-1aeerpm .tp-input:where(.svelte-1aeerpm) input:where(.svelte-1aeerpm) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  color: inherit;
  padding: 0;
  margin: 0;
  width: 35px;
  outline: none;
  background: var(--color-theme-card);
  text-align: center;
  border: 1px solid var(--color-theme-card-02);
  height: 80%;
}
.time-picker-action.svelte-1aeerpm .tp-input:where(.svelte-1aeerpm) input:where(.svelte-1aeerpm)::-webkit-outer-spin-button, .time-picker-action.svelte-1aeerpm .tp-input:where(.svelte-1aeerpm) input:where(.svelte-1aeerpm)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.time-picker-action.svelte-1aeerpm .tp-input:where(.svelte-1aeerpm) input[type=number]:where(.svelte-1aeerpm) {
  -moz-appearance: textfield;
}
.time-picker-action.svelte-1aeerpm .tp-action-btn {
  background: transparent !important;
  width: 42px !important;
  height: 42px !important;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
  flex-shrink: 0;
  z-index: 1;
}
.time-picker-action.svelte-1aeerpm .tp-action-btn::before {
  content: none !important;
}.time-picker-container.svelte-jyukei {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-s);
  background: var(--color-theme-card-02);
  color: var(--color-theme-text);
  border-radius: var(--radius-theme-xl);
  width: 122px;
  height: 142px;
}
.time-picker-container.svelte-jyukei .time-picker-separator {
  padding: var(--spacing-s);
  color: inherit;
}.list-number-card.svelte-1iviy9i {
  display: flex;
  position: relative;
  border-radius: var(--radius-theme-md);
  align-items: center;
  transform: translate3d(0, 0, 0);
  outline: none;
}
.list-number-card.svelte-1iviy9i .card-number {
  width: 16px;
  white-space: nowrap;
}
.list-number-card.svelte-1iviy9i .content:where(.svelte-1iviy9i) {
  position: relative;
  display: flex;
  align-items: center;
  flex: auto;
  background: var(--color-theme-bg);
  border-radius: var(--radius-theme-md);
  overflow: hidden;
}
.list-number-card.svelte-1iviy9i .content.size-m:where(.svelte-1iviy9i) {
  min-height: 64px;
  padding: 16px;
}
.list-number-card.svelte-1iviy9i .content.size-s:where(.svelte-1iviy9i) {
  min-height: 48px;
  padding: 8px;
}
.list-number-card.svelte-1iviy9i .content:where(.svelte-1iviy9i) > * {
  z-index: 1;
}
.list-number-card.svelte-1iviy9i:focus .content:where(.svelte-1iviy9i) {
  box-shadow: var(--shadow-theme-glow-strong);
}
.list-number-card.svelte-1iviy9i:focus .content:where(.svelte-1iviy9i)::after {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-theme-accent);
  border-radius: var(--radius-theme-md);
  left: 0;
  top: 0;
  z-index: 2;
  pointer-events: none;
}
.list-number-card.on-drag.svelte-1iviy9i .card-number {
  opacity: 0;
}
.list-number-card.edit-mode.svelte-1iviy9i .content:where(.svelte-1iviy9i)::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-theme-accent-tint);
  border-radius: var(--radius-theme-md);
  left: 0;
  top: 0;
}.progress-bar.svelte-4sbcyu {
  height: 4px;
  width: 144px;
  border-radius: var(--radius-theme-sm);
  background-color: var(--color-theme-control-track);
}
.progress-bar.svelte-4sbcyu .line:where(.svelte-4sbcyu) {
  width: 0%;
  height: 100%;
  border-radius: var(--radius-theme-sm);
  transition: width 200ms;
}
.progress-bar.premium.svelte-4sbcyu .line:where(.svelte-4sbcyu) {
  background-image: var(--gradient-premium);
  box-shadow: var(--shadow-theme-glow-warning-strong);
}
.progress-bar.primary.svelte-4sbcyu .line:where(.svelte-4sbcyu) {
  background-color: var(--color-theme-accent);
  box-shadow: var(--shadow-theme-glow-strong);
}
.progress-bar.success.svelte-4sbcyu .line:where(.svelte-4sbcyu) {
  background-color: var(--color-theme-success);
  box-shadow: var(--shadow-theme-glow-success-strong);
}
.progress-bar.warning.svelte-4sbcyu .line:where(.svelte-4sbcyu) {
  background-color: var(--color-theme-warning);
  box-shadow: var(--shadow-theme-glow-warning-strong);
}
.progress-bar.danger.svelte-4sbcyu .line:where(.svelte-4sbcyu) {
  background-color: var(--color-theme-danger);
  box-shadow: var(--shadow-theme-glow-danger-strong);
}@keyframes svelte-1wj2zaw-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1wj2zaw-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1wj2zaw-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1wj2zaw-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1wj2zaw-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.verification-code-wrapper.svelte-1wj2zaw {
  position: relative;
  display: flex;
  justify-content: center;
  gap: var(--spacing-s);
  width: fit-content;
  margin-inline: auto;
  color: var(--color-theme-text);
}
.verification-code-wrapper.svelte-1wj2zaw input:where(.svelte-1wj2zaw) {
  background: var(--color-theme-card-01);
  border: 1px solid var(--color-theme-border-03);
  outline: none;
  color: inherit;
  caret-color: var(--color-theme-text);
}
.verification-code-wrapper.svelte-1wj2zaw input:where(.svelte-1wj2zaw):hover:not(:disabled):not(.input-error) {
  border-color: var(--color-theme-fg-02);
}
.verification-code-wrapper.svelte-1wj2zaw input:where(.svelte-1wj2zaw):focus:not(:disabled):not(.input-error) {
  border-color: var(--color-theme-accent);
}
.verification-code-wrapper.svelte-1wj2zaw input.input-error:where(.svelte-1wj2zaw) {
  border-color: var(--color-theme-danger);
}
.verification-code-wrapper.svelte-1wj2zaw input.verification-code-input:where(.svelte-1wj2zaw) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  height: 56px;
  padding: 6px;
  max-width: 44px;
  text-align: center;
  border-radius: var(--radius-theme-md);
}
@media screen and (max-width: 374px) {
  .verification-code-wrapper.svelte-1wj2zaw input.verification-code-input:where(.svelte-1wj2zaw) {
    max-width: 40px;
  }
}
.verification-code-wrapper.svelte-1wj2zaw input.verification-code-input:where(.svelte-1wj2zaw):focus {
  box-shadow: var(--shadow-theme-glow-strong);
}
.verification-code-wrapper.svelte-1wj2zaw input.verification-code-input:focus.input-error:where(.svelte-1wj2zaw) {
  box-shadow: var(--shadow-theme-glow-danger-strong);
}
.verification-code-wrapper.svelte-1wj2zaw input:where(.svelte-1wj2zaw):disabled {
  background: var(--color-theme-card-01);
  color: var(--color-theme-text-disabled);
  -webkit-text-fill-color: var(--color-theme-text-disabled);
  opacity: 1;
  cursor: not-allowed;
}
.verification-code-wrapper.svelte-1wj2zaw input:where(.svelte-1wj2zaw)::-webkit-outer-spin-button, .verification-code-wrapper.svelte-1wj2zaw input:where(.svelte-1wj2zaw)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.verification-code-wrapper.svelte-1wj2zaw input[type=number]:where(.svelte-1wj2zaw) {
  -moz-appearance: textfield;
}
.verification-code-wrapper.svelte-1wj2zaw input:where(.svelte-1wj2zaw):-webkit-autofill, .verification-code-wrapper.svelte-1wj2zaw input:where(.svelte-1wj2zaw):-webkit-autofill:hover, .verification-code-wrapper.svelte-1wj2zaw input:where(.svelte-1wj2zaw):-webkit-autofill:focus {
  caret-color: var(--color-theme-text);
  -webkit-text-fill-color: var(--color-theme-text);
  box-shadow: 0 0 0px 1000px var(--color-theme-accent-tint) inset;
  transition: background-color 5000s ease-in-out 0s;
}
.verification-code-wrapper.disabled.svelte-1wj2zaw {
  color: var(--color-theme-text-disabled);
}@keyframes svelte-14gh858-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-14gh858-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-14gh858-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-14gh858-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-14gh858-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.progress-circle.svelte-14gh858 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  max-width: 100%;
  max-height: 100%;
}
.progress-circle.type-full.svelte-14gh858 .circle-svg:where(.svelte-14gh858) {
  transform: translateX(0%) translateY(0%) rotate(270deg);
}
.progress-circle.type-cut.svelte-14gh858 .circle-svg:where(.svelte-14gh858) {
  transform: translateX(0%) translateY(0%) rotate(125deg);
}
.progress-circle.type-speedometer.svelte-14gh858 .circle-svg:where(.svelte-14gh858) {
  transform: translateX(0%) translateY(0%) rotate(150deg);
}
.progress-circle.type-multi-lines.svelte-14gh858 {
  border-radius: 50%;
  background-color: var(--color-theme-card-02);
  color: var(--color-theme-text);
}
.progress-circle.type-multi-lines.svelte-14gh858:hover {
  background-color: var(--color-theme-card);
}
.progress-circle.type-multi-lines.svelte-14gh858 .circle-svg:where(.svelte-14gh858) {
  transform: translateX(0%) translateY(0%) rotate(270deg);
}
.progress-circle.type-multi-lines.svelte-14gh858 circle.rail:where(.svelte-14gh858) {
  stroke: var(--color-theme-card);
}
.progress-circle.svelte-14gh858 circle:where(.svelte-14gh858) {
  fill: none;
  stroke-width: var(--stroke-width, 20px);
  stroke-dasharray: var(--circle-circumference, 0);
}
.progress-circle.svelte-14gh858 circle.rail:where(.svelte-14gh858) {
  stroke: var(--color-1);
  stroke-dasharray: var(--circle-circumference-rail, 0);
}
.progress-circle.svelte-14gh858 circle.progress:where(.svelte-14gh858) {
  transition: stroke-dashoffset 0.2s ease-in-out;
}
.progress-circle.svelte-14gh858 .speedometer-lines-wrapper:where(.svelte-14gh858) {
  position: absolute;
  top: calc(var(--stroke-width, 12px) * 0.5);
  left: 50%;
  transform: translateX(-50%);
}
.progress-circle.svelte-14gh858 .speedometer-numbers:where(.svelte-14gh858) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.progress-circle.svelte-14gh858 .speedometer-numbers:where(.svelte-14gh858) .speedometer-number {
  position: absolute;
  z-index: 1;
}
.progress-circle.svelte-14gh858 .speedometer-numbers:where(.svelte-14gh858) .speedometer-number:nth-of-type(1) {
  left: 24%;
  bottom: 10%;
}
.progress-circle.svelte-14gh858 .speedometer-numbers:where(.svelte-14gh858) .speedometer-number:nth-of-type(2) {
  top: 56%;
  left: 13%;
}
.progress-circle.svelte-14gh858 .speedometer-numbers:where(.svelte-14gh858) .speedometer-number:nth-of-type(3) {
  top: 31%;
  left: 20%;
}
.progress-circle.svelte-14gh858 .speedometer-numbers:where(.svelte-14gh858) .speedometer-number:nth-of-type(4) {
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
}
.progress-circle.svelte-14gh858 .speedometer-numbers:where(.svelte-14gh858) .speedometer-number:nth-of-type(5) {
  top: 31%;
  right: 20%;
}
.progress-circle.svelte-14gh858 .speedometer-numbers:where(.svelte-14gh858) .speedometer-number:nth-of-type(6) {
  top: 56%;
  right: 13%;
}
.progress-circle.svelte-14gh858 .speedometer-numbers:where(.svelte-14gh858) .speedometer-number:nth-of-type(7) {
  right: 24%;
  bottom: 10%;
}
.progress-circle.svelte-14gh858 .arrow-wrapper:where(.svelte-14gh858) {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  transform: rotate(146deg);
  transition: transform 0.2s ease-in-out;
}
.progress-circle.svelte-14gh858 .arrow-wrapper:where(.svelte-14gh858) .arrow:where(.svelte-14gh858) {
  cursor: default;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background: var(--color-1);
}
.progress-circle.svelte-14gh858 .arrow-wrapper:where(.svelte-14gh858) .arrow:where(.svelte-14gh858)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  background: var(--color-1);
  border-radius: inherit;
  z-index: 1;
}
.progress-circle.svelte-14gh858 .arrow-wrapper:where(.svelte-14gh858) .arrow:where(.svelte-14gh858)::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px var(--arrow-width, 88px);
  border-color: transparent transparent transparent var(--color-white);
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.progress-circle.svelte-14gh858 .progres-circle-svg-wrapper:where(.svelte-14gh858) {
  position: relative;
  display: flex;
}
.progress-circle.svelte-14gh858 .progress-content:where(.svelte-14gh858) {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 1;
}
.progress-circle.svelte-14gh858 .progress-label {
  position: absolute;
  top: 0;
  right: 0;
  position: absolute;
  z-index: 1;
}
.progress-circle.svelte-14gh858 .progress-label.label-m {
  min-width: 132px;
}
.progress-circle.svelte-14gh858 .progress-label.label-s {
  min-width: 80px;
}
.progress-circle.svelte-14gh858 .label-right-center {
  top: 42%;
  right: 30px;
  transform: translate(50%, -50%);
}
.progress-circle.svelte-14gh858 .label-right-top {
  top: 0%;
  right: 0;
  transform: translateX(36%);
}.energy-distribution-card.svelte-q2lzzd .energy-distribution-card-content:where(.svelte-q2lzzd) {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.energy-distribution-card.svelte-q2lzzd .tooltip-content-dot:where(.svelte-q2lzzd) {
  display: inline-flex;
  margin: 0px 10px;
  width: 4px;
  height: 4px;
  background-color: var(--color-theme-text-inverse);
  border-radius: 50%;
}
.energy-distribution-card.svelte-q2lzzd .tooltip-content-dot.with-color:where(.svelte-q2lzzd) {
  margin: 0px 4px 0px 0px;
  width: 8px;
  height: 8px;
  background-color: var(--tooltip-content-dot-color);
}.path-line-wrapper.svelte-1x7491b path:where(.svelte-1x7491b) {
  stroke-width: 2;
  fill: transparent;
  stroke: color-mix(in srgb, var(--color-theme-fg) 24%, var(--color-theme-control-track));
}@keyframes svelte-b8douc-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-b8douc-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-b8douc-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-b8douc-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-b8douc-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.energy-distribution-wrapper.svelte-b8douc {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  height: 277px;
  --color-white: var(--color-theme-fg);
  --color-solar: var(--color-theme-energy-solar);
  --color-grid: var(--color-theme-energy-grid);
  --color-battery: var(--color-theme-energy-battery);
}
.energy-distribution-wrapper.svelte-b8douc .energy-distribution-card {
  position: absolute;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-2.svelte-b8douc .energy-distribution-card:nth-child(1) {
  top: 50px;
  right: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-2.svelte-b8douc .energy-distribution-card:nth-child(2) {
  top: 58px;
  left: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-3.svelte-b8douc .energy-distribution-card:nth-child(1) {
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-3.svelte-b8douc .energy-distribution-card:nth-child(2) {
  left: 0;
  bottom: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-3.svelte-b8douc .energy-distribution-card:nth-child(3) {
  right: 0;
  bottom: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-4.svelte-b8douc .energy-distribution-card:nth-child(1) {
  left: 50%;
  top: calc(50% - 12px);
  transform: translate(-50%, calc(-50% - 12px));
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-4.svelte-b8douc .energy-distribution-card:nth-child(2) {
  left: 0;
  bottom: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-4.svelte-b8douc .energy-distribution-card:nth-child(3) {
  right: 0;
  bottom: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-4.svelte-b8douc .energy-distribution-card:nth-child(4) {
  right: 0;
  top: 12px;
}
.energy-distribution-wrapper.svelte-b8douc .lines-wrapper:where(.svelte-b8douc) {
  width: 100%;
  height: 100%;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-b8douc {
  height: 264px;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-b8douc .energy-distribution-card {
  display: flex;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-2.svelte-b8douc .energy-distribution-card:nth-child(2) {
  left: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-b8douc .energy-distribution-card:nth-child(1) {
  top: 72px;
  right: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-b8douc .energy-distribution-card:nth-child(2) {
  top: 96px;
  left: 44%;
}
@media screen and (max-width: 639px) {
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-b8douc .energy-distribution-card:nth-child(2) {
    left: 28%;
  }
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-3.svelte-b8douc .energy-distribution-card:nth-child(3) {
  top: 80px;
}
@media screen and (max-width: 639px) {
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-3.svelte-b8douc .energy-distribution-card:nth-child(1) {
    top: unset;
    bottom: 12px;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-3.svelte-b8douc .energy-distribution-card:nth-child(2) {
    top: 17px;
    left: unset;
    right: 8px;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-3.svelte-b8douc .energy-distribution-card:nth-child(3) {
    top: 1px;
  }
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(2),
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(3) {
  left: 44%;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(1) {
  top: unset;
  bottom: 28px;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(2) {
  top: unset;
  bottom: 20px;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(3) {
  top: 28px;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(4) {
  bottom: 36px;
}
@media screen and (max-width: 639px) {
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(2),
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(3) {
    left: 28%;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(1) {
    bottom: 80px;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(2) {
    bottom: 64px;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(3) {
    top: 0px;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(4) {
    bottom: 0px;
  }
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-b8douc .energy-distribution-card:nth-child(3) {
  top: 0;
  left: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-b8douc .energy-distribution-card:nth-child(4) {
  left: 0;
  bottom: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-b8douc .energy-distribution-card:nth-child(5) {
  left: calc(44% + 66px);
  bottom: 0;
}
@media screen and (max-width: 639px) {
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-b8douc .energy-distribution-card:nth-child(5) {
    left: calc(28% + 56px);
  }
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc {
  height: 408px;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc .energy-distribution-card {
  display: flex;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc .energy-distribution-card:nth-child(1) {
  bottom: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc .energy-distribution-card:nth-child(2) {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc .energy-distribution-card:nth-child(1) {
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.cards-number-2.svelte-b8douc .energy-distribution-card:nth-child(2) {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.cards-number-3.svelte-b8douc .energy-distribution-card:nth-child(3) {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc .energy-distribution-card:nth-child(3),
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc .energy-distribution-card:nth-child(4) {
  top: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc .energy-distribution-card:nth-child(3) {
  left: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc .energy-distribution-card:nth-child(4),
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc .energy-distribution-card:nth-child(5) {
  right: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc .energy-distribution-card:nth-child(5) {
  bottom: 88px;
}@keyframes svelte-mbv6f1-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-mbv6f1-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-mbv6f1-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-mbv6f1-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-mbv6f1-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.energy-distribution-wrapper.svelte-mbv6f1 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  height: 277px;
  --color-white: var(--color-theme-fg);
  --color-solar: var(--color-theme-energy-solar);
  --color-grid: var(--color-theme-energy-grid);
  --color-battery: var(--color-theme-energy-battery);
}
.energy-distribution-wrapper.svelte-mbv6f1 .energy-distribution-card {
  position: absolute;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-2.svelte-mbv6f1 .energy-distribution-card:nth-child(1) {
  top: 50px;
  right: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-2.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
  top: 58px;
  left: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-3.svelte-mbv6f1 .energy-distribution-card:nth-child(1) {
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-3.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
  left: 0;
  bottom: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-3.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
  right: 0;
  bottom: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-4.svelte-mbv6f1 .energy-distribution-card:nth-child(1) {
  left: 50%;
  top: calc(50% - 12px);
  transform: translate(-50%, calc(-50% - 12px));
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-4.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
  left: 0;
  bottom: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-4.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
  right: 0;
  bottom: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-4.svelte-mbv6f1 .energy-distribution-card:nth-child(4) {
  right: 0;
  top: 12px;
}
.energy-distribution-wrapper.svelte-mbv6f1 .lines-wrapper:where(.svelte-mbv6f1) {
  width: 100%;
  height: 100%;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-mbv6f1 {
  height: 264px;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-mbv6f1 .energy-distribution-card {
  display: flex;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-2.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
  left: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-mbv6f1 .energy-distribution-card:nth-child(1) {
  top: 72px;
  right: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
  top: 96px;
  left: 44%;
}
@media screen and (max-width: 639px) {
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
    left: 28%;
  }
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-3.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
  top: 80px;
}
@media screen and (max-width: 639px) {
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-3.svelte-mbv6f1 .energy-distribution-card:nth-child(1) {
    top: unset;
    bottom: 12px;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-3.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
    top: 17px;
    left: unset;
    right: 8px;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-3.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
    top: 1px;
  }
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(2),
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
  left: 44%;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(1) {
  top: unset;
  bottom: 28px;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
  top: unset;
  bottom: 20px;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
  top: 28px;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(4) {
  bottom: 36px;
}
@media screen and (max-width: 639px) {
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(2),
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
    left: 28%;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(1) {
    bottom: 80px;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
    bottom: 64px;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
    top: 0px;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(4) {
    bottom: 0px;
  }
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
  top: 0;
  left: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-mbv6f1 .energy-distribution-card:nth-child(4) {
  left: 0;
  bottom: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-mbv6f1 .energy-distribution-card:nth-child(5) {
  left: calc(44% + 66px);
  bottom: 0;
}
@media screen and (max-width: 639px) {
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-mbv6f1 .energy-distribution-card:nth-child(5) {
    left: calc(28% + 56px);
  }
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 {
  height: 408px;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 .energy-distribution-card {
  display: flex;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 .energy-distribution-card:nth-child(1) {
  bottom: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 .energy-distribution-card:nth-child(1) {
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.cards-number-2.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.cards-number-3.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 .energy-distribution-card:nth-child(3),
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 .energy-distribution-card:nth-child(4) {
  top: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
  left: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 .energy-distribution-card:nth-child(4),
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 .energy-distribution-card:nth-child(5) {
  right: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 .energy-distribution-card:nth-child(5) {
  bottom: 88px;
}.popover-scroll-container.svelte-eainw2 {
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0;
  max-height: 290px;
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px;
}
.popover-scroll-container.is-scrollable.svelte-eainw2 {
  margin-right: -11px;
  padding-right: 5px;
}
@media (max-width: 639px) {
  .popover-scroll-container.svelte-eainw2 {
    margin-right: -16px;
    padding-right: 16px;
  }
}@keyframes svelte-mm9ldu-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-mm9ldu-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-mm9ldu-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-mm9ldu-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-mm9ldu-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.popover-element.svelte-mm9ldu {
  display: inline-flex;
}

#popover.svelte-mm9ldu {
  display: inline-flex;
  flex-direction: column;
  padding: 16px;
  max-height: 400px;
  min-width: 184px;
  max-width: 296px;
  background-color: var(--color-theme-card);
  border: 1px solid var(--color-theme-border-03);
  border-radius: var(--radius-theme-sm);
  z-index: 1002;
}
#popover.fixed-width.svelte-mm9ldu {
  width: 100%;
}

#popover[data-popper-placement^="top"] > #popover-arrow {
  bottom: -4px;
}
#popover[data-popper-placement^="top"] > #popover-arrow::before {
  border-bottom: 1px solid var(--color-theme-border-03);
  border-right: 1px solid var(--color-theme-border-03);
}

#popover[data-popper-placement^="bottom"] > #popover-arrow {
  top: -5px;
}
#popover[data-popper-placement^="bottom"] > #popover-arrow::before {
  border-top: 1px solid var(--color-theme-border-03);
  border-left: 1px solid var(--color-theme-border-03);
}

#popover[data-popper-placement^="left"] > #popover-arrow {
  right: -4px;
}
#popover[data-popper-placement^="left"] > #popover-arrow::before {
  border-top: 1px solid var(--color-theme-border-03);
  border-right: 1px solid var(--color-theme-border-03);
}

#popover[data-popper-placement^="right"] > #popover-arrow {
  left: -5px;
}
#popover[data-popper-placement^="right"] > #popover-arrow::before {
  border-bottom: 1px solid var(--color-theme-border-03);
  border-left: 1px solid var(--color-theme-border-03);
}

#popover[data-popper-placement="bottom-start"] > #popover-arrow,
#popover[data-popper-placement="top-start"] > #popover-arrow {
  left: -16px !important;
}

#popover-arrow.svelte-mm9ldu,
#popover-arrow.svelte-mm9ldu::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}

#popover-arrow.svelte-mm9ldu {
  visibility: hidden;
  text-align: left;
}

#popover-arrow.svelte-mm9ldu::before {
  visibility: visible;
  content: "";
  transform: rotate(45deg);
}

.title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.engaging-loader.svelte-1nvdlye {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 479px;
}
@media screen and (max-width: 639px) {
  .engaging-loader.svelte-1nvdlye {
    width: 295px;
  }
}
.engaging-loader.svelte-1nvdlye .progress-bar .line {
  transition-duration: 500ms;
}
.engaging-loader.svelte-1nvdlye .images-container:where(.svelte-1nvdlye) {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 349px;
  height: 96px;
}
.engaging-loader.svelte-1nvdlye .images-container:where(.svelte-1nvdlye) img:where(.svelte-1nvdlye) {
  position: absolute;
  left: 0;
  transition: all 0.3s ease;
  transition-property: transform, width, height, opacity;
  will-change: trasform, width, height, opacity;
}
.engaging-loader.svelte-1nvdlye .images-container:where(.svelte-1nvdlye) [data-pos="first"] {
  transform: translateX(0px);
}
.engaging-loader.svelte-1nvdlye .images-container:where(.svelte-1nvdlye) [data-pos="second"] {
  transform: translateX(56px);
}
.engaging-loader.svelte-1nvdlye .images-container:where(.svelte-1nvdlye) [data-pos="third"] {
  transform: translateX(127px);
  width: 95px;
  height: 96px;
}
.engaging-loader.svelte-1nvdlye .images-container:where(.svelte-1nvdlye) [data-pos="four"] {
  transform: translateX(238px);
}
.engaging-loader.svelte-1nvdlye .images-container:where(.svelte-1nvdlye) [data-pos="last"] {
  transform: translateX(309px);
}
.engaging-loader.svelte-1nvdlye .images-container:where(.svelte-1nvdlye) [data-pos="first"],
.engaging-loader.svelte-1nvdlye .images-container:where(.svelte-1nvdlye) [data-pos="last"] {
  width: 40px;
  height: 36px;
  opacity: 0.2;
}
.engaging-loader.svelte-1nvdlye .images-container:where(.svelte-1nvdlye) [data-pos="second"],
.engaging-loader.svelte-1nvdlye .images-container:where(.svelte-1nvdlye) [data-pos="four"] {
  width: 55px;
  height: 57px;
  opacity: 0.3;
}
@media screen and (max-width: 639px) {
  .engaging-loader.svelte-1nvdlye .images-container:where(.svelte-1nvdlye) {
    width: 295px;
    height: 94px;
  }
  .engaging-loader.svelte-1nvdlye .images-container:where(.svelte-1nvdlye) [data-pos="first"] {
    transform: translateX(0px);
  }
  .engaging-loader.svelte-1nvdlye .images-container:where(.svelte-1nvdlye) [data-pos="second"] {
    transform: translateX(47px);
  }
  .engaging-loader.svelte-1nvdlye .images-container:where(.svelte-1nvdlye) [data-pos="third"] {
    transform: translateX(103px);
    width: 88px;
    height: 94px;
  }
  .engaging-loader.svelte-1nvdlye .images-container:where(.svelte-1nvdlye) [data-pos="four"] {
    transform: translateX(203px);
  }
  .engaging-loader.svelte-1nvdlye .images-container:where(.svelte-1nvdlye) [data-pos="last"] {
    transform: translateX(259px);
  }
  .engaging-loader.svelte-1nvdlye .images-container:where(.svelte-1nvdlye) [data-pos="first"],
  .engaging-loader.svelte-1nvdlye .images-container:where(.svelte-1nvdlye) [data-pos="last"] {
    width: 35px;
    height: 28px;
  }
  .engaging-loader.svelte-1nvdlye .images-container:where(.svelte-1nvdlye) [data-pos="second"],
  .engaging-loader.svelte-1nvdlye .images-container:where(.svelte-1nvdlye) [data-pos="four"] {
    width: 44px;
    height: 44px;
  }
}.preview-box.svelte-1iu0zii {
  position: relative;
  border-radius: var(--radius-theme-md);
  background-color: var(--color-theme-bg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
.preview-box.svelte-1iu0zii .preview-box-overlay:where(.svelte-1iu0zii) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--background-image-overlay);
}

@media (max-width: 639px) {
  .preview-box.svelte-1iu0zii {
    padding: 16px;
  }
}.preview-image-content.svelte-15o6oa6 {
  display: inline-flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-s);
  background-color: var(--color-theme-card-01);
  border-radius: var(--radius-theme-sm);
  max-width: 100%;
  z-index: 1;
}
.preview-image-content.svelte-15o6oa6 .preview-image-content-media:where(.svelte-15o6oa6) {
  display: flex;
  min-height: 0;
  max-width: 100%;
}
.preview-image-content.svelte-15o6oa6 img:where(.svelte-15o6oa6) {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.preview-image-content.svelte-15o6oa6 img:where(.svelte-15o6oa6),
.preview-image-content.svelte-15o6oa6 .preview-image-content-media:where(.svelte-15o6oa6) {
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
}@keyframes svelte-80jzd9-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-80jzd9-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-80jzd9-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-80jzd9-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-80jzd9-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.time-column.svelte-80jzd9 {
  flex: 1;
  min-width: 70px;
  max-width: 70px;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  scroll-behavior: smooth;
  position: relative;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.time-column.svelte-80jzd9::-webkit-scrollbar {
  display: none;
}
.time-column.svelte-80jzd9:focus {
  outline: 2px solid var(--color-theme-accent);
  outline-offset: -2px;
}
@media (hover: hover) and (pointer: fine) {
  .time-column.interacting.svelte-80jzd9 .time-item:where(.svelte-80jzd9):hover:not(.selected) {
    color: var(--color-theme-text-sec);
  }
}
.time-column.svelte-80jzd9 .time-item:where(.svelte-80jzd9) {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 32px;
  padding-left: 6px;
  padding-right: 32px;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: var(--color-theme-text-sec);
  cursor: pointer;
  white-space: nowrap;
}
.time-column.svelte-80jzd9 .time-item.selected:where(.svelte-80jzd9) {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-theme-text);
}
@media (hover: hover) and (pointer: fine) {
  .time-column.svelte-80jzd9 .time-item:where(.svelte-80jzd9):hover:not(.selected) {
    color: var(--color-theme-accent-text);
  }
}
.time-column.svelte-80jzd9 .padding-item:where(.svelte-80jzd9) {
  height: 100px;
  opacity: 0;
}@keyframes svelte-16lnh9v-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-16lnh9v-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-16lnh9v-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-16lnh9v-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-16lnh9v-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.time-wheel-element.svelte-16lnh9v {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 210px;
  height: 145px;
  overflow: hidden;
  background-color: var(--color-theme-card);
  color: var(--color-theme-text);
}
.time-wheel-element.svelte-16lnh9v .time-wheel-element-line:where(.svelte-16lnh9v) {
  position: absolute;
  width: 100%;
  height: 32px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
  background-color: var(--color-theme-accent-tint);
  border-radius: var(--radius-theme-sm);
}
.time-wheel-element.svelte-16lnh9v::before, .time-wheel-element.svelte-16lnh9v::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient(180deg, var(--color-theme-card) 0%, color-mix(in srgb, var(--color-theme-card) 80%, transparent) 56.44%, color-mix(in srgb, var(--color-theme-card) 0%, transparent) 100%);
  z-index: 1;
  pointer-events: none;
}
.time-wheel-element.svelte-16lnh9v::after {
  top: unset;
  bottom: 0;
  rotate: 180deg;
}
.time-wheel-element.svelte-16lnh9v .hour-container-text,
.time-wheel-element.svelte-16lnh9v .minute-container-text,
.time-wheel-element.svelte-16lnh9v .second-container-text,
.time-wheel-element.svelte-16lnh9v .ms-container-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  max-width: 30px;
  color: var(--color-theme-text-sec);
}
.time-wheel-element.svelte-16lnh9v .hour-container-text {
  left: 40px;
}
.time-wheel-element.svelte-16lnh9v .minute-container-text {
  left: 110px;
}
.time-wheel-element.svelte-16lnh9v .second-container-text {
  left: 180px;
}
.time-wheel-element.svelte-16lnh9v .ms-container-text {
  left: 232px;
}
.time-wheel-element.show-time-wheel-ms.svelte-16lnh9v {
  width: 258px;
}
.time-wheel-element.show-time-wheel-ms.svelte-16lnh9v .time-column {
  min-width: 64px;
  max-width: 64px;
}
.time-wheel-element.show-time-wheel-ms.svelte-16lnh9v .time-item {
  width: 64px;
}
.time-wheel-element.show-time-wheel-ms.svelte-16lnh9v .minute-container-text {
  left: 104px;
}
.time-wheel-element.show-time-wheel-ms.svelte-16lnh9v .second-container-text {
  left: 168px;
}@keyframes svelte-3m8epy-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-3m8epy-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-3m8epy-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-3m8epy-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-3m8epy-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.time-wheel-wrapper.svelte-3m8epy {
  display: inline-flex;
  flex-direction: column;
  color: var(--color-theme-text);
}
.time-wheel-wrapper.svelte-3m8epy .time-wheel:where(.svelte-3m8epy) {
  position: relative;
  display: inline-flex;
}
.time-wheel-wrapper.svelte-3m8epy .time-wheel.expanded:where(.svelte-3m8epy) .input-wrapper-m input {
  border-color: var(--color-theme-accent);
  box-shadow: var(--shadow-theme-glow-soft);
}
.time-wheel-wrapper.svelte-3m8epy .time-wheel.expanded:where(.svelte-3m8epy) .input-wrapper-l input {
  border-color: var(--color-theme-accent);
  box-shadow: var(--shadow-theme-glow-strong);
}
.time-wheel-wrapper.svelte-3m8epy .time-wheel:where(.svelte-3m8epy) .time-wheel-input-btn:where(.svelte-3m8epy) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  position: absolute;
  top: 1px;
  right: 1px;
  background-color: var(--color-theme-card-02);
  border-left: 1px solid var(--color-theme-border-03);
  color: var(--color-theme-text);
}
.time-wheel-wrapper.svelte-3m8epy .time-wheel:where(.svelte-3m8epy) .time-wheel-input-btn:where(.svelte-3m8epy):disabled {
  cursor: not-allowed;
}
@media (hover: hover) and (pointer: fine) {
  .time-wheel-wrapper.svelte-3m8epy .time-wheel:where(.svelte-3m8epy) .time-wheel-input-btn:where(.svelte-3m8epy):hover:not(:disabled) {
    background-color: var(--color-theme-card-01);
  }
}
.time-wheel-wrapper.svelte-3m8epy .time-wheel:where(.svelte-3m8epy) .time-wheel-input-btn:where(.svelte-3m8epy):active {
  color: var(--color-theme-text-sec);
}
.time-wheel-wrapper.svelte-3m8epy .time-wheel:where(.svelte-3m8epy) .time-wheel-input-btn:where(.svelte-3m8epy):focus {
  outline: 1px solid var(--color-theme-accent);
}
.time-wheel-wrapper.svelte-3m8epy .time-wheel:where(.svelte-3m8epy) .time-wheel-input-btn:where(.svelte-3m8epy):disabled {
  background-color: var(--color-theme-card-01);
  color: var(--color-theme-text-tertiary);
}
.time-wheel-wrapper.size-m.svelte-3m8epy .time-wheel-input-btn:where(.svelte-3m8epy) {
  width: 31px;
  height: 30px;
  border-top-right-radius: var(--radius-theme-sm);
  border-bottom-right-radius: var(--radius-theme-sm);
}
.time-wheel-wrapper.size-l.svelte-3m8epy .time-wheel-input-btn:where(.svelte-3m8epy) {
  width: 43px;
  height: 42px;
  border-top-right-radius: var(--radius-theme-md);
  border-bottom-right-radius: var(--radius-theme-md);
}
.time-wheel-wrapper.svelte-3m8epy .validation-text.validation-text-m:where(.svelte-3m8epy) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  margin-top: var(--spacing-xxs);
  margin-left: 6px;
  color: var(--color-theme-danger);
}
.time-wheel-wrapper.svelte-3m8epy .validation-text.validation-text-l:where(.svelte-3m8epy) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  margin-top: var(--spacing-xxs);
  margin-left: 12px;
  color: var(--color-theme-danger);
}
.time-wheel-wrapper.svelte-3m8epy .validation-text.is-disabled:where(.svelte-3m8epy) {
  color: var(--color-theme-text-sec);
}
.time-wheel-wrapper.svelte-3m8epy .info-text.validation-text-m:where(.svelte-3m8epy), .time-wheel-wrapper.svelte-3m8epy .info-text.validation-text-l:where(.svelte-3m8epy) {
  color: var(--color-theme-text);
}

.time-wheel-popover .title-wrapper.svelte-3m8epy {
  margin-bottom: 4px;
  max-width: 258px;
}
.time-wheel-popover .title-wrapper.time-wheel-disabled-ms.svelte-3m8epy {
  min-height: 32px;
  max-width: 210px;
}
.time-wheel-popover hr.svelte-3m8epy {
  margin-bottom: 12px;
  border: none;
  border-top: 1px solid var(--color-theme-border-03);
}

.time-wheel-popover #popover[id] {
  padding-top: 8px;
  background-color: var(--color-theme-card);
  border-color: var(--color-theme-border-03);
  border-radius: var(--radius-theme-sm);
  color: var(--color-theme-text);
}

@media screen and (max-width: 350px) {
  .time-wheel-popover #popover[id] {
    padding: 8px;
  }
  .time-wheel-popover .title-wrapper.svelte-3m8epy {
    margin-bottom: 8px;
  }
  .time-wheel-popover hr.svelte-3m8epy {
    margin-bottom: 8px;
  }
}.countdown.svelte-q6j99m {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.countdown.svelte-q6j99m .countdown-time-wripper:where(.svelte-q6j99m) {
  display: flex;
  padding: 0px 1px;
  min-width: 50px;
}
.countdown.svelte-q6j99m .countdown-time-wripper:where(.svelte-q6j99m) .countdown-digits {
  min-width: 32px;
}.live-indicator-wrapper.svelte-1xy7kb6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 20px;
}
.live-indicator-wrapper.svelte-1xy7kb6 .dot:where(.svelte-1xy7kb6) {
  background-color: var(--color-theme-danger);
  height: 10px;
  width: 10px;
  border-radius: 50%;
  animation: svelte-1xy7kb6-blinkLiveIndicator 2000ms ease-in-out infinite;
}

@keyframes svelte-1xy7kb6-blinkLiveIndicator {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}@keyframes svelte-1vizgqi-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1vizgqi-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1vizgqi-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1vizgqi-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1vizgqi-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.flexible-card-wrapper.svelte-1vizgqi {
  position: relative;
  display: flex;
  gap: var(--spacing-xxs);
  width: 100%;
}
.flexible-card-wrapper.dismissable.svelte-1vizgqi {
  transition: all 300ms ease-in-out;
  transition-property: padding, height;
  will-change: padding, height;
  height: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
.flexible-card-wrapper.is-focusable.svelte-1vizgqi {
  cursor: pointer;
}
.flexible-card-wrapper.is-focusable.svelte-1vizgqi:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.flexible-card-wrapper.is-focusable.svelte-1vizgqi:hover:not(.selected):not(.no-hover-outline):before {
  z-index: 3;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid var(--color-theme-accent);
  border-radius: var(--radius-theme-md);
}
.flexible-card-wrapper.is-focusable.svelte-1vizgqi:focus-visible {
  outline: none;
}
.flexible-card-wrapper.is-focusable.svelte-1vizgqi:focus-visible:before {
  z-index: 3;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid var(--color-theme-accent);
  border-radius: var(--radius-theme-md);
  box-shadow: 0 0 0 4px var(--color-theme-accent-tint-strong);
}
.flexible-card-wrapper.svelte-1vizgqi .main-content-wrapper:where(.svelte-1vizgqi) {
  display: flex;
  flex: 1;
  border-radius: var(--radius-theme-md);
  background-color: var(--background-color);
}
.flexible-card-wrapper.svelte-1vizgqi .main-content-wrapper.padding-s:where(.svelte-1vizgqi) {
  padding: 8px;
}
.flexible-card-wrapper.svelte-1vizgqi .main-content-wrapper.padding-s-plus:where(.svelte-1vizgqi) {
  padding: 12px;
}
.flexible-card-wrapper.svelte-1vizgqi .main-content-wrapper.padding-m:where(.svelte-1vizgqi) {
  padding: 16px;
}
.flexible-card-wrapper.svelte-1vizgqi .main-content-wrapper.has-additional-slot:where(.svelte-1vizgqi) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.flexible-card-wrapper.svelte-1vizgqi .main-content-wrapper:where(.svelte-1vizgqi) .grow:where(.svelte-1vizgqi) {
  flex: 1 1 auto;
  min-width: min-content;
}
.flexible-card-wrapper.svelte-1vizgqi .main-content-wrapper:where(.svelte-1vizgqi) .shrink:where(.svelte-1vizgqi) {
  flex: 0 1 auto;
  min-width: min-content;
}
.flexible-card-wrapper.svelte-1vizgqi .main-content-wrapper:where(.svelte-1vizgqi) .header-wrapper:where(.svelte-1vizgqi) {
  display: flex;
  justify-content: space-between;
}
.flexible-card-wrapper.svelte-1vizgqi .additional-slot-wrapper:where(.svelte-1vizgqi) {
  background-color: var(--background-color);
  border-top-right-radius: var(--radius-theme-md);
  border-bottom-right-radius: var(--radius-theme-md);
}
.flexible-card-wrapper.svelte-1vizgqi .additional-slot-wrapper.padding-s:where(.svelte-1vizgqi) {
  padding: 8px;
}
.flexible-card-wrapper.svelte-1vizgqi .additional-slot-wrapper.padding-s-plus:where(.svelte-1vizgqi) {
  padding: 12px;
}
.flexible-card-wrapper.svelte-1vizgqi .additional-slot-wrapper.padding-m:where(.svelte-1vizgqi) {
  padding: 16px;
}@keyframes svelte-1rqag18-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1rqag18-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1rqag18-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1rqag18-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1rqag18-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.plain-table.svelte-1rqag18 {
  border-collapse: collapse;
  table-layout: fixed;
}
.plain-table.type-default.svelte-1rqag18 thead th {
  padding: 10px 8px;
}
.plain-table.type-default.svelte-1rqag18 tbody th {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  padding: 12px 8px;
  padding-left: 0;
}
.plain-table.type-default.svelte-1rqag18 tbody td {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  padding: 12px 8px;
}
.plain-table.type-compact.svelte-1rqag18 thead th {
  padding: 6px 4px;
}
.plain-table.type-compact.svelte-1rqag18 tbody th {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  padding: 8.5px 4px;
  padding-left: 0;
}
.plain-table.type-compact.svelte-1rqag18 tbody td {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
  padding: 8.5px 4px;
}
.plain-table.type-dense.svelte-1rqag18 thead th {
  padding: 4px 8px;
}
.plain-table.type-dense.svelte-1rqag18 tbody th {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  padding: 4px 8px;
  padding-left: 0;
}
.plain-table.type-dense.svelte-1rqag18 tbody td {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  padding: 4px 8px;
}
.plain-table.svelte-1rqag18 thead th {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-theme-text-sec);
  font-weight: 600;
  text-transform: uppercase;
  text-align: right;
}
.plain-table.svelte-1rqag18 thead th:last-child {
  padding-right: 0;
}
.plain-table.svelte-1rqag18 tbody tr:not(:last-child) {
  border-bottom: 1px solid var(--color-theme-border-03);
}
.plain-table.svelte-1rqag18 tbody th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left !important;
}
.plain-table.svelte-1rqag18 tbody td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}
.plain-table.svelte-1rqag18 tbody td:last-child {
  padding-right: 0;
}.linear-gauge.svelte-zuuql6 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.linear-gauge.svelte-zuuql6 .labels:where(.svelte-zuuql6) {
  display: flex;
  gap: var(--spacing-xs);
  margin-bottom: var(--spacing-xs);
  width: 100%;
}
.linear-gauge.svelte-zuuql6 .labels:where(.svelte-zuuql6) .label-wrapper:where(.svelte-zuuql6) {
  display: flex;
  justify-content: center;
}
.linear-gauge.svelte-zuuql6 .rail:where(.svelte-zuuql6) {
  position: relative;
  height: 6px;
  background: var(--bg-color);
  border-radius: var(--radius-small);
}
.linear-gauge.svelte-zuuql6 .rail:where(.svelte-zuuql6) .line:where(.svelte-zuuql6) {
  position: absolute;
  top: 0;
  height: 100%;
}
.linear-gauge.svelte-zuuql6 .rail:where(.svelte-zuuql6) .line:where(.svelte-zuuql6):first-of-type {
  border-top-left-radius: var(--radius-small);
  border-bottom-left-radius: var(--radius-small);
}
.linear-gauge.svelte-zuuql6 .rail:where(.svelte-zuuql6) .line.filled-rail:where(.svelte-zuuql6) {
  border-top-right-radius: var(--radius-small);
  border-bottom-right-radius: var(--radius-small);
}
.linear-gauge.svelte-zuuql6 .rail:where(.svelte-zuuql6) .line:where(.svelte-zuuql6) .dot:where(.svelte-zuuql6) {
  position: absolute;
  right: -5px;
  z-index: 1;
  transform: translateY(-50%);
  top: 50%;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  border: 2px solid var(--dot-border-color);
}
.linear-gauge.svelte-zuuql6 .values:where(.svelte-zuuql6) {
  display: flex;
  justify-content: space-between;
  width: 100%;
}@keyframes svelte-1pmb9nu-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1pmb9nu-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1pmb9nu-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1pmb9nu-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1pmb9nu-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.status-indicator.svelte-1pmb9nu {
  display: inline-flex;
  align-items: center;
  width: 174px;
  height: 174px;
}
.status-indicator.svelte-1pmb9nu .status-indicator-circle:where(.svelte-1pmb9nu) {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  padding-top: 40px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--color-theme-card-01);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.8) inset;
}
.status-indicator.svelte-1pmb9nu .status-indicator-circle.animated:where(.svelte-1pmb9nu)::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 190px;
  height: 190px;
  opacity: 0.4;
  border-radius: 50%;
  background: var(--color-electric-vehicle);
  filter: blur(8px);
  animation: svelte-1pmb9nu-pulsing-glow 1.5s infinite linear;
  z-index: -1;
}
.status-indicator.svelte-1pmb9nu .status-indicator-circle.animated:where(.svelte-1pmb9nu) .status-indicator-circle-svg:where(.svelte-1pmb9nu) {
  animation: svelte-1pmb9nu-rotate 2.3s linear infinite;
}
.status-indicator.svelte-1pmb9nu .status-indicator-circle:where(.svelte-1pmb9nu) .status-indicator-circle-svg:where(.svelte-1pmb9nu) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.status-indicator.svelte-1pmb9nu .status-indicator-circle:where(.svelte-1pmb9nu) .status-indicator-check-svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.status-indicator.svelte-1pmb9nu .status-indicator-circle:where(.svelte-1pmb9nu) .status-indicator-check-svg rect {
  fill: var(--color-electric-vehicle);
}
.status-indicator.svelte-1pmb9nu .status-indicator-circle:where(.svelte-1pmb9nu) .status-indicator-subtitle {
  margin-top: 6px;
}
.status-indicator.idle.svelte-1pmb9nu .status-indicator-circle:where(.svelte-1pmb9nu) .status-indicator-circle-svg.border:where(.svelte-1pmb9nu) path {
  fill: var(--color-theme-text-sec);
}
.status-indicator.waiting.svelte-1pmb9nu .status-indicator-circle:where(.svelte-1pmb9nu) .status-indicator-circle-svg.border:where(.svelte-1pmb9nu) path {
  fill: var(--color-theme-text);
}
.status-indicator.charging.svelte-1pmb9nu .status-indicator-circle:where(.svelte-1pmb9nu) .status-indicator-circle-svg.border:where(.svelte-1pmb9nu) path, .status-indicator.paused.svelte-1pmb9nu .status-indicator-circle:where(.svelte-1pmb9nu) .status-indicator-circle-svg.border:where(.svelte-1pmb9nu) path, .status-indicator.completed.svelte-1pmb9nu .status-indicator-circle:where(.svelte-1pmb9nu) .status-indicator-circle-svg.border:where(.svelte-1pmb9nu) path {
  fill: var(--color-electric-vehicle);
}
.status-indicator.error.svelte-1pmb9nu .status-indicator-circle:where(.svelte-1pmb9nu) .status-indicator-circle-svg.border:where(.svelte-1pmb9nu) path {
  fill: var(--color-theme-danger);
}

@keyframes svelte-1pmb9nu-pulsing-glow {
  0%, 100% {
    width: 174px;
    height: 174px;
    opacity: 0.2;
  }
  50% {
    width: 190px;
    height: 190px;
    opacity: 0.25;
  }
}
@keyframes svelte-1pmb9nu-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}.title-value.svelte-19jhhqs {
  display: inline-block;
  text-align: left;
  text-wrap: nowrap;
}
.title-value.simple.svelte-19jhhqs, .title-value.incremented.svelte-19jhhqs {
  min-width: unset;
}@keyframes svelte-1r2bnaz-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1r2bnaz-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1r2bnaz-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1r2bnaz-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1r2bnaz-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.thumb.svelte-1r2bnaz {
  position: absolute;
  border-radius: var(--radius-theme-sm);
  background-color: var(--color-theme-control-track);
  transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, bottom 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  will-change: left, bottom;
  z-index: 2;
}
.thumb.svelte-1r2bnaz input:where(.svelte-1r2bnaz) {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  height: 100%;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 100%;
  direction: ltr;
}
.thumb.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  width: 44px;
  background: #eaeaea;
  color: #151617;
  border-radius: 50% 50% 0;
  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  pointer-events: none;
  z-index: 1;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15), 2px 0 8px rgba(0, 0, 0, 0.15);
}
.thumb.svelte-1r2bnaz .value-label.visible:where(.svelte-1r2bnaz) .value-label-text {
  opacity: 1;
}
.thumb.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) .value-label-text {
  opacity: 0;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  min-width: 29px;
  text-align: center;
}
.thumb.thumb-color-white.value-is-zero.svelte-1r2bnaz {
  background: var(--color-theme-fg);
}
.thumb.thumb-color-white.svelte-1r2bnaz::before {
  background: var(--color-theme-fg);
}
.thumb.thumb-color-heating.value-is-zero.svelte-1r2bnaz {
  background: var(--color-theme-fg);
}
.thumb.thumb-color-heating.svelte-1r2bnaz::before {
  background: var(--color-heating);
}
.thumb.thumb-color-pool.value-is-zero.svelte-1r2bnaz {
  background: var(--color-theme-fg);
}
.thumb.thumb-color-pool.svelte-1r2bnaz::before {
  background: var(--color-pool);
}
.thumb.thumb-color-electric-vehicle.value-is-zero.svelte-1r2bnaz {
  background: var(--color-theme-fg);
}
.thumb.thumb-color-electric-vehicle.svelte-1r2bnaz::before {
  background: var(--color-electric-vehicle);
}
.thumb.thumb-color-light-gray.value-is-zero.svelte-1r2bnaz {
  background: var(--color-theme-fg);
}
.thumb.thumb-color-light-gray.svelte-1r2bnaz::before {
  background: var(--color-light-gray);
}
.thumb.thumb-color-heating.svelte-1r2bnaz:not(.value-is-zero) {
  background: var(--color-theme-fg);
}
.thumb.thumb-color-pool.svelte-1r2bnaz:not(.value-is-zero) {
  background: var(--color-theme-fg);
}
.thumb.thumb-color-electric-vehicle.svelte-1r2bnaz:not(.value-is-zero) {
  background: var(--color-theme-fg);
}
.thumb.vertical.svelte-1r2bnaz {
  width: 40px;
  height: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.thumb.vertical.disabled.value-is-zero.svelte-1r2bnaz {
  background-color: color-mix(in srgb, var(--color-theme-fg) 24%, var(--color-theme-control-track));
}
.thumb.vertical.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) {
  transform-origin: right center;
  transform: translate(-30%, -60%) scale(0) rotate(-45deg);
  left: -48px;
}
.thumb.vertical.svelte-1r2bnaz .value-label.visible:where(.svelte-1r2bnaz) {
  transform: translate(-100%, -100%) scale(1) rotate(-45deg);
}
.thumb.vertical.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) .value-label-text {
  transform: rotate(45deg);
}
.thumb.thin-vertical.svelte-1r2bnaz {
  width: 20px;
  height: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.thumb.thin-vertical.disabled.value-is-zero.svelte-1r2bnaz {
  background-color: color-mix(in srgb, var(--color-theme-fg) 24%, var(--color-theme-control-track));
}
.thumb.thin-vertical.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) {
  transform-origin: right center;
  transform: translate(-30%, -60%) scale(0) rotate(-45deg);
  left: -32px;
}
.thumb.thin-vertical.svelte-1r2bnaz .value-label.visible:where(.svelte-1r2bnaz) {
  transform: translate(-100%, -100%) scale(1) rotate(-45deg);
}
.thumb.thin-vertical.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) .value-label-text {
  transform: rotate(45deg);
}
.thumb.horizontal.svelte-1r2bnaz {
  width: 4px;
  height: 24px;
}
.thumb.horizontal.disabled.value-is-zero.svelte-1r2bnaz {
  background-color: color-mix(in srgb, var(--color-theme-fg) 24%, var(--color-theme-control-track));
}
.thumb.horizontal.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) {
  transform-origin: center bottom;
  transform: translate(-30%, -30%) scale(0) rotate(45deg);
  top: -40px;
}
.thumb.horizontal.svelte-1r2bnaz .value-label.visible:where(.svelte-1r2bnaz) {
  transform: translate(-80%, -100%) scale(1) rotate(45deg);
}
.thumb.horizontal.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) .value-label-text {
  transform: rotate(-45deg);
}
.thumb.horizontal.label-bottom.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) {
  transform-origin: center bottom;
  transform: translate(-30%, -30%) scale(0) rotate(-135deg);
  top: unset;
  bottom: -40px;
}
.thumb.horizontal.label-bottom.svelte-1r2bnaz .value-label.visible:where(.svelte-1r2bnaz) {
  transform: translate(-10%, 0%) scale(1) rotate(-135deg);
}
.thumb.horizontal.label-bottom.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) .value-label-text {
  transform: rotate(135deg);
}
.thumb.simple.svelte-1r2bnaz {
  width: 4px;
  height: 12px;
}
.thumb.simple.disabled.value-is-zero.svelte-1r2bnaz {
  background-color: color-mix(in srgb, var(--color-theme-fg) 24%, var(--color-theme-control-track));
}
.thumb.simple.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) {
  display: none;
}
.thumb.incremented.svelte-1r2bnaz {
  width: var(--thumb-size);
  height: var(--thumb-size);
  border-radius: 50%;
}
.thumb.incremented.svelte-1r2bnaz::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border-radius: 50%;
}
.thumb.incremented.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) {
  transform-origin: center bottom;
  transform: translate(-50%, -50%) scale(0);
  top: -12px;
  bottom: unset;
  left: 50%;
  height: 32px;
  border-radius: var(--radius-theme-sm);
  background: #eaeaea;
}
.thumb.incremented.svelte-1r2bnaz .value-label.visible:where(.svelte-1r2bnaz) {
  transform: translate(-50%, -100%) scale(1);
}
.thumb.incremented.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz)::before {
  content: "";
  position: absolute;
  bottom: -7px;
  top: unset;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 9px 5px 0 5px;
  border-color: #eaeaea transparent transparent transparent;
}
.thumb.incremented.label-bottom.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) {
  transform: translate(-50%, 50%) scale(0);
  top: unset;
  bottom: -12px;
}
.thumb.incremented.label-bottom.svelte-1r2bnaz .value-label.visible:where(.svelte-1r2bnaz) {
  transform: translate(-50%, 100%) scale(1);
}
.thumb.incremented.label-bottom.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz)::before {
  top: -7px;
  bottom: unset;
  transform: rotate(180deg);
}
.thumb.compact.svelte-1r2bnaz {
  width: var(--thumb-size);
  height: var(--thumb-size);
  border-radius: 50%;
}
.thumb.compact.svelte-1r2bnaz::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 50%;
}
.thumb.compact.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) {
  transform-origin: center bottom;
  transform: translate(-50%, -50%) scale(0);
  bottom: 0px;
  left: 50%;
  padding: 6px;
  min-height: 24px;
  min-width: 34px;
  height: max-content;
  width: max-content;
  border-radius: var(--radius-theme-sm);
  background: #eaeaea;
}
.thumb.compact.svelte-1r2bnaz .value-label.visible:where(.svelte-1r2bnaz) {
  transform: translate(-50%, -100%) scale(1);
}
.thumb.compact.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz)::before {
  content: "";
  position: absolute;
  bottom: -6px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 6.5px 4px 0 4px;
  border-color: #eaeaea transparent transparent transparent;
}
.thumb.compact.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) .value-label-text {
  min-width: unset;
}
.thumb.compact.label-bottom.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) {
  transform-origin: center top;
  transform: translate(-50%, 50%) scale(0);
  top: 0px;
  bottom: unset;
}
.thumb.compact.label-bottom.svelte-1r2bnaz .value-label.visible:where(.svelte-1r2bnaz) {
  transform: translate(-50%, 100%) scale(1);
}
.thumb.compact.label-bottom.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz)::before {
  top: -6px;
  bottom: unset;
  border-width: 6.5px 4px 0 4px;
  border-color: #eaeaea transparent transparent transparent;
  transform: rotate(180deg);
}
.thumb.horizontal.svelte-1r2bnaz, .thumb.simple.svelte-1r2bnaz, .thumb.incremented.svelte-1r2bnaz, .thumb.compact.svelte-1r2bnaz {
  top: 50%;
  transform: translateY(-50%);
}

.thumb.disabled.svelte-1r2bnaz {
  background-color: var(--color-theme-card);
}
.thumb.disabled.svelte-1r2bnaz::before {
  background: color-mix(in srgb, var(--color-theme-fg) 24%, var(--color-theme-control-track));
}.slider-wrapper.svelte-11l43ai {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.slider-wrapper.have-marks.svelte-11l43ai {
  padding-bottom: 40px;
}
.slider-wrapper.svelte-11l43ai .line-markers-wrapper:where(.svelte-11l43ai) {
  position: relative;
  width: 100%;
  height: 16px;
}
.slider-wrapper.svelte-11l43ai .line-markers-wrapper:where(.svelte-11l43ai) .line-marker {
  position: absolute;
  word-break: keep-all;
  overflow: visible;
}
.slider-wrapper.svelte-11l43ai .line-markers-wrapper:where(.svelte-11l43ai) .line-marker:focus-visible:not(.theme-text-disabled) {
  outline-offset: 4px;
  outline: 1px solid var(--color-theme-accent);
  border-radius: 4px;
}
.slider-wrapper.svelte-11l43ai .line-markers-wrapper:where(.svelte-11l43ai) .line-marker:not(:first-of-type) {
  transform: translateX(-50%);
}
.slider-wrapper.svelte-11l43ai .line-markers-wrapper:where(.svelte-11l43ai) .line-marker:last-of-type {
  transform: translateX(-100%);
}
.slider-wrapper.svelte-11l43ai .line-markers-wrapper:where(.svelte-11l43ai) .line-marker:not(:first-of-type):not(:last-of-type)::before {
  content: "";
  position: absolute;
  top: -22px;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 13px;
  background-color: var(--color-theme-control-track);
}

.slider.svelte-11l43ai {
  --slider-rail-bg: var(--color-theme-control-track);
  position: relative;
  display: inline-block;
  background-color: var(--slider-rail-bg);
}
.slider.dragging.svelte-11l43ai {
  --slider-rail-bg: color-mix(in srgb, #eaeaea 40%, var(--color-theme-control-track));
}
.slider.dragging.svelte-11l43ai .thumb.thumb-color-white:not(.value-is-zero):not(.incremented):not(.compact) {
  background-color: var(--slider-rail-bg);
}
.slider.svelte-11l43ai .slider-rail:where(.svelte-11l43ai) {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  touch-action: none;
  user-select: none;
}
.slider.svelte-11l43ai .marks-rail:where(.svelte-11l43ai) {
  position: absolute;
}
.slider.slider-focus.svelte-11l43ai:not(.incremented):not(.compact):not(.disabled) {
  outline: 2px solid var(--color-theme-accent);
  outline-offset: 4px;
}
.slider.slider-focus:not(.incremented):not(.compact):not(.disabled).color-heating.svelte-11l43ai {
  outline-color: var(--color-heating);
}
.slider.slider-focus:not(.incremented):not(.compact):not(.disabled).color-pool.svelte-11l43ai {
  outline-color: var(--color-pool);
}
.slider.slider-focus:not(.incremented):not(.compact):not(.disabled).color-electric-vehicle.svelte-11l43ai {
  outline-color: var(--color-electric-vehicle);
}
.slider.slider-focus:not(.incremented):not(.compact):not(.disabled).color-light-gray.svelte-11l43ai {
  outline-color: var(--color-light-gray);
}
.slider.vertical.svelte-11l43ai .track.track-fill-fg:where(.svelte-11l43ai), .slider.horizontal.svelte-11l43ai .track.track-fill-fg:where(.svelte-11l43ai), .slider.simple.svelte-11l43ai .track.track-fill-fg:where(.svelte-11l43ai), .slider.incremented.svelte-11l43ai .track.track-fill-fg:where(.svelte-11l43ai), .slider.thin-vertical.svelte-11l43ai .track.track-fill-fg:where(.svelte-11l43ai), .slider.compact.svelte-11l43ai .track.track-fill-fg:where(.svelte-11l43ai) {
  background: var(--color-theme-fg);
}
.slider.vertical.svelte-11l43ai .track.bg-color-heating:where(.svelte-11l43ai), .slider.horizontal.svelte-11l43ai .track.bg-color-heating:where(.svelte-11l43ai), .slider.simple.svelte-11l43ai .track.bg-color-heating:where(.svelte-11l43ai), .slider.incremented.svelte-11l43ai .track.bg-color-heating:where(.svelte-11l43ai), .slider.thin-vertical.svelte-11l43ai .track.bg-color-heating:where(.svelte-11l43ai), .slider.compact.svelte-11l43ai .track.bg-color-heating:where(.svelte-11l43ai) {
  background: var(--color-heating);
}
.slider.vertical.svelte-11l43ai .track.bg-color-pool:where(.svelte-11l43ai), .slider.horizontal.svelte-11l43ai .track.bg-color-pool:where(.svelte-11l43ai), .slider.simple.svelte-11l43ai .track.bg-color-pool:where(.svelte-11l43ai), .slider.incremented.svelte-11l43ai .track.bg-color-pool:where(.svelte-11l43ai), .slider.thin-vertical.svelte-11l43ai .track.bg-color-pool:where(.svelte-11l43ai), .slider.compact.svelte-11l43ai .track.bg-color-pool:where(.svelte-11l43ai) {
  background: var(--color-pool);
}
.slider.vertical.svelte-11l43ai .track.bg-color-electric-vehicle:where(.svelte-11l43ai), .slider.horizontal.svelte-11l43ai .track.bg-color-electric-vehicle:where(.svelte-11l43ai), .slider.simple.svelte-11l43ai .track.bg-color-electric-vehicle:where(.svelte-11l43ai), .slider.incremented.svelte-11l43ai .track.bg-color-electric-vehicle:where(.svelte-11l43ai), .slider.thin-vertical.svelte-11l43ai .track.bg-color-electric-vehicle:where(.svelte-11l43ai), .slider.compact.svelte-11l43ai .track.bg-color-electric-vehicle:where(.svelte-11l43ai) {
  background: var(--color-electric-vehicle);
}
.slider.vertical.svelte-11l43ai .track.bg-color-light-gray:where(.svelte-11l43ai), .slider.horizontal.svelte-11l43ai .track.bg-color-light-gray:where(.svelte-11l43ai), .slider.simple.svelte-11l43ai .track.bg-color-light-gray:where(.svelte-11l43ai), .slider.incremented.svelte-11l43ai .track.bg-color-light-gray:where(.svelte-11l43ai), .slider.thin-vertical.svelte-11l43ai .track.bg-color-light-gray:where(.svelte-11l43ai), .slider.compact.svelte-11l43ai .track.bg-color-light-gray:where(.svelte-11l43ai) {
  background: var(--color-light-gray);
}
.slider.vertical.svelte-11l43ai {
  width: 88px;
  height: 100%;
  min-height: 200px;
  max-height: 420px;
  border-radius: var(--radius-theme-lg);
}
.slider.vertical.svelte-11l43ai .marks-rail:where(.svelte-11l43ai) {
  right: 0;
  bottom: 0px;
  height: 100%;
}
.slider.vertical.svelte-11l43ai .track:where(.svelte-11l43ai) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  border-radius: var(--radius-theme-lg);
}
.slider.vertical.svelte-11l43ai .track.min-size:where(.svelte-11l43ai) {
  min-height: 20px;
}
.slider.vertical.svelte-11l43ai .mark:where(.svelte-11l43ai) {
  right: -8px;
  transform: translate(100%, 50%);
}
.slider.thin-vertical.svelte-11l43ai {
  height: 100%;
  min-height: 200px;
  max-height: 420px;
  width: 40px;
  border-radius: var(--radius-theme-sm);
}
.slider.thin-vertical.svelte-11l43ai .marks-rail:where(.svelte-11l43ai) {
  right: 0;
  bottom: 0;
  height: 100%;
}
.slider.thin-vertical.svelte-11l43ai .track:where(.svelte-11l43ai) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  border-radius: var(--radius-theme-sm);
}
.slider.thin-vertical.svelte-11l43ai .track.min-size:where(.svelte-11l43ai) {
  min-height: 16px;
}
.slider.thin-vertical.svelte-11l43ai .mark:where(.svelte-11l43ai) {
  right: -8px;
  transform: translate(100%, 50%);
}
.slider.horizontal.svelte-11l43ai, .slider.simple.svelte-11l43ai, .slider.incremented.svelte-11l43ai, .slider.compact.svelte-11l43ai {
  width: 100%;
}
.slider.horizontal.svelte-11l43ai .track:where(.svelte-11l43ai), .slider.simple.svelte-11l43ai .track:where(.svelte-11l43ai), .slider.incremented.svelte-11l43ai .track:where(.svelte-11l43ai), .slider.compact.svelte-11l43ai .track:where(.svelte-11l43ai) {
  left: 0px;
}
.slider.horizontal.svelte-11l43ai {
  height: 56px;
  border-radius: var(--radius-theme-lg);
}
.slider.horizontal.svelte-11l43ai .marks-rail:where(.svelte-11l43ai) {
  top: 0;
  left: 0;
  width: 100%;
}
.slider.horizontal.svelte-11l43ai .track:where(.svelte-11l43ai) {
  top: 0px;
  left: 0px;
  height: 100%;
  border-radius: var(--radius-theme-lg);
}
.slider.horizontal.svelte-11l43ai .track.min-size:where(.svelte-11l43ai) {
  min-width: 20px;
}
.slider.horizontal.svelte-11l43ai .mark:where(.svelte-11l43ai) {
  bottom: -96px;
  transform: translate(-75%, 0%);
}
.slider.simple.svelte-11l43ai {
  height: 24px;
  border-radius: var(--radius-theme-sm);
}
.slider.simple.svelte-11l43ai .track:where(.svelte-11l43ai) {
  top: 0px;
  height: 100%;
  border-radius: var(--radius-theme-sm);
}
.slider.simple.svelte-11l43ai .track.min-size:where(.svelte-11l43ai) {
  min-width: 16px;
}
.slider.incremented.svelte-11l43ai {
  --thumb-size: 24px;
  height: 24px;
  background-color: unset;
}
.slider.incremented.slider-focus.svelte-11l43ai:not(.disabled):not(.is-range) .slider-rail:where(.svelte-11l43ai) {
  outline: 2px solid var(--color-theme-accent);
  outline-offset: 4px;
}
.slider.incremented.slider-focus:not(.disabled):not(.is-range).color-heating.svelte-11l43ai .slider-rail:where(.svelte-11l43ai) {
  outline-color: var(--color-heating);
}
.slider.incremented.slider-focus:not(.disabled):not(.is-range).color-pool.svelte-11l43ai .slider-rail:where(.svelte-11l43ai) {
  outline-color: var(--color-pool);
}
.slider.incremented.slider-focus:not(.disabled):not(.is-range).color-electric-vehicle.svelte-11l43ai .slider-rail:where(.svelte-11l43ai) {
  outline-color: var(--color-electric-vehicle);
}
.slider.incremented.slider-focus:not(.disabled):not(.is-range).color-light-gray.svelte-11l43ai .slider-rail:where(.svelte-11l43ai) {
  outline-color: var(--color-light-gray);
}
.slider.incremented.slider-focus.is-range.svelte-11l43ai:not(.disabled) .thumb:has(input:focus-visible) {
  outline: 2px solid var(--color-theme-accent);
  outline-offset: 2px;
  box-shadow: 0 0 0 2px var(--color-theme-accent-tint);
}
.slider.incremented.slider-focus.is-range:not(.disabled).color-heating.svelte-11l43ai .thumb:has(input:focus-visible) {
  outline-color: var(--color-heating);
  box-shadow: 0 0 0 2px var(--color-theme-danger-tint);
}
.slider.incremented.slider-focus.is-range:not(.disabled).color-pool.svelte-11l43ai .thumb:has(input:focus-visible) {
  outline-color: var(--color-pool);
  box-shadow: 0 0 0 2px var(--color-theme-accent-tint);
}
.slider.incremented.slider-focus.is-range:not(.disabled).color-electric-vehicle.svelte-11l43ai .thumb:has(input:focus-visible) {
  outline-color: var(--color-electric-vehicle);
  box-shadow: 0 0 0 2px var(--color-theme-success-tint);
}
.slider.incremented.slider-focus.is-range:not(.disabled).color-light-gray.svelte-11l43ai .thumb:has(input:focus-visible) {
  outline-color: var(--color-light-gray);
  box-shadow: 0 0 0 2px var(--color-theme-accent-tint);
}
.slider.incremented.svelte-11l43ai .slider-rail:where(.svelte-11l43ai),
.slider.incremented.svelte-11l43ai .track:where(.svelte-11l43ai) {
  height: 12px;
}
.slider.incremented.svelte-11l43ai .slider-rail:where(.svelte-11l43ai) {
  top: 3px;
  background-color: var(--slider-rail-bg);
  border-radius: var(--radius-theme-md);
}
.slider.incremented.svelte-11l43ai .track-clip:where(.svelte-11l43ai) {
  position: absolute;
  inset: 0;
  border-radius: var(--radius-theme-md);
  overflow: hidden;
  pointer-events: none;
}
.slider.incremented.svelte-11l43ai .track:where(.svelte-11l43ai) {
  top: 0px;
  border-top-left-radius: var(--radius-theme-md);
  border-bottom-left-radius: var(--radius-theme-md);
}
.slider.incremented.svelte-11l43ai .track.min-size:where(.svelte-11l43ai) {
  min-width: 22px;
}
.slider.incremented.svelte-11l43ai .track.full:where(.svelte-11l43ai) {
  border-radius: var(--radius-theme-md);
}
.slider.compact.svelte-11l43ai {
  --thumb-size: 14px;
  display: inline-flex;
  align-items: center;
  height: 32px;
  background-color: unset;
}
.slider.compact.svelte-11l43ai .track:where(.svelte-11l43ai),
.slider.compact.svelte-11l43ai .slider-rail:where(.svelte-11l43ai) {
  height: 6px;
}
.slider.compact.slider-focus.svelte-11l43ai:not(.disabled) .slider-rail:where(.svelte-11l43ai):before {
  outline: 2px solid var(--color-theme-accent);
  outline-offset: 2px;
}
.slider.compact.slider-focus:not(.disabled).color-heating.svelte-11l43ai .slider-rail:where(.svelte-11l43ai):before {
  outline-color: var(--color-heating);
}
.slider.compact.slider-focus:not(.disabled).color-pool.svelte-11l43ai .slider-rail:where(.svelte-11l43ai):before {
  outline-color: var(--color-pool);
}
.slider.compact.slider-focus:not(.disabled).color-electric-vehicle.svelte-11l43ai .slider-rail:where(.svelte-11l43ai):before {
  outline-color: var(--color-electric-vehicle);
}
.slider.compact.slider-focus:not(.disabled).color-light-gray.svelte-11l43ai .slider-rail:where(.svelte-11l43ai):before {
  outline-color: var(--color-light-gray);
}
.slider.compact.svelte-11l43ai .slider-rail:where(.svelte-11l43ai) {
  border-radius: var(--radius-theme-md);
  background-color: transparent !important;
  position: relative;
}
.slider.compact.svelte-11l43ai .slider-rail:where(.svelte-11l43ai):before {
  content: "";
  position: absolute;
  width: 100%;
  height: 6px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--slider-rail-bg);
  border-radius: inherit;
}
.slider.compact.svelte-11l43ai .slider-rail.bg-color-2:where(.svelte-11l43ai):before {
  background-color: var(--slider-rail-bg);
}
.slider.compact.svelte-11l43ai .slider-rail.bg-color-3:where(.svelte-11l43ai):before {
  background-color: color-mix(in srgb, var(--color-theme-fg) 24%, var(--color-theme-control-track));
}
.slider.compact.svelte-11l43ai .slider-rail.bg-color-1-opacity:where(.svelte-11l43ai) {
  background-color: transparent !important;
}
.slider.compact.svelte-11l43ai .slider-rail.bg-color-1-opacity:where(.svelte-11l43ai):before {
  background-color: color-mix(in srgb, var(--color-theme-card) 70%, transparent);
}
.slider.compact.svelte-11l43ai .track-clip:where(.svelte-11l43ai) {
  position: absolute;
  inset: 0;
  border-radius: var(--radius-theme-md);
  overflow: hidden;
  pointer-events: none;
}
.slider.compact.svelte-11l43ai .track:where(.svelte-11l43ai) {
  top: 50%;
  transform: translateY(-50%);
  border-top-left-radius: var(--radius-theme-md);
  border-bottom-left-radius: var(--radius-theme-md);
}
.slider.compact.svelte-11l43ai .track.min-size:where(.svelte-11l43ai) {
  min-width: 12px;
}
.slider.compact.svelte-11l43ai .track.full:where(.svelte-11l43ai) {
  border-radius: var(--radius-theme-md);
}
.slider.dragging.svelte-11l43ai .track:where(.svelte-11l43ai) {
  transition-property: border-radius;
}
.slider.dragging.svelte-11l43ai .thumb {
  transition: none;
}
.slider.disabled.svelte-11l43ai {
  background-color: var(--color-theme-control-track);
}
.slider.disabled.svelte-11l43ai .slider-rail:where(.svelte-11l43ai) {
  cursor: not-allowed;
}
.slider.disabled.svelte-11l43ai .track.track-fill-fg:where(.svelte-11l43ai), .slider.disabled.svelte-11l43ai .track.bg-color-heating:where(.svelte-11l43ai), .slider.disabled.svelte-11l43ai .track.bg-color-pool:where(.svelte-11l43ai), .slider.disabled.svelte-11l43ai .track.bg-color-electric-vehicle:where(.svelte-11l43ai), .slider.disabled.svelte-11l43ai .track.bg-color-light-gray:where(.svelte-11l43ai) {
  background: color-mix(in srgb, var(--color-theme-fg) 24%, var(--color-theme-control-track)) !important;
}
.slider.disabled.incremented.svelte-11l43ai, .slider.disabled.compact.svelte-11l43ai {
  background: unset;
}
.slider.svelte-11l43ai .track:where(.svelte-11l43ai) {
  display: block;
  position: absolute;
  transition: border-radius 300ms ease, width 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, height 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  will-change: border-radius, width, height, left;
}
.slider.svelte-11l43ai .mark:where(.svelte-11l43ai) {
  z-index: 1;
  position: absolute;
  touch-action: none;
  user-select: none;
}
.slider.svelte-11l43ai .mark.active:where(.svelte-11l43ai) {
  z-index: 2;
}
.slider.svelte-11l43ai .mark.save:where(.svelte-11l43ai) {
  z-index: 3;
}
.slider.svelte-11l43ai .mark.delete:where(.svelte-11l43ai) {
  z-index: 3;
}
.slider.svelte-11l43ai .animation-mark:where(.svelte-11l43ai) {
  opacity: 0;
  filter: blur(5px);
  pointer-events: none;
}
.slider.svelte-11l43ai .animation-mark.visible:where(.svelte-11l43ai) {
  opacity: 1;
  filter: blur(0px);
  pointer-events: all;
  transition: opacity 150ms ease, filter 150ms ease;
}

.multiple-marks {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.multiple-marks-container {
  position: absolute;
  display: flex;
  flex-flow: column;
  flex-direction: column-reverse;
  align-items: center;
  min-width: 53px;
  top: 0;
  left: 0;
  background-color: var(--color-theme-card);
  border-radius: var(--radius-theme-sm);
  overflow: hidden;
  z-index: 10001;
}
.multiple-marks-container .multiple-marks-option {
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 8px 12px;
  width: 100%;
  text-align: center;
  word-break: initial;
  cursor: pointer;
}
.multiple-marks-container .multiple-marks-option:not(:first-of-type) {
  border-bottom: 1px solid var(--color-theme-border-03);
}
.multiple-marks-container .multiple-marks-option:hover {
  background-color: var(--color-theme-accent-tint);
}
.multiple-marks-container .multiple-marks-option:focus-visible {
  box-shadow: 0 0 0 1px var(--color-theme-accent) inset;
  outline: none;
}
.multiple-marks-container .multiple-marks-option:focus-visible:first-of-type {
  border-bottom-right-radius: var(--radius-theme-sm);
  border-bottom-left-radius: var(--radius-theme-sm);
}
.multiple-marks-container .multiple-marks-option:focus-visible:last-of-type {
  border-top-right-radius: var(--radius-theme-sm);
  border-top-left-radius: var(--radius-theme-sm);
}.settings-rail-card.svelte-1vx2t22 {
  display: flex;
  align-items: center;
  gap: var(--spacing-s-plus);
  width: 100%;
  min-width: 0;
  min-height: 56px;
  padding: var(--spacing-s);
  border: 1px solid var(--color-theme-card-02);
  border-radius: var(--radius-theme-sm);
  background: transparent;
  color: inherit;
  text-align: start;
  box-sizing: border-box;
}
.settings-rail-card.is-interactive.svelte-1vx2t22 {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .settings-rail-card.is-interactive.svelte-1vx2t22:hover:not(.is-disabled) {
    background: var(--color-theme-card-02);
  }
}
.settings-rail-card.is-interactive.svelte-1vx2t22:focus, .settings-rail-card.is-interactive.svelte-1vx2t22:focus-visible {
  outline: none;
  border-color: var(--color-theme-accent);
}
.settings-rail-card.is-active.svelte-1vx2t22 {
  border-color: var(--color-theme-accent);
  background: var(--color-theme-accent-tint);
}
.settings-rail-card.is-disabled.svelte-1vx2t22 {
  cursor: not-allowed;
  opacity: 0.5;
}
.settings-rail-card.is-row.svelte-1vx2t22 {
  gap: calc(var(--spacing-xs) + var(--spacing-xxs));
  min-height: 36px;
  padding: var(--spacing-xs) calc(var(--spacing-xs) + var(--spacing-xxs));
}
.settings-rail-card.is-row.svelte-1vx2t22 .settings-rail-card-title-row:where(.svelte-1vx2t22) {
  gap: calc(var(--spacing-xs) + var(--spacing-xxs));
}
.settings-rail-card.is-row.svelte-1vx2t22 .settings-rail-card-trailing:where(.svelte-1vx2t22) .toggle-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}
.settings-rail-card.is-plain.svelte-1vx2t22 {
  min-height: 0;
  gap: var(--spacing-s);
  padding: 0 var(--spacing-m);
  border: 0;
  border-radius: 0;
  background: transparent;
}
.settings-rail-card.is-plain.svelte-1vx2t22 .settings-rail-card-trailing:where(.svelte-1vx2t22) .toggle-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}
.settings-rail-card.has-compact-padding.svelte-1vx2t22 {
  padding-left: var(--spacing-s-plus);
  padding-right: var(--spacing-m);
}

.settings-rail-card-leading.svelte-1vx2t22 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

.settings-rail-card-meta.svelte-1vx2t22 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--spacing-xxs);
  min-width: 0;
}

.settings-rail-card-title-row.svelte-1vx2t22 {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  min-width: 0;
}

.settings-rail-card-trailing.svelte-1vx2t22 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
}@property --lighting-interior-x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-interior-y {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-edge-x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-edge-y {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-interior-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 320px;
}
@property --lighting-edge-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 240px;
}
@property --lighting-interior-strength {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --lighting-edge-strength {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --lighting-edge-opacity {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@keyframes svelte-1u8ia76-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1u8ia76-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1u8ia76-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1u8ia76-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1u8ia76-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.dash-control-widget.svelte-1u8ia76 {
  --lighting-transition-duration: 720ms;
  --lighting-transition-duration-long: 920ms;
  --lighting-transition-easing: cubic-bezier(0, 0, 0.2, 1);
  --lighting-accent-rgb: 60 203 255;
  --lighting-interior-x: 50%;
  --lighting-interior-y: 50%;
  --lighting-edge-x: 50%;
  --lighting-edge-y: 50%;
  --lighting-interior-strength: 0;
  --lighting-edge-strength: 0;
  --lighting-edge-opacity: 0;
  --lighting-interior-size: 320px;
  --lighting-edge-size: 240px;
  --lighting-edge-padding: 1px;
  --lighting-interior-blend-mode: screen;
  --lighting-edge-blend-mode: screen;
  position: relative;
  isolation: isolate;
  transition: --lighting-interior-x var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-y var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-x var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-y var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-size var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-size var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-strength var(--lighting-transition-duration) var(--lighting-transition-easing), --lighting-edge-strength var(--lighting-transition-duration) var(--lighting-transition-easing), --lighting-edge-opacity var(--lighting-transition-duration) var(--lighting-transition-easing);
  display: flex;
  align-items: center;
  gap: var(--spacing-s-plus);
  padding: var(--spacing-s-plus);
  background-color: var(--surface-glass-fallback-bg);
  border-radius: var(--radius-theme-md);
  box-shadow: inset 0 0 0 1px var(--surface-glass-border-color);
  overflow: hidden;
  color: var(--color-theme-text);
  transition: background-color var(--lighting-transition-duration) var(--lighting-transition-easing);
}
.dash-control-widget.svelte-1u8ia76 .widget-lighting-edge:where(.svelte-1u8ia76) {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: var(--lighting-edge-padding);
  pointer-events: none;
  background: var(--lighting-edge-background, radial-gradient(var(--lighting-edge-size) var(--lighting-edge-size) at var(--lighting-edge-x) var(--lighting-edge-y), rgb(var(--lighting-accent-rgb)/calc(var(--lighting-edge-strength) * 0.82)), rgba(255, 255, 255, calc(var(--lighting-edge-strength) * 0.3)) 18%, rgb(var(--lighting-accent-rgb)/calc(var(--lighting-edge-strength) * 0.14)) 38%, rgba(255, 255, 255, 0) 68%));
  mix-blend-mode: var(--lighting-edge-blend-mode);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: var(--lighting-edge-opacity);
  transition: opacity var(--lighting-transition-duration) var(--lighting-transition-easing);
}
.dash-control-widget.svelte-1u8ia76 .widget-lighting-spot:where(.svelte-1u8ia76) {
  position: absolute;
  left: var(--lighting-spot-x, var(--lighting-interior-x));
  top: var(--lighting-spot-y, var(--lighting-interior-y));
  width: var(--lighting-spot-size, 0px);
  height: var(--lighting-spot-size, 0px);
  border-radius: 9999px;
  pointer-events: none;
  transform: translate(-50%, -50%);
  opacity: var(--lighting-spot-opacity, 0);
  background: var(--lighting-spot-background, radial-gradient(circle at 50% 50%, rgb(var(--lighting-accent-rgb)/calc(var(--lighting-spot-opacity, 0) * 0.5)), rgba(0, 0, 0, 0) 74%));
  transition: opacity var(--lighting-transition-duration) var(--lighting-transition-easing), transform var(--lighting-transition-duration-long) var(--lighting-transition-easing), width var(--lighting-transition-duration-long) var(--lighting-transition-easing), height var(--lighting-transition-duration-long) var(--lighting-transition-easing);
}
@supports (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)) {
  .dash-control-widget.svelte-1u8ia76 {
    background-color: var(--surface-glass-bg);
    -webkit-backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
    backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
  }
}
.dash-control-widget.is-revealing.svelte-1u8ia76 {
  animation: svelte-1u8ia76-skeleton-reveal-surface 240ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
}
.dash-control-widget.is-revealing.svelte-1u8ia76 [data-skeleton-reveal=lead]:where(.svelte-1u8ia76) {
  animation: svelte-1u8ia76-skeleton-reveal-layer 240ms cubic-bezier(0.22, 1, 0.36, 1) 90ms backwards;
}
.dash-control-widget.is-revealing.svelte-1u8ia76 [data-skeleton-reveal=content]:where(.svelte-1u8ia76) {
  animation: svelte-1u8ia76-skeleton-reveal-layer 240ms cubic-bezier(0.22, 1, 0.36, 1) 180ms backwards;
}
@media (prefers-reduced-motion: reduce) {
  .dash-control-widget.is-revealing.svelte-1u8ia76, .dash-control-widget.is-revealing.svelte-1u8ia76 [data-skeleton-reveal]:where(.svelte-1u8ia76) {
    animation: none;
  }
}
.dash-control-widget.is-skeleton.is-sheen.svelte-1u8ia76 {
  position: relative;
  isolation: isolate;
  background-color: var(--color-theme-card-01);
}
.dash-control-widget.is-skeleton.is-sheen.svelte-1u8ia76 .skeleton-bone:where(.svelte-1u8ia76) {
  background-color: color-mix(in srgb, var(--color-theme-fg) 20%, var(--color-theme-card-01));
}
.dash-control-widget.is-skeleton.is-sheen.svelte-1u8ia76 .skeleton-bone:where(.svelte-1u8ia76)::after {
  content: none;
  animation: none;
}
/* (unused) .dash-control-widget.is-skeleton.is-sheen .skeleton-bone--media {
  background-color: var(--color-theme-card-02);
}*/
.dash-control-widget.is-skeleton.is-sheen.svelte-1u8ia76::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background-image: linear-gradient(104deg, transparent calc(50% - 144px), color-mix(in srgb, var(--color-theme-card) 55%, transparent) 50%, transparent calc(50% + 144px)), linear-gradient(116deg, transparent calc(50% - 72px), var(--color-theme-card) 50%, transparent calc(50% + 72px));
  background-repeat: no-repeat;
  background-size: 300vw 100vh;
  background-position-y: calc(-1 * var(--skeleton-sheen-y, 0px));
  animation: svelte-1u8ia76-skeleton-sheen 2600ms linear var(--skeleton-sheen-delay, 0ms) infinite;
}
@media (prefers-reduced-motion: reduce) {
  .dash-control-widget.is-skeleton.is-sheen.svelte-1u8ia76::after {
    content: none;
    animation: none;
  }
}
.dash-control-widget.active.svelte-1u8ia76 {
  background-color: var(--dash-control-widget-active-bg, var(--color-theme-card));
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.dash-control-widget.active.svelte-1u8ia76 .value {
  color: #eaeaea;
}
.dash-control-widget.svelte-1u8ia76 .widget-lighting-edge:where(.svelte-1u8ia76),
.dash-control-widget.svelte-1u8ia76 .widget-lighting-spot:where(.svelte-1u8ia76) {
  position: absolute;
  z-index: 0;
}
.dash-control-widget.svelte-1u8ia76 .content-layer:where(.svelte-1u8ia76) {
  position: relative;
  z-index: 1;
}
.dash-control-widget.is-focusable.svelte-1u8ia76:not(.disabled) {
  cursor: pointer;
}
.dash-control-widget.is-focusable.svelte-1u8ia76:not(.disabled):focus-visible:not(.selected) {
  outline-offset: -1px;
  outline: 1px solid var(--color-theme-accent);
  box-shadow: 0 0 0 4px var(--color-theme-accent-tint-strong);
}
.dash-control-widget.selected.svelte-1u8ia76:not(.disabled) {
  outline-offset: -2px;
  outline: 2px solid var(--color-theme-accent);
}
.dash-control-widget.selected.svelte-1u8ia76:not(.disabled):focus-visible {
  box-shadow: 0 0 0 4px var(--color-theme-accent-tint-strong);
}
.dash-control-widget.svelte-1u8ia76 .main-container:where(.svelte-1u8ia76) {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  min-width: 0;
}
.dash-control-widget.svelte-1u8ia76 .main-container:where(.svelte-1u8ia76) .value {
  flex: 1;
  min-width: 88px;
  transition: color var(--lighting-transition-duration) var(--lighting-transition-easing);
}
.dash-control-widget.svelte-1u8ia76 .main-container:where(.svelte-1u8ia76) .right-title-slot:where(.svelte-1u8ia76) {
  min-width: 0;
}
.dash-control-widget.is-skeleton.svelte-1u8ia76 {
  pointer-events: none;
  cursor: default;
  user-select: none;
  background-color: var(--color-theme-card);
  background-image: none !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: inset 0 0 0 1px var(--color-theme-card-02);
  height: 72px;
  min-height: 72px;
  flex: none;
  align-self: start;
}
.dash-control-widget.is-skeleton.svelte-1u8ia76 .skeleton-bone:where(.svelte-1u8ia76) {
  display: block;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  background-color: var(--color-theme-border-03);
  pointer-events: none;
}
.dash-control-widget.is-skeleton.svelte-1u8ia76 .skeleton-bone:where(.svelte-1u8ia76)::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent 0%, var(--color-theme-fg-20) 45%, transparent 100%);
  animation: svelte-1u8ia76-skeleton-shimmer 2.4s ease-in-out infinite;
}
.dash-control-widget.is-skeleton.svelte-1u8ia76 .skeleton-bone--circle:where(.svelte-1u8ia76) {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
/* (unused) .dash-control-widget.is-skeleton .skeleton-bone--circle-l {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}*/
.dash-control-widget.is-skeleton.svelte-1u8ia76 .skeleton-bone--control:where(.svelte-1u8ia76) {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.dash-control-widget.is-skeleton.svelte-1u8ia76 .skeleton-bone--line:where(.svelte-1u8ia76) {
  height: 12px;
  border-radius: var(--radius-theme-pill);
}
.dash-control-widget.is-skeleton.svelte-1u8ia76 .skeleton-bone--line-sm:where(.svelte-1u8ia76) {
  height: 10px;
  border-radius: var(--radius-theme-pill);
}
.dash-control-widget.is-skeleton.svelte-1u8ia76 .skeleton-bone--title:where(.svelte-1u8ia76) {
  width: 58%;
  max-width: 100%;
}
/* (unused) .dash-control-widget.is-skeleton .skeleton-bone--pill {
  width: 44px;
  height: 28px;
  border-radius: var(--radius-theme-pill);
}*/
/* (unused) .dash-control-widget.is-skeleton .skeleton-bone--chip {
  width: 56px;
  height: 22px;
  border-radius: var(--radius-theme-pill);
}*/
/* (unused) .dash-control-widget.is-skeleton .skeleton-bone--chip-sm {
  width: 40px;
}*/
/* (unused) .dash-control-widget.is-skeleton .skeleton-bone--chip-lg {
  width: 72px;
  height: 28px;
}*/
.dash-control-widget.is-skeleton.svelte-1u8ia76 .skeleton-bone--indicator:where(.svelte-1u8ia76) {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
/* (unused) .dash-control-widget.is-skeleton .skeleton-bone--chevron {
  width: 16px;
  height: 16px;
  border-radius: var(--radius-theme-xs);
}*/
/* (unused) .dash-control-widget.is-skeleton .skeleton-bone--w-35 {
  width: 35%;
}*/
.dash-control-widget.is-skeleton.svelte-1u8ia76 .skeleton-bone--w-40:where(.svelte-1u8ia76) {
  width: 40%;
}
/* (unused) .dash-control-widget.is-skeleton .skeleton-bone--w-55 {
  width: 55%;
}*/
/* (unused) .dash-control-widget.is-skeleton .skeleton-bone--w-70 {
  width: 70%;
}*/
/* (unused) .dash-control-widget.is-skeleton .skeleton-bone--w-85 {
  width: 85%;
}*/
/* (unused) .dash-control-widget.is-skeleton .skeleton-bone--thumb {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-theme-sm);
}*/
/* (unused) .dash-control-widget.is-skeleton .skeleton-bone--media {
  width: 100%;
  height: 100%;
  border-radius: 0;
  background-color: var(--color-theme-card-02);
}*/
/* (unused) .dash-control-widget.is-skeleton .skeleton-bone--media::after {
  content: none;
  animation: none;
}*/
.dash-control-widget.is-skeleton.svelte-1u8ia76:nth-child(3n+2) .skeleton-bone--title:where(.svelte-1u8ia76) {
  width: 72%;
}
/* (unused) .dash-control-widget.is-skeleton:nth-child(3n+2) .skeleton-bone--chip:last-child {
  width: 48px;
}*/
.dash-control-widget.is-skeleton.svelte-1u8ia76:nth-child(3n+2) .skeleton-bone:where(.svelte-1u8ia76)::after {
  animation-delay: 0.35s;
}
.dash-control-widget.is-skeleton.svelte-1u8ia76:nth-child(3n+3) .skeleton-bone--title:where(.svelte-1u8ia76) {
  width: 44%;
}
/* (unused) .dash-control-widget.is-skeleton:nth-child(3n+3) .skeleton-bone--chip:first-child {
  width: 72px;
}*/
.dash-control-widget.is-skeleton.svelte-1u8ia76:nth-child(3n+3) .skeleton-bone:where(.svelte-1u8ia76)::after {
  animation-delay: 0.7s;
}
.dash-control-widget.is-skeleton.svelte-1u8ia76::after {
  content: none;
  animation: none;
}
.dash-control-widget.is-skeleton.svelte-1u8ia76 .main-container:where(.svelte-1u8ia76) {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--spacing-xs);
}@keyframes svelte-nqr1nc-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-nqr1nc-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-nqr1nc-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-nqr1nc-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-nqr1nc-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.power-indicator.svelte-nqr1nc {
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.power-indicator.on.svelte-nqr1nc {
  position: relative;
  background-color: var(--color-success-20);
}
.power-indicator.on.svelte-nqr1nc:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.power-indicator.on.svelte-nqr1nc:before {
  background-color: var(--color-success);
}
.power-indicator.off.svelte-nqr1nc {
  position: relative;
}
.power-indicator.off.svelte-nqr1nc:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.power-indicator.off.svelte-nqr1nc:before {
  background-color: var(--color-danger);
}/* Right-slot pills: max-width 100%, LabelV2 wrap, overflow-y visible. */
@property --lighting-interior-x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-interior-y {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-edge-x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-edge-y {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-interior-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 320px;
}
@property --lighting-edge-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 240px;
}
@property --lighting-interior-strength {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --lighting-edge-strength {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --lighting-edge-opacity {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@keyframes svelte-nzbxxs-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-nzbxxs-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-nzbxxs-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-nzbxxs-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-nzbxxs-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.dash-device-widget.svelte-nzbxxs {
  --lighting-transition-duration: 720ms;
  --lighting-transition-duration-long: 920ms;
  --lighting-transition-easing: cubic-bezier(0, 0, 0.2, 1);
  --lighting-accent-rgb: 60 203 255;
  --lighting-interior-x: 50%;
  --lighting-interior-y: 50%;
  --lighting-edge-x: 50%;
  --lighting-edge-y: 50%;
  --lighting-interior-strength: 0;
  --lighting-edge-strength: 0;
  --lighting-edge-opacity: 0;
  --lighting-interior-size: 320px;
  --lighting-edge-size: 240px;
  --lighting-edge-padding: 1px;
  --lighting-interior-blend-mode: screen;
  --lighting-edge-blend-mode: screen;
  position: relative;
  isolation: isolate;
  transition: --lighting-interior-x var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-y var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-x var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-y var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-size var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-size var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-strength var(--lighting-transition-duration) var(--lighting-transition-easing), --lighting-edge-strength var(--lighting-transition-duration) var(--lighting-transition-easing), --lighting-edge-opacity var(--lighting-transition-duration) var(--lighting-transition-easing);
  position: relative;
  display: flex;
  --dash-device-widget-active-bg: var(--color-theme-fg-02);
  --dash-device-face-ink: var(--color-theme-bg);
  --dash-device-info-fg: var(--color-theme-text);
  background-color: var(--surface-glass-fallback-bg);
  border-radius: var(--radius-theme-md);
  box-shadow: inset 0 0 0 1px var(--surface-glass-border-color);
  color: var(--color-theme-text);
  height: 114px;
  overflow: hidden;
  outline: none;
  transition: background-color var(--lighting-transition-duration) var(--lighting-transition-easing), transform 120ms ease, box-shadow 120ms ease;
  /* Long-press rearrange: keep title text from selecting / iOS callout. */
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.dash-device-widget.svelte-nzbxxs::before {
  content: "";
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(var(--lighting-interior-size) var(--lighting-interior-size) at var(--lighting-interior-x) var(--lighting-interior-y), rgb(var(--lighting-accent-rgb)/calc(var(--lighting-interior-strength) * 0.48)), rgb(var(--lighting-accent-rgb)/calc(var(--lighting-interior-strength) * 0.22)) 28%, transparent 76%);
  mix-blend-mode: var(--lighting-interior-blend-mode);
  opacity: var(--lighting-interior-strength);
  transition: opacity var(--lighting-transition-duration) var(--lighting-transition-easing);
}
.dash-device-widget.svelte-nzbxxs .widget-lighting-edge:where(.svelte-nzbxxs) {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: var(--lighting-edge-padding);
  pointer-events: none;
  background: var(--lighting-edge-background, radial-gradient(var(--lighting-edge-size) var(--lighting-edge-size) at var(--lighting-edge-x) var(--lighting-edge-y), rgb(var(--lighting-accent-rgb)/calc(var(--lighting-edge-strength) * 0.82)), rgba(255, 255, 255, calc(var(--lighting-edge-strength) * 0.3)) 18%, rgb(var(--lighting-accent-rgb)/calc(var(--lighting-edge-strength) * 0.14)) 38%, rgba(255, 255, 255, 0) 68%));
  mix-blend-mode: var(--lighting-edge-blend-mode);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: var(--lighting-edge-opacity);
  transition: opacity var(--lighting-transition-duration) var(--lighting-transition-easing);
}
.dash-device-widget.svelte-nzbxxs .widget-lighting-spot:where(.svelte-nzbxxs) {
  position: absolute;
  left: var(--lighting-spot-x, var(--lighting-interior-x));
  top: var(--lighting-spot-y, var(--lighting-interior-y));
  width: var(--lighting-spot-size, 0px);
  height: var(--lighting-spot-size, 0px);
  border-radius: 9999px;
  pointer-events: none;
  transform: translate(-50%, -50%);
  opacity: var(--lighting-spot-opacity, 0);
  background: var(--lighting-spot-background, radial-gradient(circle at 50% 50%, rgb(var(--lighting-accent-rgb)/calc(var(--lighting-spot-opacity, 0) * 0.5)), rgba(0, 0, 0, 0) 74%));
  transition: opacity var(--lighting-transition-duration) var(--lighting-transition-easing), transform var(--lighting-transition-duration-long) var(--lighting-transition-easing), width var(--lighting-transition-duration-long) var(--lighting-transition-easing), height var(--lighting-transition-duration-long) var(--lighting-transition-easing);
}
@supports (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)) {
  .dash-device-widget.svelte-nzbxxs {
    background-color: var(--surface-glass-bg);
    -webkit-backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
    backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
  }
}
.dash-device-widget.is-revealing.svelte-nzbxxs {
  animation: svelte-nzbxxs-skeleton-reveal-surface 240ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
}
.dash-device-widget.is-revealing.svelte-nzbxxs [data-skeleton-reveal=lead]:where(.svelte-nzbxxs) {
  animation: svelte-nzbxxs-skeleton-reveal-layer 240ms cubic-bezier(0.22, 1, 0.36, 1) 90ms backwards;
}
.dash-device-widget.is-revealing.svelte-nzbxxs [data-skeleton-reveal=content]:where(.svelte-nzbxxs) {
  animation: svelte-nzbxxs-skeleton-reveal-layer 240ms cubic-bezier(0.22, 1, 0.36, 1) 180ms backwards;
}
@media (prefers-reduced-motion: reduce) {
  .dash-device-widget.is-revealing.svelte-nzbxxs, .dash-device-widget.is-revealing.svelte-nzbxxs [data-skeleton-reveal]:where(.svelte-nzbxxs) {
    animation: none;
  }
}
.dash-device-widget.is-skeleton.is-sheen.svelte-nzbxxs {
  position: relative;
  isolation: isolate;
  background-color: var(--color-theme-card-01);
}
.dash-device-widget.is-skeleton.is-sheen.svelte-nzbxxs .skeleton-bone:where(.svelte-nzbxxs) {
  background-color: color-mix(in srgb, var(--color-theme-fg) 20%, var(--color-theme-card-01));
}
.dash-device-widget.is-skeleton.is-sheen.svelte-nzbxxs .skeleton-bone:where(.svelte-nzbxxs)::after {
  content: none;
  animation: none;
}
.dash-device-widget.is-skeleton.is-sheen.svelte-nzbxxs .skeleton-bone--media:where(.svelte-nzbxxs) {
  background-color: var(--color-theme-card-02);
}
.dash-device-widget.is-skeleton.is-sheen.svelte-nzbxxs::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background-image: linear-gradient(104deg, transparent calc(50% - 144px), color-mix(in srgb, var(--color-theme-card) 55%, transparent) 50%, transparent calc(50% + 144px)), linear-gradient(116deg, transparent calc(50% - 72px), var(--color-theme-card) 50%, transparent calc(50% + 72px));
  background-repeat: no-repeat;
  background-size: 300vw 100vh;
  background-position-y: calc(-1 * var(--skeleton-sheen-y, 0px));
  animation: svelte-nzbxxs-skeleton-sheen 2600ms linear var(--skeleton-sheen-delay, 0ms) infinite;
}
@media (prefers-reduced-motion: reduce) {
  .dash-device-widget.is-skeleton.is-sheen.svelte-nzbxxs::after {
    content: none;
    animation: none;
  }
}
.dash-device-widget.over-media.svelte-nzbxxs {
  --alpha-chrome-ink-muted: 60%;
  --chrome-ink: var(--color-theme-fg);
  --chrome-ink-muted: color-mix(
  	in oklab,
  	var(--chrome-ink) var(--alpha-chrome-ink-muted),
  	transparent
  );
  --chrome-border-01: color-mix(in srgb, var(--chrome-ink) 8%, transparent);
  --chrome-border-02: color-mix(in srgb, var(--chrome-ink) 16%, transparent);
  --chrome-border-03: color-mix(in srgb, var(--chrome-ink) 25%, transparent);
  --surface-glass-border-color: var(--chrome-border-02);
}
html[data-ds-color-mode="light"] .dash-device-widget.over-media.svelte-nzbxxs {
  --alpha-chrome-ink-muted: 72%;
  --chrome-ink: #eaeaea;
}
.dash-device-widget[data-press-hold=pending].svelte-nzbxxs {
  transform: scale(1.02);
}
.dash-device-widget[data-press-hold=armed].svelte-nzbxxs {
  transform: scale(1.03);
  box-shadow: var(--shadow-theme-glow-soft);
  z-index: 2;
}
.dash-device-widget.svelte-nzbxxs .timer-border:where(.svelte-nzbxxs) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 6;
  overflow: visible;
}
.dash-device-widget.svelte-nzbxxs .timer-border:where(.svelte-nzbxxs) .timer-border-track:where(.svelte-nzbxxs),
.dash-device-widget.svelte-nzbxxs .timer-border:where(.svelte-nzbxxs) .timer-border-progress:where(.svelte-nzbxxs) {
  fill: none;
  stroke-width: 2.5;
  vector-effect: non-scaling-stroke;
  x: 1.25px;
  y: 1.25px;
  width: calc(100% - 2.5px);
  height: calc(100% - 2.5px);
  rx: calc(var(--radius-theme-md, 12px) - 1.25px);
  ry: calc(var(--radius-theme-md, 12px) - 1.25px);
}
.dash-device-widget.svelte-nzbxxs .timer-border:where(.svelte-nzbxxs) .timer-border-track:where(.svelte-nzbxxs) {
  stroke: color-mix(in oklab, var(--color-theme-accent) 28%, transparent);
}
.dash-device-widget.svelte-nzbxxs .timer-border:where(.svelte-nzbxxs) .timer-border-progress:where(.svelte-nzbxxs) {
  stroke: var(--color-theme-accent);
  stroke-linecap: round;
}
.dash-device-widget.has-timer-border.svelte-nzbxxs {
  overflow: visible;
}
.dash-device-widget.has-additional-info.svelte-nzbxxs {
  overflow: visible;
}
.dash-device-widget.has-additional-info.additional-info-open.svelte-nzbxxs, .dash-device-widget.has-additional-info.additional-info-collapsing-list.svelte-nzbxxs, .dash-device-widget.has-additional-info.additional-info-collapsing-outline.svelte-nzbxxs {
  z-index: 4;
}
.dash-device-widget.disabled.svelte-nzbxxs {
  cursor: not-allowed;
}
.dash-device-widget.active.svelte-nzbxxs {
  background-color: var(--dash-device-widget-active-bg);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.dash-device-widget.active.svelte-nzbxxs .timer-border:where(.svelte-nzbxxs) .timer-border-track:where(.svelte-nzbxxs) {
  stroke: color-mix(in oklab, var(--color-theme-card) 16%, transparent);
}
.dash-device-widget.is-outline-face.svelte-nzbxxs:not(.selected) {
  box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-theme-fg) 22%, transparent), inset 0 0 0 2px color-mix(in oklab, var(--color-theme-fg) 48%, transparent);
}
.dash-device-widget.is-glow-pulse.svelte-nzbxxs .widget-lighting-spot:where(.svelte-nzbxxs) {
  animation: svelte-nzbxxs-dash-device-glow-spot-pulse 3.6s ease-in-out infinite;
}
.dash-device-widget.is-glow-pulse.svelte-nzbxxs .widget-lighting-edge:where(.svelte-nzbxxs) {
  animation: svelte-nzbxxs-dash-device-glow-edge-pulse 3.6s ease-in-out infinite;
}
.dash-device-widget.is-glow-pulse-subtle.svelte-nzbxxs .widget-lighting-spot:where(.svelte-nzbxxs) {
  animation: svelte-nzbxxs-dash-device-glow-spot-pulse-subtle 4.2s ease-in-out infinite;
}
.dash-device-widget.is-glow-pulse-subtle.svelte-nzbxxs .widget-lighting-edge:where(.svelte-nzbxxs) {
  animation: svelte-nzbxxs-dash-device-glow-edge-pulse-subtle 4.2s ease-in-out infinite;
}
.dash-device-widget.svelte-nzbxxs .widget-lighting-edge:where(.svelte-nzbxxs),
.dash-device-widget.svelte-nzbxxs .widget-lighting-spot:where(.svelte-nzbxxs),
.dash-device-widget.svelte-nzbxxs .top-section:where(.svelte-nzbxxs),
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) {
  position: relative;
}
.dash-device-widget.svelte-nzbxxs .widget-lighting-edge:where(.svelte-nzbxxs),
.dash-device-widget.svelte-nzbxxs .widget-lighting-spot:where(.svelte-nzbxxs) {
  position: absolute;
  z-index: 0;
}
.dash-device-widget.svelte-nzbxxs .top-section:where(.svelte-nzbxxs),
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) {
  z-index: 1;
}
.dash-device-widget.svelte-nzbxxs .additional-info-surface:where(.svelte-nzbxxs) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  height: 100%;
  border-radius: var(--radius-theme-lg);
  background: var(--color-theme-card-well);
  overflow: hidden;
  transform-origin: top right;
  pointer-events: none;
  z-index: 0;
  transition: top 260ms cubic-bezier(0, 0, 0.2, 1), right 260ms cubic-bezier(0, 0, 0.2, 1), bottom 260ms cubic-bezier(0, 0, 0.2, 1), left 260ms cubic-bezier(0, 0, 0.2, 1), height 260ms cubic-bezier(0, 0, 0.2, 1);
}
.dash-device-widget.additional-info-placement-top.svelte-nzbxxs .additional-info-surface:where(.svelte-nzbxxs) {
  top: auto;
  bottom: 0;
  transform-origin: bottom right;
}
.dash-device-widget.additional-info-placement-top.svelte-nzbxxs .additional-info-list:where(.svelte-nzbxxs) {
  top: auto;
  bottom: calc(118px + var(--spacing-m));
}
.dash-device-widget.svelte-nzbxxs .additional-info-list:where(.svelte-nzbxxs) {
  position: absolute;
  top: calc(118px + var(--spacing-m));
  right: calc(var(--spacing-s-plus) + 4px);
  left: calc(var(--spacing-s-plus) + 4px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-s);
}
.dash-device-widget.svelte-nzbxxs .additional-info-label {
  width: fit-content;
  justify-content: flex-start;
  opacity: 0;
  transform: translateY(-4px) scale(0.94);
  transform-origin: left center;
  transition: opacity 180ms ease, transform 220ms cubic-bezier(0, 0, 0.2, 1);
}
.dash-device-widget.svelte-nzbxxs .additional-info-label:nth-child(2) {
  transition-delay: 45ms;
}
.dash-device-widget.svelte-nzbxxs .additional-info-label:nth-child(3) {
  transition-delay: 90ms;
}
.dash-device-widget.svelte-nzbxxs .additional-info-label:nth-child(4) {
  transition-delay: 135ms;
}
.dash-device-widget.svelte-nzbxxs .additional-info-label:nth-child(5) {
  transition-delay: 180ms;
}
.dash-device-widget.svelte-nzbxxs .additional-info-label:nth-child(n+6) {
  transition-delay: 225ms;
}
.dash-device-widget.additional-info-open.svelte-nzbxxs .additional-info-surface:where(.svelte-nzbxxs), .dash-device-widget.additional-info-collapsing-list.svelte-nzbxxs .additional-info-surface:where(.svelte-nzbxxs) {
  top: -4px;
  right: -4px;
  left: -4px;
}
.dash-device-widget.additional-info-open.svelte-nzbxxs .additional-info-surface:where(.svelte-nzbxxs) {
  height: var(--dash-device-info-surface-height, calc(100% + 360px));
}
.dash-device-widget.additional-info-open.svelte-nzbxxs .additional-info-label {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.dash-device-widget.additional-info-collapsing-list.svelte-nzbxxs .additional-info-surface:where(.svelte-nzbxxs) {
  height: var(--dash-device-info-outline-height, calc(100% + 8px));
}
.dash-device-widget.additional-info-collapsing-list.svelte-nzbxxs .additional-info-label {
  opacity: 1;
  transform: translateY(0) scale(1);
  transition: none;
}
.dash-device-widget.additional-info-placement-top.additional-info-open.svelte-nzbxxs .additional-info-surface:where(.svelte-nzbxxs), .dash-device-widget.additional-info-placement-top.additional-info-collapsing-list.svelte-nzbxxs .additional-info-surface:where(.svelte-nzbxxs) {
  top: auto;
  right: -4px;
  bottom: -4px;
  left: -4px;
}
.dash-device-widget.additional-info-placement-top.additional-info-open.svelte-nzbxxs .additional-info-surface:where(.svelte-nzbxxs) {
  height: var(--dash-device-info-surface-height, calc(100% + 360px));
}
.dash-device-widget.additional-info-placement-top.additional-info-collapsing-list.svelte-nzbxxs .additional-info-surface:where(.svelte-nzbxxs) {
  height: var(--dash-device-info-outline-height, calc(100% + 8px));
}
.dash-device-widget.is-focusable.svelte-nzbxxs:focus-visible:not(.selected):not(.dnd-handle-drag) {
  box-shadow: 0 0 0 4px var(--color-theme-accent-tint-strong);
}
.dash-device-widget.is-focusable.svelte-nzbxxs:focus-visible:not(.selected):not(.dnd-handle-drag):after {
  content: "";
  position: absolute;
  border: 1px solid var(--color-theme-accent);
  border-radius: var(--radius-theme-md);
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}
.dash-device-widget.is-focusable.svelte-nzbxxs:focus:after {
  content: "";
  position: absolute;
  border: 1px solid var(--color-theme-accent);
  border-radius: var(--radius-theme-md);
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-width: 2px;
}
.dash-device-widget.selected.svelte-nzbxxs:after {
  content: "";
  position: absolute;
  border: 1px solid var(--color-theme-accent);
  border-radius: var(--radius-theme-md);
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-width: 2px;
}
.dash-device-widget.selected.svelte-nzbxxs:focus-visible {
  box-shadow: 0 0 0 4px var(--color-theme-accent-tint-strong);
}
.dash-device-widget.edit-mode.svelte-nzbxxs::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-theme-accent);
  opacity: 0.1;
  left: 0;
  top: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .dash-device-widget.edit-mode.svelte-nzbxxs:hover::after {
    content: "";
    position: absolute;
    border: 1px solid var(--color-theme-accent);
    border-radius: var(--radius-theme-md);
    left: 0;
    top: 0;
    z-index: 3;
    pointer-events: none;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-width: 2px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .dash-device-widget.edit-mode.svelte-nzbxxs:focus-visible:not(.selected):not(.dnd-handle-drag):hover::after {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-width: 2px;
  }
}
.dash-device-widget.edit-mode.svelte-nzbxxs .circle-avatar:not(.no-background)::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-theme-accent);
  opacity: 0.1;
  left: 0;
  top: 0;
  z-index: 1;
  border-radius: inherit;
}
.dash-device-widget.svelte-nzbxxs .widget-face:where(.svelte-nzbxxs) {
  position: relative;
  flex: 1;
  min-width: 0;
  border-radius: inherit;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  z-index: 1;
  container-type: inline-size;
  container-name: dash-device-widget-face;
}
.dash-device-widget.svelte-nzbxxs .edit-mode-container:where(.svelte-nzbxxs) {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 4px;
  background-color: var(--color-theme-bg);
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  z-index: 1;
}
.dash-device-widget.svelte-nzbxxs .edit-mode-container.has-action:where(.svelte-nzbxxs) {
  padding: 0px 8px;
}
.dash-device-widget.svelte-nzbxxs .edit-mode-container.dnd-grip-handle:where(.svelte-nzbxxs) {
  cursor: grab;
  touch-action: none;
}
.dash-device-widget.svelte-nzbxxs .edit-mode-container.dnd-handle:where(.svelte-nzbxxs) {
  position: relative;
}
.dash-device-widget.svelte-nzbxxs .edit-mode-container.dnd-handle:where(.svelte-nzbxxs)::before {
  content: "";
  position: absolute;
  width: var(--spacing-s-plus);
  height: 100%;
  opacity: 0;
  right: calc(var(--spacing-s-plus) * -1);
  top: 0;
  z-index: 1;
}
.dash-device-widget.svelte-nzbxxs .sections-wrapper:where(.svelte-nzbxxs) {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-s-plus);
  width: 100%;
  background-color: inherit;
  border-radius: inherit;
  position: relative;
  flex: 1;
  min-height: 0;
  z-index: 1;
}
.dash-device-widget.svelte-nzbxxs .top-section:where(.svelte-nzbxxs) {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-s);
  flex-shrink: 0;
  min-width: 0;
}
.dash-device-widget.svelte-nzbxxs .top-section:where(.svelte-nzbxxs) .left-side:where(.svelte-nzbxxs) {
  display: flex;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.dash-device-widget.svelte-nzbxxs .top-section:where(.svelte-nzbxxs) .right-side:where(.svelte-nzbxxs) {
  display: flex;
  justify-content: flex-end;
  flex: 1;
  min-width: 0;
  overflow-x: hidden;
  overflow-y: visible;
}
.dash-device-widget.svelte-nzbxxs .top-section:where(.svelte-nzbxxs) .right-side:where(.svelte-nzbxxs) .additional-info-trigger:where(.svelte-nzbxxs) {
  display: flex;
  justify-content: flex-end;
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: visible;
}
.dash-device-widget.svelte-nzbxxs .top-section:where(.svelte-nzbxxs) .right-side:where(.svelte-nzbxxs) .label {
  min-width: 0;
  max-width: 100%;
}
.dash-device-widget.svelte-nzbxxs .top-section:where(.svelte-nzbxxs) .right-side:where(.svelte-nzbxxs) .label .icon-grid {
  flex-shrink: 0;
}
.dash-device-widget.svelte-nzbxxs .top-section:where(.svelte-nzbxxs) .right-side:where(.svelte-nzbxxs) .label .label-value-container {
  flex: 1 1 auto;
  min-width: 0;
}
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) {
  display: flex;
  position: relative;
  margin-top: auto;
  flex-shrink: 0;
}
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .value-section-wrapper:where(.svelte-nzbxxs) {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--spacing-xs);
  flex: 1;
  min-width: 0;
}
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .value-section-wrapper:where(.svelte-nzbxxs) .status-and-info-row:where(.svelte-nzbxxs) {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--spacing-s);
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: clip;
  -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - var(--spacing-m)), transparent 100%);
  mask-image: linear-gradient(to right, #000 0, #000 calc(100% - var(--spacing-m)), transparent 100%);
  pointer-events: none;
}
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .value-section-wrapper:where(.svelte-nzbxxs) .status-and-info-row:where(.svelte-nzbxxs) .label,
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .value-section-wrapper:where(.svelte-nzbxxs) .status-and-info-row:where(.svelte-nzbxxs) .label-v2 {
  flex-shrink: 0;
  max-width: 100%;
}
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .value-section-wrapper:where(.svelte-nzbxxs) .status-and-info-row:where(.svelte-nzbxxs) .label .text,
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .value-section-wrapper:where(.svelte-nzbxxs) .status-and-info-row:where(.svelte-nzbxxs) .label-v2 .text {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
}
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .value-section-wrapper:where(.svelte-nzbxxs) .additional-text-row:where(.svelte-nzbxxs) {
  min-width: 0;
  flex-shrink: 0;
}
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .value-section-wrapper:where(.svelte-nzbxxs) .info-slot:where(.svelte-nzbxxs) {
  display: contents;
}
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .value-section-wrapper:where(.svelte-nzbxxs) .value-section:where(.svelte-nzbxxs) {
  display: flex;
  align-items: flex-end;
  min-width: 0;
  max-width: 100%;
  width: 100%;
}
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .value-section-wrapper:where(.svelte-nzbxxs) .value-section:where(.svelte-nzbxxs) p {
  min-width: 0;
  max-width: 100%;
  width: 100%;
  transition: color var(--lighting-transition-duration) var(--lighting-transition-easing);
}
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .value-section-wrapper:where(.svelte-nzbxxs) .value-section:where(.svelte-nzbxxs) .text-nowrap {
  overflow: hidden;
  text-overflow: clip;
  -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - var(--spacing-m)), transparent 100%);
  mask-image: linear-gradient(to right, #000 0, #000 calc(100% - var(--spacing-m)), transparent 100%);
}
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .value-section-wrapper:where(.svelte-nzbxxs) .value-section:where(.svelte-nzbxxs) .ellipse-2-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@container dash-device-widget-face (max-width: 240px) {
  .dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .value-section:where(.svelte-nzbxxs) .ellipse-2-lines {
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - var(--spacing-m)), transparent 100%);
    mask-image: linear-gradient(to right, #000 0, #000 calc(100% - var(--spacing-m)), transparent 100%);
  }
}
.dash-device-widget.svelte-nzbxxs .bottom-section.arrow-action:where(.svelte-nzbxxs) {
  padding-right: 34px;
}
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .arrow-icon-button:where(.svelte-nzbxxs) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  right: -12px;
  bottom: -12px;
  padding: 18px 12px 12px 12px;
}
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .arrow-icon-button:where(.svelte-nzbxxs):disabled {
  cursor: not-allowed;
}
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .arrow-icon-button:where(.svelte-nzbxxs):focus-visible .icon-grid {
  outline: 1px solid var(--color-theme-accent);
  outline-offset: 6px;
  border-radius: 4px;
}
.dash-device-widget.svelte-nzbxxs:not(.active-contrast-dark) .bottom-section:where(.svelte-nzbxxs) .status-and-info-row:where(.svelte-nzbxxs) .label .text,
.dash-device-widget.svelte-nzbxxs:not(.active-contrast-dark) .bottom-section:where(.svelte-nzbxxs) .status-and-info-row:where(.svelte-nzbxxs) .additional-text-row .text,
.dash-device-widget.svelte-nzbxxs:not(.active-contrast-dark) .bottom-section:where(.svelte-nzbxxs) .status-and-info-row:where(.svelte-nzbxxs) .label .icon-grid,
.dash-device-widget.svelte-nzbxxs:not(.active-contrast-dark) .bottom-section:where(.svelte-nzbxxs) .status-and-info-row:where(.svelte-nzbxxs) .additional-text-row .icon-grid {
  color: var(--dash-device-info-fg) !important;
}
.dash-device-widget.active-contrast-dark.svelte-nzbxxs {
  --dash-device-info-fg: var(--dash-device-face-ink);
  color: var(--dash-device-face-ink);
}
.dash-device-widget.active-contrast-dark.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .status-and-info-row:where(.svelte-nzbxxs) .label .text,
.dash-device-widget.active-contrast-dark.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .status-and-info-row:where(.svelte-nzbxxs) .additional-text-row .text,
.dash-device-widget.active-contrast-dark.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .status-and-info-row:where(.svelte-nzbxxs) .label .icon-grid,
.dash-device-widget.active-contrast-dark.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .status-and-info-row:where(.svelte-nzbxxs) .additional-text-row .icon-grid {
  color: var(--dash-device-info-fg) !important;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs {
  pointer-events: none;
  cursor: default;
  user-select: none;
  background-color: var(--color-theme-card);
  background-image: none !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: inset 0 0 0 1px var(--color-theme-card-02);
  height: 114px;
  min-height: 114px;
  flex: none;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone:where(.svelte-nzbxxs) {
  display: block;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  background-color: var(--color-theme-border-03);
  pointer-events: none;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone:where(.svelte-nzbxxs)::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent 0%, var(--color-theme-fg-20) 45%, transparent 100%);
  animation: svelte-nzbxxs-skeleton-shimmer 2.4s ease-in-out infinite;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone--circle:where(.svelte-nzbxxs) {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone--circle-l:where(.svelte-nzbxxs) {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone--control:where(.svelte-nzbxxs) {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone--line:where(.svelte-nzbxxs) {
  height: 12px;
  border-radius: var(--radius-theme-pill);
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone--line-sm:where(.svelte-nzbxxs) {
  height: 10px;
  border-radius: var(--radius-theme-pill);
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone--title:where(.svelte-nzbxxs) {
  width: 58%;
  max-width: 100%;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone--pill:where(.svelte-nzbxxs) {
  width: 44px;
  height: 28px;
  border-radius: var(--radius-theme-pill);
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone--chip:where(.svelte-nzbxxs) {
  width: 56px;
  height: 22px;
  border-radius: var(--radius-theme-pill);
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone--chip-sm:where(.svelte-nzbxxs) {
  width: 40px;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone--chip-lg:where(.svelte-nzbxxs) {
  width: 72px;
  height: 28px;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone--indicator:where(.svelte-nzbxxs) {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone--chevron:where(.svelte-nzbxxs) {
  width: 16px;
  height: 16px;
  border-radius: var(--radius-theme-xs);
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone--w-35:where(.svelte-nzbxxs) {
  width: 35%;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone--w-40:where(.svelte-nzbxxs) {
  width: 40%;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone--w-55:where(.svelte-nzbxxs) {
  width: 55%;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone--w-70:where(.svelte-nzbxxs) {
  width: 70%;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone--w-85:where(.svelte-nzbxxs) {
  width: 85%;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone--thumb:where(.svelte-nzbxxs) {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-theme-sm);
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone--media:where(.svelte-nzbxxs) {
  width: 100%;
  height: 100%;
  border-radius: 0;
  background-color: var(--color-theme-card-02);
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-bone--media:where(.svelte-nzbxxs)::after {
  content: none;
  animation: none;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs:nth-child(3n+2) .skeleton-bone--title:where(.svelte-nzbxxs) {
  width: 72%;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs:nth-child(3n+2) .skeleton-bone--chip:where(.svelte-nzbxxs):last-child {
  width: 48px;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs:nth-child(3n+2) .skeleton-bone:where(.svelte-nzbxxs)::after {
  animation-delay: 0.35s;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs:nth-child(3n+3) .skeleton-bone--title:where(.svelte-nzbxxs) {
  width: 44%;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs:nth-child(3n+3) .skeleton-bone--chip:where(.svelte-nzbxxs):first-child {
  width: 72px;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs:nth-child(3n+3) .skeleton-bone:where(.svelte-nzbxxs)::after {
  animation-delay: 0.7s;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs::after {
  content: none;
  animation: none;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .widget-face:where(.svelte-nzbxxs) {
  width: 100%;
  height: 100%;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .sections-wrapper:where(.svelte-nzbxxs) {
  width: 100%;
  height: 100%;
  padding: var(--spacing-s-plus);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .top-section:where(.svelte-nzbxxs) {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-s);
  width: 100%;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .left-side:where(.svelte-nzbxxs) {
  flex-shrink: 0;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .right-side:where(.svelte-nzbxxs) {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-status-row:where(.svelte-nzbxxs),
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-info-row:where(.svelte-nzbxxs) {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-xs);
  min-width: 0;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .skeleton-info-row:where(.svelte-nzbxxs) {
  justify-content: flex-start;
  margin-bottom: var(--spacing-xs);
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) {
  display: flex;
  align-items: flex-end;
  gap: var(--spacing-s);
  width: 100%;
}
.dash-device-widget.is-skeleton.svelte-nzbxxs .value-section-wrapper:where(.svelte-nzbxxs) {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  flex: 1;
  min-width: 0;
}

@keyframes svelte-nzbxxs-dash-device-glow-spot-pulse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    filter: brightness(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.05);
    filter: brightness(1.1);
  }
}
@keyframes svelte-nzbxxs-dash-device-glow-edge-pulse {
  0%, 100% {
    opacity: var(--lighting-edge-opacity, 1);
    filter: brightness(1);
  }
  50% {
    opacity: calc(var(--lighting-edge-opacity, 1) * 1.08);
    filter: brightness(1.12);
  }
}
@keyframes svelte-nzbxxs-dash-device-glow-spot-pulse-subtle {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    filter: brightness(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.025);
    filter: brightness(1.04);
  }
}
@keyframes svelte-nzbxxs-dash-device-glow-edge-pulse-subtle {
  0%, 100% {
    opacity: var(--lighting-edge-opacity, 1);
    filter: brightness(1);
  }
  50% {
    opacity: calc(var(--lighting-edge-opacity, 1) * 1.04);
    filter: brightness(1.05);
  }
}
#dnd-action-dragged-el .dash-device-widget.svelte-nzbxxs {
  box-shadow: var(--shadow-theme-glow-strong);
}

html[data-ds-color-mode="light"] .dash-device-widget.active-fill-neutral.svelte-nzbxxs {
  --dash-device-widget-active-bg: var(--color-theme-control-track);
  --dash-device-face-ink: var(--color-theme-fg);
}

.dash-device-widget.active-fill-contrast.svelte-nzbxxs {
  --dash-device-widget-active-bg: var(--color-theme-fg);
  --dash-device-face-ink: var(--color-theme-text-inverse);
}
.dash-device-widget.active-fill-accent-tint.svelte-nzbxxs {
  --dash-device-widget-active-bg: var(--color-theme-accent-tint-strong);
  --dash-device-face-ink: var(--color-theme-fg);
}
.dash-device-widget.active-fill-accent.svelte-nzbxxs {
  --dash-device-widget-active-bg: var(--color-theme-accent);
  --dash-device-face-ink: var(--color-theme-accent-fg);
}
.dash-device-widget.svelte-nzbxxs .dash-device-face-ink-icon {
  color: var(--dash-device-face-ink) !important;
}@property --lighting-interior-x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-interior-y {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-edge-x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-edge-y {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-interior-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 320px;
}
@property --lighting-edge-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 240px;
}
@property --lighting-interior-strength {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --lighting-edge-strength {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --lighting-edge-opacity {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@keyframes svelte-1ora0pk-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1ora0pk-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1ora0pk-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1ora0pk-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1ora0pk-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
@property --timer-progress-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
.device-toggle.svelte-1ora0pk {
  --lighting-transition-duration: 720ms;
  --lighting-transition-duration-long: 920ms;
  --lighting-transition-easing: cubic-bezier(0, 0, 0.2, 1);
  --lighting-accent-rgb: 60 203 255;
  --lighting-interior-x: 50%;
  --lighting-interior-y: 50%;
  --lighting-edge-x: 50%;
  --lighting-edge-y: 50%;
  --lighting-interior-strength: 0;
  --lighting-edge-strength: 0;
  --lighting-edge-opacity: 0;
  --lighting-interior-size: 320px;
  --lighting-edge-size: 240px;
  --lighting-edge-padding: 1px;
  --lighting-interior-blend-mode: screen;
  --lighting-edge-blend-mode: screen;
  position: relative;
  isolation: isolate;
  transition: --lighting-interior-x var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-y var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-x var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-y var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-size var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-size var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-strength var(--lighting-transition-duration) var(--lighting-transition-easing), --lighting-edge-strength var(--lighting-transition-duration) var(--lighting-transition-easing), --lighting-edge-opacity var(--lighting-transition-duration) var(--lighting-transition-easing);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  color: var(--color-theme-text);
  --device-face: var(--color-theme-fg);
  --device-face-ink: var(--color-theme-bg);
  --device-thumb-off: var(--color-theme-card-02);
  --device-rail-on-mix: 8%;
}
.device-toggle.is-disabled.svelte-1ora0pk {
  color: var(--color-theme-text-disabled);
}
.device-toggle.is-disabled.svelte-1ora0pk .info-text {
  color: var(--color-theme-text-tertiary);
}
.device-toggle.svelte-1ora0pk .info-text {
  color: var(--color-theme-text-sec);
}
.device-toggle[data-prevent-sidepanel-swipe].svelte-1ora0pk {
  touch-action: none;
}
.device-toggle[data-prevent-sidepanel-swipe].svelte-1ora0pk .indicator:where(.svelte-1ora0pk) {
  touch-action: none;
}
.device-toggle.svelte-1ora0pk input:where(.svelte-1ora0pk) {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.device-toggle.svelte-1ora0pk:has(input:where(.svelte-1ora0pk):focus-visible):not(:disabled) .slider:where(.svelte-1ora0pk) {
  outline-offset: 2px;
  outline: 2px solid var(--color-theme-accent);
}
.device-toggle.svelte-1ora0pk:has(input:where(.svelte-1ora0pk):active:not(:disabled)) .slider:where(.svelte-1ora0pk) .indicator:where(.svelte-1ora0pk)::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: var(--device-face-ink);
  opacity: 0.2;
  border-radius: var(--radius-theme-sm);
  pointer-events: none;
}
.device-toggle.svelte-1ora0pk .slider-stage:where(.svelte-1ora0pk) {
  position: relative;
  display: inline-block;
  width: 88px;
  height: 220px;
  isolation: isolate;
}
.device-toggle.svelte-1ora0pk .timer-progress-border:where(.svelte-1ora0pk) {
  --timer-progress-angle: 0deg;
  --device-timer-progress: var(--color-theme-accent);
  position: absolute;
  z-index: 4;
  inset: -3px;
  box-sizing: border-box;
  padding: 3px;
  border-radius: calc(var(--radius-theme-lg) + 3px);
  pointer-events: none;
  background: conic-gradient(from 0deg at 50% 50%, var(--device-timer-progress) 0deg, var(--device-timer-progress) var(--timer-progress-angle), transparent var(--timer-progress-angle), transparent 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  transition: --timer-progress-angle 0.1s linear;
}
.device-toggle.is-disabled.svelte-1ora0pk .timer-progress-border:where(.svelte-1ora0pk) {
  --device-timer-progress: var(--color-theme-fg-02);
  transition: none;
}
.device-toggle.svelte-1ora0pk .slider:where(.svelte-1ora0pk) {
  position: relative;
  display: inline-block;
  isolation: isolate;
  border-radius: var(--radius-theme-lg);
  cursor: pointer;
  width: 88px;
  height: 220px;
  background-color: var(--color-theme-control-track);
  transition: background-color var(--lighting-transition-duration, 280ms) ease;
}
.device-toggle.svelte-1ora0pk .slider:where(.svelte-1ora0pk) .lighting-edge:where(.svelte-1ora0pk) {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: var(--lighting-edge-padding);
  pointer-events: none;
  background: var(--lighting-edge-background, radial-gradient(var(--lighting-edge-size) var(--lighting-edge-size) at var(--lighting-edge-x) var(--lighting-edge-y), rgb(var(--lighting-accent-rgb)/calc(var(--lighting-edge-strength) * 0.82)), rgba(255, 255, 255, calc(var(--lighting-edge-strength) * 0.3)) 18%, rgb(var(--lighting-accent-rgb)/calc(var(--lighting-edge-strength) * 0.14)) 38%, rgba(255, 255, 255, 0) 68%));
  mix-blend-mode: var(--lighting-edge-blend-mode);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: var(--lighting-edge-opacity);
  transition: opacity var(--lighting-transition-duration) var(--lighting-transition-easing);
}
.device-toggle.svelte-1ora0pk .slider:where(.svelte-1ora0pk) .lighting-spot:where(.svelte-1ora0pk) {
  position: absolute;
  left: var(--lighting-spot-x, var(--lighting-interior-x));
  top: var(--lighting-spot-y, var(--lighting-interior-y));
  width: var(--lighting-spot-size, 0px);
  height: var(--lighting-spot-size, 0px);
  border-radius: 9999px;
  pointer-events: none;
  transform: translate(-50%, -50%);
  opacity: var(--lighting-spot-opacity, 0);
  background: var(--lighting-spot-background, radial-gradient(circle at 50% 50%, rgb(var(--lighting-accent-rgb)/calc(var(--lighting-spot-opacity, 0) * 0.5)), rgba(0, 0, 0, 0) 74%));
  transition: opacity var(--lighting-transition-duration) var(--lighting-transition-easing), transform var(--lighting-transition-duration-long) var(--lighting-transition-easing), width var(--lighting-transition-duration-long) var(--lighting-transition-easing), height var(--lighting-transition-duration-long) var(--lighting-transition-easing);
}
.device-toggle.svelte-1ora0pk .slider:where(.svelte-1ora0pk) .lighting-edge:where(.svelte-1ora0pk) {
  z-index: 3;
  filter: drop-shadow(0 0 5px rgb(var(--lighting-accent-rgb)/24%));
}
.device-toggle.svelte-1ora0pk .slider:where(.svelte-1ora0pk) .lighting-spot:where(.svelte-1ora0pk) {
  z-index: 0;
  filter: drop-shadow(0 0 18px rgb(var(--lighting-accent-rgb)/28%));
}
.device-toggle.svelte-1ora0pk .slider.disabled:where(.svelte-1ora0pk) {
  cursor: not-allowed;
  position: relative;
}
.device-toggle.svelte-1ora0pk .slider.disabled:where(.svelte-1ora0pk)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-base);
  opacity: 0.5;
  border-radius: inherit;
}
.device-toggle.svelte-1ora0pk .slider.disabled:where(.svelte-1ora0pk)::before {
  z-index: 5;
}
.device-toggle.svelte-1ora0pk .slider:where(.svelte-1ora0pk) .indicator:where(.svelte-1ora0pk) {
  position: absolute;
  z-index: 1;
  top: 112px;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(-50%);
  height: 104px;
  width: 80px;
  border-radius: var(--radius-theme-md);
  background-color: var(--device-thumb-off);
  transition: top 0.2s, background-color 0.2s, color 0.2s;
  touch-action: pan-y;
}
.device-toggle.svelte-1ora0pk .slider:where(.svelte-1ora0pk) .indicator.is-dragging:where(.svelte-1ora0pk) {
  transition: none;
}
.device-toggle.svelte-1ora0pk .slider:where(.svelte-1ora0pk) .indicator.timer-active:where(.svelte-1ora0pk) {
  transition-property: background-color, color;
}
.device-toggle.svelte-1ora0pk .slider:where(.svelte-1ora0pk) .indicator:where(.svelte-1ora0pk):hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--device-face-ink);
  opacity: 0.15;
  border-radius: inherit;
  pointer-events: none;
}
.device-toggle.svelte-1ora0pk input:where(.svelte-1ora0pk):checked + .slider-stage:where(.svelte-1ora0pk) .slider:where(.svelte-1ora0pk) .indicator:where(.svelte-1ora0pk) {
  background-color: var(--device-face);
  color: var(--color-theme-accent);
}
.device-toggle.has-on-glow.svelte-1ora0pk input:where(.svelte-1ora0pk):checked + .slider-stage:where(.svelte-1ora0pk) .slider:where(.svelte-1ora0pk) {
  background-color: color-mix(in srgb, rgb(var(--lighting-accent-rgb)) var(--device-rail-on-mix), var(--color-theme-control-track));
}

html[data-ds-color-mode="light"] .device-toggle.svelte-1ora0pk {
  --device-face: var(--color-theme-card);
  --device-face-ink: var(--color-theme-fg);
  --device-rail-on-mix: 18%;
}
html[data-ds-color-mode="light"] .device-toggle.has-on-glow.svelte-1ora0pk .lighting-edge:where(.svelte-1ora0pk) {
  filter: drop-shadow(0 0 8px rgb(var(--lighting-accent-rgb)/55%)) drop-shadow(0 0 22px rgb(var(--lighting-accent-rgb)/40%));
}
html[data-ds-color-mode="light"] .device-toggle.has-on-glow.svelte-1ora0pk .lighting-spot:where(.svelte-1ora0pk) {
  filter: drop-shadow(0 0 28px rgb(var(--lighting-accent-rgb)/50%));
}

html[data-ds-color-mode="dark"] .device-toggle.svelte-1ora0pk {
  --device-thumb-off: color-mix(
  	in srgb,
  	var(--color-theme-fg) 24%,
  	var(--color-theme-control-track)
  );
}.weather-detail-extended.svelte-gogrbz {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: 12px;
  border-radius: var(--radius-theme-lg);
  min-width: 140px;
  max-width: 164px;
  --alpha-chrome-ink-muted: 60%;
  --chrome-ink: var(--color-theme-fg);
  --chrome-ink-muted: color-mix(
  	in oklab,
  	var(--chrome-ink) var(--alpha-chrome-ink-muted),
  	transparent
  );
  --chrome-border-01: color-mix(in srgb, var(--chrome-ink) 8%, transparent);
  --chrome-border-02: color-mix(in srgb, var(--chrome-ink) 16%, transparent);
  --chrome-border-03: color-mix(in srgb, var(--chrome-ink) 25%, transparent);
  color: var(--chrome-ink);
}
html[data-ds-color-mode="light"] .weather-detail-extended.svelte-gogrbz {
  --alpha-chrome-ink-muted: 72%;
  --chrome-ink: #eaeaea;
}
.weather-detail-extended.svelte-gogrbz::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: color-mix(in srgb, var(--color-theme-card) 20%, transparent);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  z-index: -1;
  border-radius: inherit;
}
.weather-detail-extended.svelte-gogrbz .label-small-styles {
  color: inherit;
}
html[data-ds-color-mode="light"] .weather-detail-extended.svelte-gogrbz::before {
  background: rgba(36, 37, 39, 0.2);
}@property --lighting-interior-x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-interior-y {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-edge-x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-edge-y {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-interior-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 320px;
}
@property --lighting-edge-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 240px;
}
@property --lighting-interior-strength {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --lighting-edge-strength {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --lighting-edge-opacity {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.dash-weather-widget.svelte-1wtu1ei {
  --alpha-chrome-ink-muted: 60%;
  --chrome-ink: var(--color-theme-fg);
  --chrome-ink-muted: color-mix(
  	in oklab,
  	var(--chrome-ink) var(--alpha-chrome-ink-muted),
  	transparent
  );
  --chrome-border-01: color-mix(in srgb, var(--chrome-ink) 8%, transparent);
  --chrome-border-02: color-mix(in srgb, var(--chrome-ink) 16%, transparent);
  --chrome-border-03: color-mix(in srgb, var(--chrome-ink) 25%, transparent);
  --dash-weather-hud: var(--chrome-ink);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px 16px 16px 16px;
  border-radius: var(--radius-theme-md);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 176px;
  transform: translate3d(0, 0, 0);
  overflow: hidden;
}
html[data-ds-color-mode="light"] .dash-weather-widget.svelte-1wtu1ei {
  --alpha-chrome-ink-muted: 72%;
  --chrome-ink: #eaeaea;
}
.dash-weather-widget.has-lighting.svelte-1wtu1ei {
  --lighting-transition-duration: 720ms;
  --lighting-transition-duration-long: 920ms;
  --lighting-transition-easing: cubic-bezier(0, 0, 0.2, 1);
  --lighting-accent-rgb: 60 203 255;
  --lighting-interior-x: 50%;
  --lighting-interior-y: 50%;
  --lighting-edge-x: 50%;
  --lighting-edge-y: 50%;
  --lighting-interior-strength: 0;
  --lighting-edge-strength: 0;
  --lighting-edge-opacity: 0;
  --lighting-interior-size: 320px;
  --lighting-edge-size: 240px;
  --lighting-edge-padding: 1px;
  --lighting-interior-blend-mode: screen;
  --lighting-edge-blend-mode: screen;
  position: relative;
  isolation: isolate;
  transition: --lighting-interior-x var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-y var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-x var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-y var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-size var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-size var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-strength var(--lighting-transition-duration) var(--lighting-transition-easing), --lighting-edge-strength var(--lighting-transition-duration) var(--lighting-transition-easing), --lighting-edge-opacity var(--lighting-transition-duration) var(--lighting-transition-easing);
}
.dash-weather-widget.has-lighting.svelte-1wtu1ei .widget-lighting-edge:where(.svelte-1wtu1ei) {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: var(--lighting-edge-padding);
  pointer-events: none;
  background: var(--lighting-edge-background, radial-gradient(var(--lighting-edge-size) var(--lighting-edge-size) at var(--lighting-edge-x) var(--lighting-edge-y), rgb(var(--lighting-accent-rgb)/calc(var(--lighting-edge-strength) * 0.82)), rgba(255, 255, 255, calc(var(--lighting-edge-strength) * 0.3)) 18%, rgb(var(--lighting-accent-rgb)/calc(var(--lighting-edge-strength) * 0.14)) 38%, rgba(255, 255, 255, 0) 68%));
  mix-blend-mode: var(--lighting-edge-blend-mode);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: var(--lighting-edge-opacity);
  transition: opacity var(--lighting-transition-duration) var(--lighting-transition-easing);
}
.dash-weather-widget.has-lighting.svelte-1wtu1ei .widget-lighting-spot:where(.svelte-1wtu1ei) {
  position: absolute;
  left: var(--lighting-spot-x, var(--lighting-interior-x));
  top: var(--lighting-spot-y, var(--lighting-interior-y));
  width: var(--lighting-spot-size, 0px);
  height: var(--lighting-spot-size, 0px);
  border-radius: 9999px;
  pointer-events: none;
  transform: translate(-50%, -50%);
  opacity: var(--lighting-spot-opacity, 0);
  background: var(--lighting-spot-background, radial-gradient(circle at 50% 50%, rgb(var(--lighting-accent-rgb)/calc(var(--lighting-spot-opacity, 0) * 0.5)), rgba(0, 0, 0, 0) 74%));
  transition: opacity var(--lighting-transition-duration) var(--lighting-transition-easing), transform var(--lighting-transition-duration-long) var(--lighting-transition-easing), width var(--lighting-transition-duration-long) var(--lighting-transition-easing), height var(--lighting-transition-duration-long) var(--lighting-transition-easing);
}
.dash-weather-widget.has-lighting.svelte-1wtu1ei .widget-lighting-edge:where(.svelte-1wtu1ei) {
  z-index: 2;
}
.dash-weather-widget.has-lighting.svelte-1wtu1ei .widget-lighting-spot:where(.svelte-1wtu1ei) {
  z-index: 1;
  mix-blend-mode: screen;
}
.dash-weather-widget.svelte-1wtu1ei:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  border-radius: inherit;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.dash-weather-widget.is-extended.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) {
  width: 250px;
  flex: none;
}
.dash-weather-widget.is-extended.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .right-section:where(.svelte-1wtu1ei) .weather-details:where(.svelte-1wtu1ei) {
  flex-direction: row;
  justify-content: flex-end;
  gap: var(--spacing-s-plus);
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) {
  display: flex;
  z-index: 1;
  gap: var(--spacing-s);
  color: var(--dash-weather-hud);
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) .tempPrefix {
  margin-top: 2px;
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) .tempPrefix.extended {
  margin-top: 3px;
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) .condition-circle:where(.svelte-1wtu1ei) {
  position: relative;
  width: 14px;
  height: 14px;
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) .condition-circle:where(.svelte-1wtu1ei):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  background-color: var(--dash-weather-hud);
  border-radius: 50%;
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) .action-container:where(.svelte-1wtu1ei) {
  display: flex;
  align-items: center;
  gap: var(--spacing-xxs);
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) .action-container:where(.svelte-1wtu1ei) .action-extended-wrapper:where(.svelte-1wtu1ei) {
  display: flex;
  flex: 1;
  gap: var(--spacing-xs);
  align-items: center;
  min-width: 0;
  max-width: fit-content;
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) .action-container:where(.svelte-1wtu1ei) .action-wrapper:where(.svelte-1wtu1ei) {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  max-width: fit-content;
  cursor: pointer;
  height: 28px;
  width: max-content;
  max-width: fit-content;
  border-radius: var(--spacing-xs);
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) .action-container:where(.svelte-1wtu1ei) .action-wrapper:where(.svelte-1wtu1ei):focus-visible {
  outline: none;
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) .action-container:where(.svelte-1wtu1ei) .action-wrapper:where(.svelte-1wtu1ei):focus-visible:before {
  content: "";
  position: absolute;
  top: 0;
  left: -4px;
  width: calc(100% + 8px);
  height: 100%;
  border-radius: inherit;
  border: 1px solid var(--dash-weather-hud);
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .right-section:where(.svelte-1wtu1ei) {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  align-items: flex-end;
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .right-section:where(.svelte-1wtu1ei) .weather-details:where(.svelte-1wtu1ei) {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  width: 100%;
}
.dash-weather-widget.svelte-1wtu1ei .widget-line:where(.svelte-1wtu1ei) {
  border-color: var(--dash-weather-hud);
  opacity: 0.25;
}
.dash-weather-widget.svelte-1wtu1ei .time-items-wrapper:where(.svelte-1wtu1ei) {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-s-plus);
  cursor: grab;
  z-index: 1;
  color: var(--dash-weather-hud);
}
.dash-weather-widget.svelte-1wtu1ei .time-items-wrapper.is-scrolling:where(.svelte-1wtu1ei) {
  cursor: grabbing;
}
.dash-weather-widget.svelte-1wtu1ei .time-items-wrapper:where(.svelte-1wtu1ei) .time-item:where(.svelte-1wtu1ei) {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  width: 34px;
}
.dash-weather-widget.svelte-1wtu1ei .time-items-wrapper.time-items-scrollable:where(.svelte-1wtu1ei) {
  overflow: hidden;
  overflow-x: auto;
}
.dash-weather-widget.svelte-1wtu1ei .time-items-wrapper.time-items-scrollable:where(.svelte-1wtu1ei) :where(.svelte-1wtu1ei)::-webkit-scrollbar, .dash-weather-widget.svelte-1wtu1ei .time-items-wrapper.time-items-scrollable:where(.svelte-1wtu1ei)::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}@keyframes svelte-1gmsx0m-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1gmsx0m-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1gmsx0m-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1gmsx0m-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1gmsx0m-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.dash-room-widget.svelte-1gmsx0m {
  --chrome-card-scrim: var(--color-theme-card-01);
  --chrome-card-scrim-from: var(--color-theme-bg);
  --alpha-chrome-ink-muted: 60%;
  --chrome-ink: var(--color-theme-fg);
  --chrome-ink-muted: color-mix(
  	in oklab,
  	var(--chrome-ink) var(--alpha-chrome-ink-muted),
  	transparent
  );
  --chrome-border-01: color-mix(in srgb, var(--chrome-ink) 8%, transparent);
  --chrome-border-02: color-mix(in srgb, var(--chrome-ink) 16%, transparent);
  --chrome-border-03: color-mix(in srgb, var(--chrome-ink) 25%, transparent);
  --dash-room-scrim: var(--chrome-card-scrim);
  --dash-room-scrim-from: var(--chrome-card-scrim-from);
  --dash-room-hud: var(--chrome-ink);
  display: flex;
  align-items: flex-end;
  position: relative;
  padding: 12px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 140px;
  border-radius: var(--radius-theme-lg);
}
html[data-ds-color-mode="light"] .dash-room-widget.svelte-1gmsx0m {
  --chrome-card-scrim: #1b1d21;
  --chrome-card-scrim-from: #151617;
}
html[data-ds-color-mode="light"] .dash-room-widget.svelte-1gmsx0m {
  --alpha-chrome-ink-muted: 72%;
  --chrome-ink: #eaeaea;
}
.dash-room-widget.is-focusable.svelte-1gmsx0m:focus-visible:not(.selected):after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid var(--color-theme-accent);
  z-index: 3;
  border-radius: inherit;
  box-shadow: 0 0 0 4px var(--color-theme-accent-tint-strong);
}
.dash-room-widget.selected.svelte-1gmsx0m:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-theme-accent);
  z-index: 3;
  border-radius: inherit;
}
.dash-room-widget.selected.svelte-1gmsx0m:focus-visible:after {
  box-shadow: 0 0 0 4px var(--color-theme-accent-tint-strong);
}
.dash-room-widget.svelte-1gmsx0m::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, color-mix(in srgb, var(--dash-room-scrim-from) 0%, transparent) 0%, color-mix(in srgb, var(--dash-room-scrim) 92%, transparent) 71.82%, var(--dash-room-scrim) 98.11%);
  border: 1px solid var(--chrome-border-02);
  border-radius: inherit;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  z-index: 2;
}
.dash-room-widget.bg-color-overlay.svelte-1gmsx0m::before {
  background: linear-gradient(180deg, color-mix(in srgb, var(--dash-room-scrim-from) 20%, transparent) 0%, color-mix(in srgb, var(--dash-room-scrim) 80%, transparent) 98.11%);
}
.dash-room-widget.svelte-1gmsx0m .title-and-params-wrapper:where(.svelte-1gmsx0m) {
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 52px;
  gap: 6px;
  width: 100%;
}
.dash-room-widget.svelte-1gmsx0m .title-and-params-wrapper:where(.svelte-1gmsx0m) .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--dash-room-hud);
}
.dash-room-widget.svelte-1gmsx0m .title-and-params-wrapper:where(.svelte-1gmsx0m) .parameters-wrapper:where(.svelte-1gmsx0m) {
  display: flex;
  gap: var(--spacing-s-plus);
  width: 100%;
}
.dash-room-widget.svelte-1gmsx0m .title-and-params-wrapper:where(.svelte-1gmsx0m) .parameters-wrapper:where(.svelte-1gmsx0m) .param:where(.svelte-1gmsx0m) {
  max-width: 120px;
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  color: var(--dash-room-hud);
}
.dash-room-widget.svelte-1gmsx0m .title-and-params-wrapper:where(.svelte-1gmsx0m) .parameters-wrapper:where(.svelte-1gmsx0m) .param:where(.svelte-1gmsx0m) .label-small-styles {
  color: var(--dash-room-hud);
}
.dash-room-widget.svelte-1gmsx0m .title-and-params-wrapper:where(.svelte-1gmsx0m) .right-label {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
}@keyframes svelte-188m02f-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-188m02f-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-188m02f-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-188m02f-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-188m02f-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
@property --lighting-interior-x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-interior-y {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-edge-x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-edge-y {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-interior-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 320px;
}
@property --lighting-edge-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 240px;
}
@property --lighting-interior-strength {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --lighting-edge-strength {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --lighting-edge-opacity {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.dash-info-card.svelte-188m02f {
  position: relative;
  overflow: hidden;
  background-color: var(--surface-glass-fallback-bg);
  border-radius: var(--radius-theme-md);
  box-shadow: inset 0 0 0 1px var(--surface-glass-border-color);
  padding: var(--spacing-s);
  padding-top: var(--spacing-s-plus);
  height: 62px;
  width: 136px;
  color: var(--color-theme-text);
}
@supports (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)) {
  .dash-info-card.svelte-188m02f {
    background-color: var(--surface-glass-bg);
    -webkit-backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
    backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
  }
}
.dash-info-card.is-revealing.svelte-188m02f {
  animation: svelte-188m02f-skeleton-reveal-surface 240ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
}
.dash-info-card.is-revealing.svelte-188m02f [data-skeleton-reveal=lead]:where(.svelte-188m02f) {
  animation: svelte-188m02f-skeleton-reveal-layer 240ms cubic-bezier(0.22, 1, 0.36, 1) 90ms backwards;
}
.dash-info-card.is-revealing.svelte-188m02f [data-skeleton-reveal=content]:where(.svelte-188m02f) {
  animation: svelte-188m02f-skeleton-reveal-layer 240ms cubic-bezier(0.22, 1, 0.36, 1) 180ms backwards;
}
@media (prefers-reduced-motion: reduce) {
  .dash-info-card.is-revealing.svelte-188m02f, .dash-info-card.is-revealing.svelte-188m02f [data-skeleton-reveal]:where(.svelte-188m02f) {
    animation: none;
  }
}
.dash-info-card.is-skeleton.is-sheen.svelte-188m02f {
  position: relative;
  isolation: isolate;
  background-color: var(--color-theme-card-01);
}
.dash-info-card.is-skeleton.is-sheen.svelte-188m02f .skeleton-bone:where(.svelte-188m02f) {
  background-color: color-mix(in srgb, var(--color-theme-fg) 20%, var(--color-theme-card-01));
}
.dash-info-card.is-skeleton.is-sheen.svelte-188m02f .skeleton-bone:where(.svelte-188m02f)::after {
  content: none;
  animation: none;
}
/* (unused) .dash-info-card.is-skeleton.is-sheen .skeleton-bone--media {
  background-color: var(--color-theme-card-02);
}*/
.dash-info-card.is-skeleton.is-sheen.svelte-188m02f::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background-image: linear-gradient(104deg, transparent calc(50% - 144px), color-mix(in srgb, var(--color-theme-card) 55%, transparent) 50%, transparent calc(50% + 144px)), linear-gradient(116deg, transparent calc(50% - 72px), var(--color-theme-card) 50%, transparent calc(50% + 72px));
  background-repeat: no-repeat;
  background-size: 300vw 100vh;
  background-position-y: calc(-1 * var(--skeleton-sheen-y, 0px));
  animation: svelte-188m02f-skeleton-sheen 2600ms linear var(--skeleton-sheen-delay, 0ms) infinite;
}
@media (prefers-reduced-motion: reduce) {
  .dash-info-card.is-skeleton.is-sheen.svelte-188m02f::after {
    content: none;
    animation: none;
  }
}
.dash-info-card.is-skeleton.svelte-188m02f {
  pointer-events: none;
  cursor: default;
  user-select: none;
  background-color: var(--color-theme-card);
  background-image: none !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: inset 0 0 0 1px var(--color-theme-card-02);
  border-radius: var(--radius-theme-md);
}
.dash-info-card.is-skeleton.svelte-188m02f .skeleton-bone:where(.svelte-188m02f) {
  display: block;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  background-color: var(--color-theme-border-03);
  pointer-events: none;
}
.dash-info-card.is-skeleton.svelte-188m02f .skeleton-bone:where(.svelte-188m02f)::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent 0%, var(--color-theme-fg-20) 45%, transparent 100%);
  animation: svelte-188m02f-skeleton-shimmer 2.4s ease-in-out infinite;
}
/* (unused) .dash-info-card.is-skeleton .skeleton-bone--circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}*/
/* (unused) .dash-info-card.is-skeleton .skeleton-bone--circle-l {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}*/
/* (unused) .dash-info-card.is-skeleton .skeleton-bone--control {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}*/
/* (unused) .dash-info-card.is-skeleton .skeleton-bone--line {
  height: 12px;
  border-radius: var(--radius-theme-pill);
}*/
.dash-info-card.is-skeleton.svelte-188m02f .skeleton-bone--line-sm:where(.svelte-188m02f) {
  height: 10px;
  border-radius: var(--radius-theme-pill);
}
/* (unused) .dash-info-card.is-skeleton .skeleton-bone--title {
  width: 58%;
  max-width: 100%;
}*/
/* (unused) .dash-info-card.is-skeleton .skeleton-bone--pill {
  width: 44px;
  height: 28px;
  border-radius: var(--radius-theme-pill);
}*/
/* (unused) .dash-info-card.is-skeleton .skeleton-bone--chip {
  width: 56px;
  height: 22px;
  border-radius: var(--radius-theme-pill);
}*/
/* (unused) .dash-info-card.is-skeleton .skeleton-bone--chip-sm {
  width: 40px;
}*/
/* (unused) .dash-info-card.is-skeleton .skeleton-bone--chip-lg {
  width: 72px;
  height: 28px;
}*/
/* (unused) .dash-info-card.is-skeleton .skeleton-bone--indicator {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}*/
/* (unused) .dash-info-card.is-skeleton .skeleton-bone--chevron {
  width: 16px;
  height: 16px;
  border-radius: var(--radius-theme-xs);
}*/
/* (unused) .dash-info-card.is-skeleton .skeleton-bone--w-35 {
  width: 35%;
}*/
/* (unused) .dash-info-card.is-skeleton .skeleton-bone--w-40 {
  width: 40%;
}*/
.dash-info-card.is-skeleton.svelte-188m02f .skeleton-bone--w-55:where(.svelte-188m02f) {
  width: 55%;
}
/* (unused) .dash-info-card.is-skeleton .skeleton-bone--w-70 {
  width: 70%;
}*/
/* (unused) .dash-info-card.is-skeleton .skeleton-bone--w-85 {
  width: 85%;
}*/
/* (unused) .dash-info-card.is-skeleton .skeleton-bone--thumb {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-theme-sm);
}*/
/* (unused) .dash-info-card.is-skeleton .skeleton-bone--media {
  width: 100%;
  height: 100%;
  border-radius: 0;
  background-color: var(--color-theme-card-02);
}*/
/* (unused) .dash-info-card.is-skeleton .skeleton-bone--media::after {
  content: none;
  animation: none;
}*/
/* (unused) .dash-info-card.is-skeleton:nth-child(3n+2) .skeleton-bone--title {
  width: 72%;
}*/
/* (unused) .dash-info-card.is-skeleton:nth-child(3n+2) .skeleton-bone--chip:last-child {
  width: 48px;
}*/
.dash-info-card.is-skeleton.svelte-188m02f:nth-child(3n+2) .skeleton-bone:where(.svelte-188m02f)::after {
  animation-delay: 0.35s;
}
/* (unused) .dash-info-card.is-skeleton:nth-child(3n+3) .skeleton-bone--title {
  width: 44%;
}*/
/* (unused) .dash-info-card.is-skeleton:nth-child(3n+3) .skeleton-bone--chip:first-child {
  width: 72px;
}*/
.dash-info-card.is-skeleton.svelte-188m02f:nth-child(3n+3) .skeleton-bone:where(.svelte-188m02f)::after {
  animation-delay: 0.7s;
}
.dash-info-card.is-skeleton.svelte-188m02f::after {
  content: none;
  animation: none;
}
.dash-info-card.is-skeleton.svelte-188m02f .skeleton-info-value:where(.svelte-188m02f) {
  width: 60%;
  height: 18px;
  margin: var(--spacing-xxs) 0 var(--spacing-xs);
  border-radius: var(--radius-theme-pill);
}
.dash-info-card.is-skeleton.svelte-188m02f .skeleton-info-icon:where(.svelte-188m02f) {
  width: 12px;
  height: 12px;
  margin-left: auto;
  border-radius: 50%;
}
.dash-info-card.is-focusable.svelte-188m02f:focus-visible {
  outline-offset: 2px;
  outline: 2px solid var(--color-theme-accent);
}
.dash-info-card.svelte-188m02f .color-line:where(.svelte-188m02f) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  z-index: 2;
  pointer-events: none;
  background: var(--line-color-gradient);
}
.dash-info-card.accent-lighting.svelte-188m02f {
  --lighting-transition-duration: 720ms;
  --lighting-transition-duration-long: 920ms;
  --lighting-transition-easing: cubic-bezier(0, 0, 0.2, 1);
  --lighting-accent-rgb: 60 203 255;
  --lighting-interior-x: 50%;
  --lighting-interior-y: 50%;
  --lighting-edge-x: 50%;
  --lighting-edge-y: 50%;
  --lighting-interior-strength: 0;
  --lighting-edge-strength: 0;
  --lighting-edge-opacity: 0;
  --lighting-interior-size: 320px;
  --lighting-edge-size: 240px;
  --lighting-edge-padding: 1px;
  --lighting-interior-blend-mode: screen;
  --lighting-edge-blend-mode: screen;
  position: relative;
  isolation: isolate;
  transition: --lighting-interior-x var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-y var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-x var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-y var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-size var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-size var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-strength var(--lighting-transition-duration) var(--lighting-transition-easing), --lighting-edge-strength var(--lighting-transition-duration) var(--lighting-transition-easing), --lighting-edge-opacity var(--lighting-transition-duration) var(--lighting-transition-easing);
}
.dash-info-card.accent-lighting.svelte-188m02f::before {
  content: "";
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(var(--lighting-interior-size) var(--lighting-interior-size) at var(--lighting-interior-x) var(--lighting-interior-y), rgb(var(--lighting-accent-rgb)/calc(var(--lighting-interior-strength) * 0.48)), rgb(var(--lighting-accent-rgb)/calc(var(--lighting-interior-strength) * 0.22)) 28%, transparent 76%);
  mix-blend-mode: var(--lighting-interior-blend-mode);
  opacity: var(--lighting-interior-strength);
  transition: opacity var(--lighting-transition-duration) var(--lighting-transition-easing);
}
.dash-info-card.accent-lighting.svelte-188m02f .lighting-edge:where(.svelte-188m02f) {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: var(--lighting-edge-padding);
  pointer-events: none;
  background: var(--lighting-edge-background, radial-gradient(var(--lighting-edge-size) var(--lighting-edge-size) at var(--lighting-edge-x) var(--lighting-edge-y), rgb(var(--lighting-accent-rgb)/calc(var(--lighting-edge-strength) * 0.82)), rgba(255, 255, 255, calc(var(--lighting-edge-strength) * 0.3)) 18%, rgb(var(--lighting-accent-rgb)/calc(var(--lighting-edge-strength) * 0.14)) 38%, rgba(255, 255, 255, 0) 68%));
  mix-blend-mode: var(--lighting-edge-blend-mode);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: var(--lighting-edge-opacity);
  transition: opacity var(--lighting-transition-duration) var(--lighting-transition-easing);
}
.dash-info-card.accent-lighting.svelte-188m02f .color-line:where(.svelte-188m02f) {
  display: none;
}
.dash-info-card.accent-lighting.svelte-188m02f .lighting-edge:where(.svelte-188m02f) {
  z-index: 1;
  inset: -1px;
  mix-blend-mode: normal;
}
.dash-info-card.svelte-188m02f .text-container:where(.svelte-188m02f) {
  display: flex;
  align-items: center;
  width: 100%;
  padding-top: var(--spacing-xxs);
  gap: var(--spacing-xs);
}
.dash-info-card.svelte-188m02f .text-container:where(.svelte-188m02f) .label-small-styles {
  color: var(--color-theme-text-sec);
}@keyframes svelte-cvpgi4-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-cvpgi4-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-cvpgi4-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-cvpgi4-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-cvpgi4-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.dash-info-widget-wrapper.svelte-cvpgi4 {
  background-color: var(--surface-glass-fallback-bg);
  border-radius: var(--radius-theme-lg);
  box-shadow: inset 0 0 0 1px var(--surface-glass-border-color);
  padding: var(--spacing-s-plus);
  overflow: hidden;
  --info-mask-fade-left: 0px;
  --info-mask-fade-right: 0px;
}
@supports (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)) {
  .dash-info-widget-wrapper.svelte-cvpgi4 {
    background-color: var(--surface-glass-bg);
    -webkit-backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
    backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
  }
}
.dash-info-widget-wrapper.show-left-fade.svelte-cvpgi4 {
  --info-mask-fade-left: 32px;
}
.dash-info-widget-wrapper.show-right-fade.svelte-cvpgi4 {
  --info-mask-fade-right: 32px;
}
.dash-info-widget-wrapper.svelte-cvpgi4:has(.dash-info-widget:where(.svelte-cvpgi4):focus-visible) {
  outline-offset: 2px;
  outline: 2px solid var(--color-theme-accent);
}
.dash-info-widget-wrapper.svelte-cvpgi4 .dash-info-widget:where(.svelte-cvpgi4) {
  display: flex;
  gap: var(--spacing-s-plus);
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--info-mask-fade-left), #000 calc(100% - var(--info-mask-fade-right)), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 var(--info-mask-fade-left), #000 calc(100% - var(--info-mask-fade-right)), transparent 100%);
}
.dash-info-widget-wrapper.svelte-cvpgi4 .dash-info-widget:where(.svelte-cvpgi4)::-webkit-scrollbar {
  display: none;
}
.dash-info-widget-wrapper.svelte-cvpgi4 .dash-info-widget:where(.svelte-cvpgi4):focus-visible {
  outline: none;
}
.dash-info-widget-wrapper.svelte-cvpgi4 .dash-info-widget:where(.svelte-cvpgi4) .dash-info-card:focus-visible {
  outline: none;
}
.dash-info-widget-wrapper.svelte-cvpgi4 .dash-info-widget:where(.svelte-cvpgi4) .dash-info-card:focus-visible::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-theme-accent);
  border-radius: inherit;
  z-index: 1;
}
.dash-info-widget-wrapper.svelte-cvpgi4 .dash-info-widget.cursor-handle:where(.svelte-cvpgi4) {
  cursor: grab !important;
}
.dash-info-widget-wrapper.svelte-cvpgi4 .dash-info-widget.cursor-handle.cursor-handle-drag:where(.svelte-cvpgi4):not([disabled=true]) {
  cursor: grabbing !important;
}.dash-parameter-widget.svelte-1l1fokq {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  min-width: 0;
  padding: var(--spacing-m);
}

.dash-parameter-widget[role=button].svelte-1l1fokq {
  cursor: pointer;
}

.dash-parameter-widget--offline.svelte-1l1fokq {
  opacity: 0.65;
}

.dash-parameter-widget__heading.svelte-1l1fokq,
.dash-parameter-widget__parameter.svelte-1l1fokq {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-s);
}

.dash-parameter-widget__parameters.svelte-1l1fokq {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
  gap: var(--spacing-s);
}

.dash-parameter-widget__parameter.svelte-1l1fokq {
  justify-content: flex-start;
  padding: var(--spacing-s);
  border-radius: var(--radius-theme-sm);
  background: var(--color-theme-fg-10);
}

.dash-parameter-widget__value.svelte-1l1fokq {
  display: flex;
  flex-direction: column;
  min-width: 0;
}.player-avatar.svelte-1nxlzwc {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--radius-theme-sm);
  background-color: var(--color-theme-bg);
  overflow: hidden;
  z-index: 2;
}
.player-avatar.size-s.svelte-1nxlzwc {
  height: 44px;
  width: 44px;
}
.player-avatar.size-m.svelte-1nxlzwc {
  height: 56px;
  width: 56px;
}
.player-avatar.size-l.svelte-1nxlzwc {
  height: 142px;
  width: 142px;
  border-radius: var(--radius-theme-lg);
}@keyframes svelte-mf2n04-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-mf2n04-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-mf2n04-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-mf2n04-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-mf2n04-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.list-container.svelte-mf2n04 {
  --dash-media-list-scrim: var(--color-theme-bg);
  position: relative;
  display: flex;
  flex-direction: column;
  margin: -16px;
  margin-left: 20px;
  padding: 16px 0px;
  gap: 2px;
  width: 250px;
  z-index: 2;
  color: var(--dash-media-hud, var(--color-theme-fg));
}
.list-container.is-larger.svelte-mf2n04 {
  width: 320px;
}
.list-container.svelte-mf2n04::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--dash-media-list-scrim);
  opacity: 0.65;
  pointer-events: none;
  z-index: -1;
}
.list-container.no-avatar.svelte-mf2n04::before {
  opacity: 1;
}
.list-container.svelte-mf2n04 .song-item:where(.svelte-mf2n04) {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  cursor: pointer;
}
.list-container.svelte-mf2n04 .song-item:where(.svelte-mf2n04):hover {
  background-color: var(--color-theme-accent-tint-strong);
}
.list-container.svelte-mf2n04 .song-item:where(.svelte-mf2n04):focus-visible {
  outline: 2px solid var(--color-theme-accent);
  outline-offset: -2px;
}
.list-container.svelte-mf2n04 .song-item:where(.svelte-mf2n04):hover .play-icon, .list-container.svelte-mf2n04 .song-item:where(.svelte-mf2n04):focus-visible .play-icon {
  display: flex;
}
.list-container.svelte-mf2n04 .song-item:where(.svelte-mf2n04) .play-icon {
  display: none;
}
.list-container.svelte-mf2n04 .ellipse-2-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

html[data-ds-color-mode="light"] .list-container.svelte-mf2n04 {
  --dash-media-hud: #eaeaea;
  --dash-media-list-scrim: #1b1d21;
}@property --lighting-interior-x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-interior-y {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-edge-x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-edge-y {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-interior-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 320px;
}
@property --lighting-edge-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 240px;
}
@property --lighting-interior-strength {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --lighting-edge-strength {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --lighting-edge-opacity {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@keyframes svelte-v2ju0y-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-v2ju0y-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-v2ju0y-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-v2ju0y-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-v2ju0y-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.dash-media-player-widget.svelte-v2ju0y {
  --media-face: var(--color-theme-fg);
  --media-face-ink: var(--color-theme-bg);
  --dash-media-hud: var(--color-theme-fg);
  --dash-media-hud-muted: var(--color-theme-text-sec);
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 16px;
  height: 174px;
  background-color: var(--surface-glass-fallback-bg);
  border-radius: var(--radius-theme-lg);
  box-shadow: inset 0 0 0 1px var(--surface-glass-border-color);
  overflow: hidden;
  color: var(--color-theme-text);
}
@supports (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)) {
  .dash-media-player-widget.svelte-v2ju0y {
    background-color: var(--surface-glass-bg);
    -webkit-backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
    backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
  }
}
.dash-media-player-widget.has-lighting.svelte-v2ju0y {
  --lighting-transition-duration: 720ms;
  --lighting-transition-duration-long: 920ms;
  --lighting-transition-easing: cubic-bezier(0, 0, 0.2, 1);
  --lighting-accent-rgb: 60 203 255;
  --lighting-interior-x: 50%;
  --lighting-interior-y: 50%;
  --lighting-edge-x: 50%;
  --lighting-edge-y: 50%;
  --lighting-interior-strength: 0;
  --lighting-edge-strength: 0;
  --lighting-edge-opacity: 0;
  --lighting-interior-size: 320px;
  --lighting-edge-size: 240px;
  --lighting-edge-padding: 1px;
  --lighting-interior-blend-mode: screen;
  --lighting-edge-blend-mode: screen;
  position: relative;
  isolation: isolate;
  transition: --lighting-interior-x var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-y var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-x var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-y var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-size var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-size var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-strength var(--lighting-transition-duration) var(--lighting-transition-easing), --lighting-edge-strength var(--lighting-transition-duration) var(--lighting-transition-easing), --lighting-edge-opacity var(--lighting-transition-duration) var(--lighting-transition-easing);
}
.dash-media-player-widget.has-lighting.svelte-v2ju0y .widget-lighting-edge:where(.svelte-v2ju0y) {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: var(--lighting-edge-padding);
  pointer-events: none;
  background: var(--lighting-edge-background, radial-gradient(var(--lighting-edge-size) var(--lighting-edge-size) at var(--lighting-edge-x) var(--lighting-edge-y), rgb(var(--lighting-accent-rgb)/calc(var(--lighting-edge-strength) * 0.82)), rgba(255, 255, 255, calc(var(--lighting-edge-strength) * 0.3)) 18%, rgb(var(--lighting-accent-rgb)/calc(var(--lighting-edge-strength) * 0.14)) 38%, rgba(255, 255, 255, 0) 68%));
  mix-blend-mode: var(--lighting-edge-blend-mode);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: var(--lighting-edge-opacity);
  transition: opacity var(--lighting-transition-duration) var(--lighting-transition-easing);
}
.dash-media-player-widget.has-lighting.svelte-v2ju0y .widget-lighting-spot:where(.svelte-v2ju0y) {
  position: absolute;
  left: var(--lighting-spot-x, var(--lighting-interior-x));
  top: var(--lighting-spot-y, var(--lighting-interior-y));
  width: var(--lighting-spot-size, 0px);
  height: var(--lighting-spot-size, 0px);
  border-radius: 9999px;
  pointer-events: none;
  transform: translate(-50%, -50%);
  opacity: var(--lighting-spot-opacity, 0);
  background: var(--lighting-spot-background, radial-gradient(circle at 50% 50%, rgb(var(--lighting-accent-rgb)/calc(var(--lighting-spot-opacity, 0) * 0.5)), rgba(0, 0, 0, 0) 74%));
  transition: opacity var(--lighting-transition-duration) var(--lighting-transition-easing), transform var(--lighting-transition-duration-long) var(--lighting-transition-easing), width var(--lighting-transition-duration-long) var(--lighting-transition-easing), height var(--lighting-transition-duration-long) var(--lighting-transition-easing);
}
.dash-media-player-widget.has-lighting.svelte-v2ju0y .widget-lighting-edge:where(.svelte-v2ju0y) {
  z-index: 4;
}
.dash-media-player-widget.has-lighting.svelte-v2ju0y .widget-lighting-spot:where(.svelte-v2ju0y) {
  z-index: 1;
  mix-blend-mode: screen;
}
.dash-media-player-widget.is-extended.svelte-v2ju0y {
  flex-direction: row;
}
.dash-media-player-widget.is-extended.svelte-v2ju0y .controls:where(.svelte-v2ju0y) {
  flex: 1;
  min-width: 0;
}
.dash-media-player-widget.is-extended.svelte-v2ju0y .controls:where(.svelte-v2ju0y) {
  padding: 8px 0px;
}
.dash-media-player-widget.svelte-v2ju0y::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  z-index: 3;
}
.dash-media-player-widget.svelte-v2ju0y:focus-visible {
  outline: none;
}
.dash-media-player-widget.is-focusable.svelte-v2ju0y {
  cursor: pointer;
}
.dash-media-player-widget.is-focusable.svelte-v2ju0y:focus-visible:not(.selected) {
  box-shadow: 0 0 0 4px var(--color-theme-accent-tint-strong);
}
.dash-media-player-widget.is-focusable.svelte-v2ju0y:focus-visible:not(.selected)::before {
  opacity: 1;
  border: 1px solid var(--color-theme-accent);
}
.dash-media-player-widget.selected.svelte-v2ju0y::before {
  opacity: 1;
  border: 2px solid var(--color-theme-accent);
}
.dash-media-player-widget.selected.svelte-v2ju0y:focus-visible {
  box-shadow: 0 0 0 4px var(--color-theme-accent-tint-strong);
}
.dash-media-player-widget.svelte-v2ju0y .song-preview-image:where(.svelte-v2ju0y) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: var(--radius-theme-lg);
}
.dash-media-player-widget.svelte-v2ju0y .overlay:where(.svelte-v2ju0y) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  pointer-events: none;
  border-radius: var(--radius-theme-lg);
}
.dash-media-player-widget.svelte-v2ju0y:has(.overlay:where(.svelte-v2ju0y)) .controls:where(.svelte-v2ju0y) {
  color: var(--dash-media-hud);
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) {
  position: relative;
  z-index: 2;
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .progress-container:where(.svelte-v2ju0y) {
  touch-action: none;
  user-select: none;
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .progress-bar-wrapper:where(.svelte-v2ju0y) {
  position: relative;
  width: 100%;
  height: 6px;
  background-color: var(--dash-media-hud-muted);
  border-radius: var(--radius-theme-sm);
  overflow: hidden;
  touch-action: none;
  user-select: none;
  cursor: pointer;
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .progress-bar-wrapper.stop-audio-progress:where(.svelte-v2ju0y) {
  cursor: auto !important;
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .progress-bar-wrapper:where(.svelte-v2ju0y) .progress-slider:where(.svelte-v2ju0y) {
  pointer-events: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  margin: 0;
  border-radius: var(--radius-theme-sm);
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .progress-bar-wrapper:where(.svelte-v2ju0y) .progress-slider:where(.svelte-v2ju0y)::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  background-color: transparent;
  box-shadow: none;
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .progress-bar-wrapper:where(.svelte-v2ju0y) .progress-slider:where(.svelte-v2ju0y)::-moz-range-thumb {
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .progress-bar-wrapper:where(.svelte-v2ju0y) .progress-slider:where(.svelte-v2ju0y)::-ms-thumb {
  width: 16px;
  height: 16px;
  background-color: transparent;
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .progress-bar-wrapper:where(.svelte-v2ju0y) .progress-filled:where(.svelte-v2ju0y) {
  height: 6px;
  background-color: var(--dash-media-hud);
  border-radius: var(--radius-theme-sm);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-m);
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) .forward-backward-btn:where(.svelte-v2ju0y):hover .icon-grid, .dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) .forward-backward-btn:where(.svelte-v2ju0y):focus-within .icon-grid, .dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) .forward-backward-btn:where(.svelte-v2ju0y):active .icon-grid {
  color: var(--dash-media-hud-muted);
}
@media (hover: none) and (pointer: coarse) {
  .dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) .forward-backward-btn:where(.svelte-v2ju0y):hover .icon-grid {
    color: var(--dash-media-hud);
  }
  .dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) .forward-backward-btn:where(.svelte-v2ju0y):active .icon-grid {
    color: var(--dash-media-hud-muted);
  }
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) .play-pause-btn:where(.svelte-v2ju0y) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  padding: 8px;
  border-radius: 50%;
  max-height: 40px;
  color: var(--media-face-ink);
  background-color: var(--media-face);
  border: 2px solid var(--media-face);
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) .play-pause-btn:where(.svelte-v2ju0y):disabled {
  cursor: not-allowed;
}
@media (hover: hover) and (pointer: fine) {
  .dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) .play-pause-btn:where(.svelte-v2ju0y):hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--media-face-ink) 22%, var(--media-face)) 6.54%, var(--media-face) 82.48%);
  }
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) .play-pause-btn:where(.svelte-v2ju0y):focus, .dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) .play-pause-btn:where(.svelte-v2ju0y):active {
  background: linear-gradient(180deg, color-mix(in srgb, var(--media-face-ink) 30%, var(--media-face)) 6.54%, var(--media-face) 82.48%);
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls.isRadio:where(.svelte-v2ju0y) {
  height: 70px;
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls.isRadio:where(.svelte-v2ju0y) .play-pause-btn:where(.svelte-v2ju0y) {
  padding: 10px;
  max-height: 44px;
}
.dash-media-player-widget.svelte-v2ju0y .ellipse-2-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

html[data-ds-color-mode="light"] .dash-media-player-widget.svelte-v2ju0y {
  --media-face: var(--color-theme-card);
  --media-face-ink: var(--color-theme-fg);
}
html[data-ds-color-mode="light"] .dash-media-player-widget.svelte-v2ju0y:has(.overlay:where(.svelte-v2ju0y)) {
  --dash-media-hud: #eaeaea;
  --dash-media-hud-muted: color-mix(in srgb, #eaeaea 60%, transparent);
}.layer-chart-theme .stroke-white {
	stroke: var(--color-theme-bg);
}

.layer-chart-theme .\[paint-order\:stroke\] {
	paint-order: stroke;
}

.layer-chart-theme .lc-tooltip {
	background: var(--color-theme-card);
	color: var(--color-theme-text);
	border: 1px solid var(--color-theme-border);
	font-size: 12px;
	max-width: 100%;
	position: absolute;
	white-space: nowrap;
	z-index: 51;
	pointer-events: none;
	user-select: none;
	line-height: 1.25rem;
	padding: 0.25rem 0.5rem;
	border-radius: 0.5rem;
	box-shadow:
		0 2px 1px -1px #0003,
		0 1px 1px #00000024,
		0 1px 3px #0000001f;
}

.layer-chart-theme .lc-tooltip-pie-header,
.layer-chart-theme .lc-tooltip-header {
	font-weight: 600;
	margin-bottom: 6px;
	white-space: nowrap;
	display: flex;
	align-items: center;
	margin-bottom: 0.25rem;
	padding-bottom: 0.25rem;
	border-bottom: 1px solid var(--color-theme-border-03);
	color: var(--color-theme-text-sec);
	overflow: hidden;
}

.layer-chart-theme .lc-tooltip-list {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.layer-chart-theme .lc-tooltip-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
}

.layer-chart-theme .lc-tooltip-item .lc-tooltip-label {
	display: inline-flex;
	align-items: center;
	opacity: 0.8;
	color: var(--color-theme-text-sec);
	overflow: hidden;
}

.layer-chart-theme .lc-tooltip-pie-header > span,
.layer-chart-theme .lc-tooltip-header > span,
.layer-chart-theme .lc-tooltip-item .lc-tooltip-label > span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.layer-chart-theme .lc-tooltip-item .lc-tooltip-value {
	flex: 0 0 auto;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
	color: var(--color-theme-text-sec);
}

.layer-chart-theme .lc-tooltip-pie-header:before,
.layer-chart-theme .lc-tooltip-item .lc-tooltip-label:before {
	content: '';
	display: inline-block;
	min-width: 6px;
	min-height: 6px;
	border-radius: 50%;
	background: var(--dot-color);
	margin-right: 6px;
	vertical-align: middle;
	flex: 0 0 auto;
}
.layer-chart-theme .absolute {
	position: absolute;
}

.layer-chart-theme .top-0 {
	top: 0;
}

.layer-chart-theme .left-0 {
	left: 0;
}

.layer-chart-theme {
	position: relative;
	border-radius: var(--radius-theme-lg);
	overflow: hidden;
}

.layer-chart-theme .lc-card,
.layer-chart-theme .lc-area-chart {
	position: relative;
	padding: 2px 10px 0px;
}

/* Figma chart-card treatment: a restrained family-color wash spans the full chart shell,
 * including the time-label zone. Bars and area marks retain their own vertical fades. */
.layer-chart-theme.lc-card--accent-surface {
	background: linear-gradient(
		to top,
		color-mix(in srgb, var(--lc-card-accent-color) 18%, transparent) 0%,
		color-mix(in srgb, var(--lc-card-accent-color) 9%, transparent) 34%,
		transparent 72%
	);
}

/* Figma bar-card treatment: a restrained family-color wash spans the full chart shell,
 * including the time-label zone, while individual bars retain their own vertical fade. */
.layer-chart-theme.lc-card--power-bars {
	background: linear-gradient(
		to top,
		color-mix(in srgb, var(--lc-card-bar-color) 18%, transparent) 0%,
		color-mix(in srgb, var(--lc-card-bar-color) 9%, transparent) 34%,
		transparent 72%
	);
}

.layer-chart-theme .full-screen {
	padding-bottom: 30px;
	margin-bottom: 48px;
}

.layer-chart-theme .lc-card .TooltipContext,
.layer-chart-theme .lc-area-chart .TooltipContext {
	width: 100%;
	pointer-events: none;
}

.layer-chart-theme .fill-surface-content {
	fill: var(--color-theme-text);
}

.layer-chart-theme .text-\[10px\] {
	font-size: 10px;
	line-height: 1;
}

.layer-chart-theme .overflow-visible {
	overflow: visible;
}

.layer-chart-theme .stroke-surface-content\/10 {
	stroke: color-mix(in srgb, var(--color-theme-fg) 42%, transparent);
	stroke-dasharray: 8 8;
}

.layer-chart-theme .lc-axis-left-grid {
	stroke: color-mix(in srgb, var(--color-theme-fg) 12%, transparent);
	stroke-width: 1px;
	stroke-dasharray: none;
}

.layer-chart-theme .lc-current-value-label {
	fill: var(--lc-current-color);
	font-size: 10px;
	font-weight: 600;
	paint-order: stroke;
	stroke: var(--color-theme-bg);
	stroke-width: 4px;
}

.layer-chart-theme .lc-current-value-pill-label {
	font-size: 10px;
	font-weight: 600;
	pointer-events: none;
}

.layer-chart-theme .stroke-surface-content\/20 {
	stroke: var(--color-theme-text);
}

.layer-chart-theme g.hidden {
	opacity: 0;
}

.layer-chart-theme .layercake-layout-svg {
	position: relative;
	padding-top: 10px;
}

.layer-chart-theme .loader-container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.layer-chart-theme .lc-area-fill-blend.path-area {
	mix-blend-mode: screen;
}

.layer-chart-theme .loader-container,
.layer-chart-theme .h-full {
	width: 100%;
	height: 240px;
}

.thumb-chart.layer-chart-theme .h-full {
	height: 100px;
}

.layer-chart-theme .full-screen .h-full {
	height: 400px;
	min-height: 240px;
	max-height: 40vh;
}

.layer-chart-theme .layerchart-layout-svg {
	isolation: isolate;
}

.layer-chart-theme .grid.lc-axis-bottom-rule {
	stroke-width: 1px;
}

.layer-chart-theme .lc-axis-bottom-tick {
	transform: translateY(10px);
	stroke: var(--color-theme-text-sec);
	stroke-width: 0px;
}

.layer-chart-theme .lc-axis-bottom-tick-label {
	fill: var(--color-theme-text);
	font-size: 10px;
	user-select: none;
}

.layer-chart-theme .lc-axis-bottom-tick-label--visible {
	fill: var(--color-theme-text);
}

.layer-chart-theme .lc-axis-bottom-tick,
.layer-chart-theme .lc-axis-left-rule {
	stroke-width: 0px;
}

.layer-chart-theme.layer-chart-theme--dashboard .lc-axis-bottom-tick {
	transform: translateY(-3px);
	stroke: color-mix(in srgb, var(--color-theme-fg) 35%, transparent);
	stroke-width: 1px;
}

.layer-chart-theme .lc-axis-left-tick-label,
.layer-chart-theme .lc-axis-right-tick-label {
	font-size: 10px;
	user-select: none;
	white-space: nowrap;
}

.layer-chart-theme .full-screen .lc-axis-bottom-tick-label,
.layer-chart-theme .full-screen .lc-axis-left-tick-label {
	fill: var(--color-theme-text);
	font-size: 10px;
}

.layer-chart-theme .full-screen .lc-axis-bottom-tick {
	stroke-width: 1px;
}
.layer-chart-theme .lc-legend {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: var(--spacing-m-plus) var(--spacing-m-plus) 0;
	padding: 0 10px;
	user-select: none;
	margin-bottom: 16px;
}

.layer-chart-theme .lc-legend.vertical {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.layer-chart-theme .lc-legend-item {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: var(--color-theme-text);
	white-space: nowrap;
	cursor: pointer;
}

.layer-chart-theme .lc-legend-item:focus-visible {
	outline: 2px solid var(--color-theme-accent);
	outline-offset: var(--spacing-xs);
	border-radius: var(--radius-theme-sm);
}

.layer-chart-theme .lc-legend-item:before {
	content: '';
	display: inline-block;
	min-width: 12px;
	min-height: 12px;
	background: var(--dot-color);
	vertical-align: middle;
	flex: 0 0 auto;
	border-radius: 2px;
	outline: 1px solid color-mix(in srgb, var(--color-theme-bg) 25%, transparent);
	outline-offset: 1px;
}

.layer-chart-theme .lc-legend-item.hidden {
	text-decoration: line-through;
}

.layer-chart-theme .lc-legend-item.rounded {
	font-size: 10px;
}

.layer-chart-theme .lc-legend-item.rounded:before {
	border-radius: 50%;
	min-width: 8px;
	min-height: 8px;
}
.layer-chart-theme .path-line {
	stroke: var(--lc-series-color, #248def);
	stroke-width: 2.5px;
}

.layer-chart-theme .fill-none {
	fill: none;
}

.layer-chart-theme .bar-fill {
	fill: var(--lc-bar-fill, var(--lc-series-color, #248def));
	stroke: var(--color-theme-bg);
	fill-opacity: 0.85;
	stroke-opacity: 1;
	stroke-width: 0;
}

.layer-chart-theme .lc-latest-point {
	fill: var(--lc-series-color, #248def);
	stroke: var(--color-theme-bg);
	stroke-width: var(--spacing-xxs);
	pointer-events: none;
}

.layer-chart-theme .lc-latest-point-pulse {
	fill: var(--lc-series-color, #248def);
	stroke: none;
	opacity: 0.42;
	transform-box: fill-box;
	transform-origin: center;
	pointer-events: none;
	animation: lc-latest-point-pulse 1.8s ease-out infinite;
}

@keyframes lc-latest-point-pulse {
	0% {
		opacity: 0.42;
		transform: scale(0.55);
	}
	70%,
	100% {
		opacity: 0;
		transform: scale(1.45);
	}
}

@media (prefers-reduced-motion: reduce) {
	.layer-chart-theme .lc-latest-point-pulse {
		animation: none;
		opacity: 0.2;
	}
}

.layer-chart-theme .lc-highlight,
.layer-chart-theme .lc-highlight.circle {
	fill: var(--lc-series-color, #248def);
	stroke: none;
	stroke-width: 0;
}

.layer-chart-theme .lc-group .lc-area-gradient {
	--lc-area-from: color-mix(in srgb, var(--lc-series-color) 96%, transparent);
	--lc-area-stop-1: color-mix(in srgb, var(--lc-series-color) 58%, transparent);
	--lc-area-to: color-mix(in srgb, var(--lc-series-color) 16%, transparent);
}

.layer-chart-theme .prev_period_reversed .path-line,
.layer-chart-theme .prev_period_consumption .path-line {
	stroke-dasharray: 7px 10px;
}

	.layercake-container.svelte-1cbqg3o,
	.layercake-container.svelte-1cbqg3o * {
		box-sizing: border-box;
	}
	.layercake-container.svelte-1cbqg3o {
		width: 100%;
		height: 100%;
	}
.layer-chart-theme .lc-card-tooltip {
	position: relative;
	background: var(--color-theme-card);
	color: var(--color-theme-text);
	border: 1px solid var(--color-theme-border);
	font-size: 12px;
	max-width: 100%;
	position: absolute;
	white-space: nowrap;
	z-index: 101;
	pointer-events: none;
	user-select: none;
	overflow: hidden;
	line-height: 16px;
	padding: 8px 8px;
	border-radius: 0.5rem;
	box-shadow:
		0 2px 1px -1px #0003,
		0 1px 1px #00000024,
		0 1px 3px #0000001f;
}

.lc-card-tooltip .lc-card-tooltip-date {
	white-space: nowrap;
	display: flex;
	align-items: center;
	overflow: hidden;
	padding-left: 6px;
}

.lc-card-tooltip .lc-card-tooltip-list {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.layer-chart-theme .lc-card-tooltip-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.lc-card-tooltip .lc-card-tooltip-label {
	overflow: hidden;
	text-overflow: ellipsis;
}

.lc-card-tooltip .lc-card-tooltip-value {
	flex: 0 0 auto;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.lc-card-tooltip .lc-card-tooltip-label:before {
	content: '';
	display: inline-block;
	min-width: 2px;
	min-height: 10px;
	background: var(--dot-color);
	margin-right: 4px;
	vertical-align: middle;
	flex: 0 0 auto;
}

.lc-card-tooltip .lc-card-tooltip-arrow {
	font-size: 24px;
	padding-left: 25px;
}

.lc-card-tooltip .lc-card-tooltip-arrow-btn {
	width: 24px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: var(--color-theme-text);
	background: transparent !important;
	border: 0;
	padding: 0;
	cursor: pointer;
	pointer-events: all;
	box-shadow: none;
	border-radius: 4px;
}

.lc-card-tooltip .lc-card-tooltip-arrow-btn:hover {
	background: var(--color-theme-fg-08);
}

.layer-chart-theme .lc-highlight-line {
	stroke: var(--color-theme-bg);
	stroke-width: 2px;
	transform: scaleY(1.2) translateY(-32px);
}

.layer-chart-theme .full-screen .lc-highlight-line {
	transform: none;
}
@keyframes svelte-p06ro-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-p06ro-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-p06ro-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-p06ro-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-p06ro-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
/* (unused) .dash-chart-widget {
  display: flex;
  flex-direction: column;
  height: 344px;
  overflow: hidden;
}*/
/* (unused) .dash-chart-widget > :global(.main-slot-container) {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l);
  min-height: 0;
}*/
/* (unused) .dash-chart-widget--chart :global(.dash-chart-widget__chart) {
  height: 220px;
  flex-shrink: 0;
  width: 100%;
  overflow: visible;
}*/
/* (unused) .dash-chart-widget--chart :global(.dash-chart-widget__chart) :global(.layer-chart-theme) {
  height: 220px;
  width: 100%;
}*/
/* (unused) .dash-chart-widget--chart :global(.dash-chart-widget__chart) :global(.layer-chart-theme .lc-area-chart) {
  height: 220px;
  width: 100%;
  padding-bottom: var(--spacing-xs);
}*/
/* (unused) .dash-chart-widget--chart :global(.dash-chart-widget__chart) :global(.layer-chart-theme .lc-area-chart--dashboard) {
  padding-bottom: 0;
}*/
/* (unused) .dash-chart-widget--chart :global(.dash-chart-widget__chart) :global(.layer-chart-theme .h-full),
.dash-chart-widget--chart :global(.dash-chart-widget__chart) :global(.layer-chart-theme .layercake-container) {
  height: 220px !important;
  width: 100% !important;
  min-height: 220px;
}*/
/* (unused) .dash-chart-widget--chart :global(.dash-chart-widget__chart) :global(.lc-axis-bottom-tick-label) {
  fill: hsl(var(--color-surface-content));
  font-size: 10px;
}*/
/* (unused) .dash-chart-widget--chart :global(.dash-chart-widget__chart) :global(.lc-axis-left-tick-label) {
  fill: hsl(var(--color-surface-content));
  font-size: 10px;
}*/
/* (unused) .dash-chart-widget--chart :global(.dash-chart-widget__chart) :global(.lc-legend) {
  margin-top: var(--spacing-m);
  margin-bottom: 0;
}*/@keyframes svelte-zhrgja-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-zhrgja-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-zhrgja-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-zhrgja-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-zhrgja-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
 .dash-chart-widget.is-revealing {
  animation: svelte-zhrgja-skeleton-reveal-surface 240ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
}
 .dash-chart-widget.is-revealing [data-skeleton-reveal=lead] {
  animation: svelte-zhrgja-skeleton-reveal-layer 240ms cubic-bezier(0.22, 1, 0.36, 1) 90ms backwards;
}
 .dash-chart-widget.is-revealing [data-skeleton-reveal=content] {
  animation: svelte-zhrgja-skeleton-reveal-layer 240ms cubic-bezier(0.22, 1, 0.36, 1) 180ms backwards;
}
@media (prefers-reduced-motion: reduce) {
   .dash-chart-widget.is-revealing,  .dash-chart-widget.is-revealing [data-skeleton-reveal] {
    animation: none;
  }
}

.dash-chart-widget.is-skeleton.is-sheen.svelte-zhrgja {
  position: relative;
  isolation: isolate;
  background-color: var(--color-theme-card-01);
}
.dash-chart-widget.is-skeleton.is-sheen.svelte-zhrgja .skeleton-bone:where(.svelte-zhrgja) {
  background-color: color-mix(in srgb, var(--color-theme-fg) 20%, var(--color-theme-card-01));
}
.dash-chart-widget.is-skeleton.is-sheen.svelte-zhrgja .skeleton-bone:where(.svelte-zhrgja)::after {
  content: none;
  animation: none;
}
.dash-chart-widget.is-skeleton.is-sheen.svelte-zhrgja .skeleton-bone--media:where(.svelte-zhrgja) {
  background-color: var(--color-theme-card-02);
}
.dash-chart-widget.is-skeleton.is-sheen.svelte-zhrgja::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background-image: linear-gradient(104deg, transparent calc(50% - 144px), color-mix(in srgb, var(--color-theme-card) 55%, transparent) 50%, transparent calc(50% + 144px)), linear-gradient(116deg, transparent calc(50% - 72px), var(--color-theme-card) 50%, transparent calc(50% + 72px));
  background-repeat: no-repeat;
  background-size: 300vw 100vh;
  background-position-y: calc(-1 * var(--skeleton-sheen-y, 0px));
  animation: svelte-zhrgja-skeleton-sheen 2600ms linear var(--skeleton-sheen-delay, 0ms) infinite;
}
@media (prefers-reduced-motion: reduce) {
  .dash-chart-widget.is-skeleton.is-sheen.svelte-zhrgja::after {
    content: none;
    animation: none;
  }
}
.dash-chart-widget.is-skeleton.svelte-zhrgja {
  pointer-events: none;
  cursor: default;
  user-select: none;
  background-color: var(--color-theme-card);
  background-image: none !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: inset 0 0 0 1px var(--color-theme-card-02);
  display: flex;
  flex-direction: column;
  height: var(--dash-chart-widget-height, auto);
  padding: var(--spacing-m);
  border-radius: var(--radius-theme-md);
  overflow: hidden;
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-bone:where(.svelte-zhrgja) {
  display: block;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  background-color: var(--color-theme-border-03);
  pointer-events: none;
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-bone:where(.svelte-zhrgja)::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent 0%, var(--color-theme-fg-20) 45%, transparent 100%);
  animation: svelte-zhrgja-skeleton-shimmer 2.4s ease-in-out infinite;
}
/* (unused) .dash-chart-widget.is-skeleton .skeleton-bone--circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}*/
/* (unused) .dash-chart-widget.is-skeleton .skeleton-bone--circle-l {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}*/
/* (unused) .dash-chart-widget.is-skeleton .skeleton-bone--control {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}*/
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-bone--line:where(.svelte-zhrgja) {
  height: 12px;
  border-radius: var(--radius-theme-pill);
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-bone--line-sm:where(.svelte-zhrgja) {
  height: 10px;
  border-radius: var(--radius-theme-pill);
}
/* (unused) .dash-chart-widget.is-skeleton .skeleton-bone--title {
  width: 58%;
  max-width: 100%;
}*/
/* (unused) .dash-chart-widget.is-skeleton .skeleton-bone--pill {
  width: 44px;
  height: 28px;
  border-radius: var(--radius-theme-pill);
}*/
/* (unused) .dash-chart-widget.is-skeleton .skeleton-bone--chip {
  width: 56px;
  height: 22px;
  border-radius: var(--radius-theme-pill);
}*/
/* (unused) .dash-chart-widget.is-skeleton .skeleton-bone--chip-sm {
  width: 40px;
}*/
/* (unused) .dash-chart-widget.is-skeleton .skeleton-bone--chip-lg {
  width: 72px;
  height: 28px;
}*/
/* (unused) .dash-chart-widget.is-skeleton .skeleton-bone--indicator {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}*/
/* (unused) .dash-chart-widget.is-skeleton .skeleton-bone--chevron {
  width: 16px;
  height: 16px;
  border-radius: var(--radius-theme-xs);
}*/
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-bone--w-35:where(.svelte-zhrgja) {
  width: 35%;
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-bone--w-40:where(.svelte-zhrgja) {
  width: 40%;
}
/* (unused) .dash-chart-widget.is-skeleton .skeleton-bone--w-55 {
  width: 55%;
}*/
/* (unused) .dash-chart-widget.is-skeleton .skeleton-bone--w-70 {
  width: 70%;
}*/
/* (unused) .dash-chart-widget.is-skeleton .skeleton-bone--w-85 {
  width: 85%;
}*/
/* (unused) .dash-chart-widget.is-skeleton .skeleton-bone--thumb {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-theme-sm);
}*/
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-bone--media:where(.svelte-zhrgja) {
  width: 100%;
  height: 100%;
  border-radius: 0;
  background-color: var(--color-theme-card-02);
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-bone--media:where(.svelte-zhrgja)::after {
  content: none;
  animation: none;
}
/* (unused) .dash-chart-widget.is-skeleton:nth-child(3n+2) .skeleton-bone--title {
  width: 72%;
}*/
/* (unused) .dash-chart-widget.is-skeleton:nth-child(3n+2) .skeleton-bone--chip:last-child {
  width: 48px;
}*/
.dash-chart-widget.is-skeleton.svelte-zhrgja:nth-child(3n+2) .skeleton-bone:where(.svelte-zhrgja)::after {
  animation-delay: 0.35s;
}
/* (unused) .dash-chart-widget.is-skeleton:nth-child(3n+3) .skeleton-bone--title {
  width: 44%;
}*/
/* (unused) .dash-chart-widget.is-skeleton:nth-child(3n+3) .skeleton-bone--chip:first-child {
  width: 72px;
}*/
.dash-chart-widget.is-skeleton.svelte-zhrgja:nth-child(3n+3) .skeleton-bone:where(.svelte-zhrgja)::after {
  animation-delay: 0.7s;
}
.dash-chart-widget.is-skeleton.svelte-zhrgja::after {
  content: none;
  animation: none;
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-header:where(.svelte-zhrgja) {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: var(--spacing-s);
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-title-row:where(.svelte-zhrgja) {
  display: flex;
  align-items: center;
  height: 19px;
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-info-row:where(.svelte-zhrgja) {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  height: 14px;
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-dot:where(.svelte-zhrgja) {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-area:where(.svelte-zhrgja) {
  position: relative;
  display: flex;
  flex: 1 0 220px;
  min-height: 220px;
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-baseline:where(.svelte-zhrgja) {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: var(--radius-theme-pill);
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-bars:where(.svelte-zhrgja) {
  display: flex;
  flex: 1;
  align-items: flex-end;
  gap: var(--spacing-s);
  padding: var(--spacing-m) var(--spacing-xs) var(--spacing-xs);
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-bar:where(.svelte-zhrgja) {
  flex: 1;
  border-radius: var(--radius-theme-xs) var(--radius-theme-xs) 0 0;
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-bar:where(.svelte-zhrgja):nth-child(1) {
  height: 45%;
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-bar:where(.svelte-zhrgja):nth-child(2) {
  height: 70%;
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-bar:where(.svelte-zhrgja):nth-child(3) {
  height: 55%;
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-bar:where(.svelte-zhrgja):nth-child(4) {
  height: 85%;
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-bar:where(.svelte-zhrgja):nth-child(5) {
  height: 40%;
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-bar:where(.svelte-zhrgja):nth-child(6) {
  height: 65%;
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-bar:where(.svelte-zhrgja):nth-child(7) {
  height: 50%;
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-wave:where(.svelte-zhrgja) {
  flex: 1;
  height: auto;
  clip-path: polygon(0 72%, 12% 58%, 25% 64%, 38% 42%, 52% 50%, 66% 28%, 80% 38%, 100% 20%, 100% 100%, 0 100%);
}
.dash-chart-widget.is-skeleton.skeleton-donut.svelte-zhrgja .skeleton-chart-area:where(.svelte-zhrgja) {
  align-items: center;
  justify-content: center;
  gap: var(--spacing-l);
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-ring:where(.svelte-zhrgja) {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  -webkit-mask: radial-gradient(closest-side, transparent 60%, var(--color-theme-fg) 61%);
  mask: radial-gradient(closest-side, transparent 60%, var(--color-theme-fg) 61%);
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-legend:where(.svelte-zhrgja) {
  display: flex;
  flex: 0 1 40%;
  flex-direction: column;
  gap: var(--spacing-s-plus);
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-legend-row:where(.svelte-zhrgja) {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-legend-row:where(.svelte-zhrgja) .skeleton-bone--line-sm:where(.svelte-zhrgja) {
  width: 70%;
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-legend-row:where(.svelte-zhrgja):nth-child(2) .skeleton-bone--line-sm:where(.svelte-zhrgja) {
  width: 50%;
}
.dash-chart-widget.is-skeleton.svelte-zhrgja .skeleton-chart-legend-row:where(.svelte-zhrgja):nth-child(3) .skeleton-bone--line-sm:where(.svelte-zhrgja) {
  width: 85%;
}.layer-chart-theme.lc-pie-chart {
	position: relative;
	container-type: inline-size;
	width: 100%;
}

.layer-chart-theme .lc-pie-body {
	display: grid;
	place-items: center;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: var(--spacing-s);
}

.layer-chart-theme .lc-pie-body.with-legend {
	grid-template-columns: minmax(0, 1fr) minmax(var(--width-m), 1fr);
	gap: var(--spacing-l);
	align-items: center;
	min-height: calc(var(--spacing-xl) * 8.5);
}

.layer-chart-theme .lc-pie-visual {
	position: relative;
	width: 100%;
	max-width: calc(var(--spacing-xl) * 6.875);
	aspect-ratio: 1;
	min-width: 0;
	justify-self: center;
}

.layer-chart-theme.lc-pie-chart .layercake-container {
	width: 100%;
	height: 100%;
}

.layer-chart-theme.lc-pie-chart .layer-chart-arc {
	stroke: none;
}

.layer-chart-theme.lc-pie-chart .layer-chart-group {
	transition: opacity 150ms ease;
}

.layer-chart-theme.lc-pie-chart .layer-chart-group.faded {
	opacity: 0.35;
}

.layer-chart-theme .lc-pie-center-label {
	fill: var(--color-theme-text-sec);
	font-size: 0.75rem;
	font-weight: 400;
	pointer-events: none;
}

.layer-chart-theme .lc-pie-center-value {
	fill: var(--color-theme-text);
	font-size: 1rem;
	font-weight: 600;
	pointer-events: none;
}

.layer-chart-theme .lc-pie-empty {
	width: 72%;
	aspect-ratio: 1;
	margin: 14%;
	box-sizing: border-box;
	border: var(--spacing-s) solid var(--color-theme-card-02);
	border-radius: var(--radius-theme-pill);
}

.layer-chart-theme .lc-pie-legend {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-xs);
	width: 100%;
	min-width: 0;
	margin-top: calc(var(--spacing-s) + var(--spacing-xxs));
}

.layer-chart-theme .lc-pie-legend.horizontal {
	flex-flow: row wrap;
}

.layer-chart-theme .lc-pie-legend-control {
	display: grid;
	grid-template-columns: var(--spacing-s-plus) minmax(0, 1fr) auto;
	align-items: center;
	gap: var(--spacing-s);
	width: 100%;
	margin: 0;
	padding: var(--spacing-xs) 0;
	border: 0;
	background: transparent;
	color: var(--color-theme-text);
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.layer-chart-theme .lc-pie-legend-control:focus-visible {
	border-radius: var(--radius-theme-xs);
	outline: var(--spacing-xxs) solid var(--color-theme-accent);
	outline-offset: var(--spacing-xxs);
}

.layer-chart-theme .lc-pie-legend-control.hidden {
	opacity: 0.45;
}

.layer-chart-theme .lc-pie-legend-swatch {
	width: var(--spacing-s-plus);
	height: var(--spacing-s-plus);
	border-radius: var(--radius-theme-pill);
	background: var(--dot-color);
}

.layer-chart-theme .lc-pie-legend-label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.layer-chart-theme .lc-pie-legend-value {
	color: var(--color-theme-text-sec);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

@container (max-width: 22rem) {
	.layer-chart-theme .lc-pie-body.with-legend {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--spacing-m);
		min-height: 0;
	}

	.layer-chart-theme .lc-pie-visual {
		max-width: calc(var(--spacing-xl) * 6.25);
	}

	.layer-chart-theme .lc-pie-legend {
		max-width: calc(var(--spacing-xl) * 10);
	}
}
.layer-chart-theme {
	--lc-pie-color-1: var(--color-chart-categorical-pink);
	--lc-pie-color-2: var(--color-chart-categorical-coral);
	--lc-pie-color-3: var(--color-chart-categorical-lavender);
	--lc-pie-color-4: var(--color-chart-categorical-light-blue);
	--lc-pie-color-5: var(--color-chart-categorical-blue);
	--lc-pie-color-6: var(--color-chart-categorical-mint);
	--lc-pie-color-7: var(--color-chart-categorical-green);
	--lc-pie-color-8: var(--color-chart-categorical-pink);
	--lc-pie-color-9: var(--color-chart-categorical-coral);
	--lc-pie-color-10: var(--color-chart-categorical-lavender);
}

.layer-chart-theme .pie-fill {
	fill: var(--lc-pie-series-color, var(--lc-pie-color-1));
}
.lc-dual-layer.svelte-elkg9q {
  position: absolute;
  inset: 0;
}

.lc-dual-layer--overlay.svelte-elkg9q {
  pointer-events: none;
}.lc-sankey.svelte-1m9ahm4 {
  width: 100%;
}

.lc-sankey.svelte-1m9ahm4 .lc-sankey-link {
  transition: fill-opacity 0.15s ease;
  cursor: pointer;
}

.lc-sankey.svelte-1m9ahm4 .lc-sankey-node {
  cursor: pointer;
}

.lc-sankey.svelte-1m9ahm4 .lc-sankey-label {
  fill: #eaeaea;
  font-size: 11px;
  font-weight: 500;
  pointer-events: none;
}

.lc-sankey.svelte-1m9ahm4 .lc-sankey-node-image {
  pointer-events: none;
}@keyframes svelte-nzqind-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-nzqind-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-nzqind-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-nzqind-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-nzqind-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.calendar-heatmap-chart.svelte-nzqind {
  --calendar-heatmap-empty: color-mix(
    in srgb,
    var(--color-theme-fg) 35%,
    transparent
  );
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  touch-action: pan-x pan-y;
  -webkit-overflow-scrolling: touch;
}

.calendar-heatmap-chart.svelte-nzqind::-webkit-scrollbar {
  display: none;
}

.calendar-heatmap-year.svelte-nzqind {
  width: 100%;
  min-width: 0;
}

.calendar-heatmap-month-labels.svelte-nzqind,
.calendar-heatmap-year-grid.svelte-nzqind {
  display: grid;
  grid-template-columns: 34px repeat(var(--calendar-heatmap-week-count), minmax(var(--calendar-heatmap-cell-size, 0), 1fr));
  column-gap: var(--calendar-heatmap-cell-gap);
  width: 100%;
  min-width: 0;
}

.calendar-heatmap-month-labels.svelte-nzqind {
  margin-bottom: var(--spacing-xs);
}

.calendar-heatmap-month-label.svelte-nzqind {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  overflow: hidden;
  color: var(--color-theme-text-sec);
  white-space: nowrap;
}

.calendar-heatmap-year-grid.svelte-nzqind {
  grid-template-rows: repeat(7, minmax(0, 1fr));
  row-gap: var(--calendar-heatmap-cell-gap);
}

.calendar-heatmap-weekday-label.svelte-nzqind {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  align-self: center;
  color: var(--color-theme-text-sec);
  line-height: 1;
}

.calendar-heatmap-cell.svelte-nzqind {
  display: block;
  position: relative;
  width: var(--calendar-heatmap-cell-size, 100%);
  max-width: 100%;
  aspect-ratio: 1;
  border-radius: var(--calendar-heatmap-cell-radius);
  background: var(--calendar-heatmap-cell-fill);
}

.calendar-heatmap-cell-today.svelte-nzqind {
  z-index: 1;
  animation: svelte-nzqind-calendar-heatmap-today-pulse 2.4s ease-in-out infinite;
  box-shadow: 0 0 0 1px var(--calendar-heatmap-accent), 0 0 6px color-mix(in srgb, var(--calendar-heatmap-accent) 45%, transparent);
}

.calendar-heatmap-cell-highlighted.svelte-nzqind {
  z-index: 2;
  animation: none;
  box-shadow: inset 0 0 0 2px var(--color-theme-warning), 0 0 6px color-mix(in srgb, var(--color-theme-warning) 55%, transparent);
}

.calendar-heatmap-cell-highlight-anchor.svelte-nzqind {
  z-index: 3;
  animation: svelte-nzqind-calendar-heatmap-highlight-pulse 2.4s ease-in-out infinite;
}

@keyframes svelte-nzqind-calendar-heatmap-today-pulse {
  0%, 100% {
    box-shadow: 0 0 0 1px var(--calendar-heatmap-accent), 0 0 4px color-mix(in srgb, var(--calendar-heatmap-accent) 30%, transparent);
  }
  50% {
    box-shadow: 0 0 0 2px var(--calendar-heatmap-accent), 0 0 10px color-mix(in srgb, var(--calendar-heatmap-accent) 65%, transparent);
  }
}
@keyframes svelte-nzqind-calendar-heatmap-highlight-pulse {
  0%, 100% {
    box-shadow: inset 0 0 0 2px var(--color-theme-warning), 0 0 5px color-mix(in srgb, var(--color-theme-warning) 45%, transparent);
  }
  50% {
    box-shadow: inset 0 0 0 2px var(--color-theme-warning), 0 0 12px color-mix(in srgb, var(--color-theme-warning) 85%, transparent);
  }
}
@media (prefers-reduced-motion: reduce) {
  .calendar-heatmap-cell-today.svelte-nzqind,
  .calendar-heatmap-cell-highlight-anchor.svelte-nzqind {
    animation: none;
  }
}
.calendar-heatmap-year-grid.svelte-nzqind .calendar-heatmap-cell:where(.svelte-nzqind)::after {
  position: absolute;
  inset: calc(var(--calendar-heatmap-cell-gap) / -2);
  border-width: var(--calendar-heatmap-month-border, 0);
  border-style: solid;
  border-color: color-mix(in srgb, var(--color-theme-fg) 45%, transparent);
  content: "";
  pointer-events: none;
}

.calendar-heatmap-month-grid.svelte-nzqind {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(124px, 1fr));
  gap: var(--spacing-m);
  min-width: 0;
}

.calendar-heatmap-month.svelte-nzqind {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  min-width: 0;
}

.calendar-heatmap-month-title.svelte-nzqind {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: var(--color-theme-text-sec);
}

.calendar-heatmap-month-weekdays.svelte-nzqind,
.calendar-heatmap-month-days.svelte-nzqind {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: var(--calendar-heatmap-cell-gap);
}

.calendar-heatmap-month-days.svelte-nzqind {
  padding: var(--spacing-xs);
  border: 1px solid var(--color-theme-border-03);
  border-radius: var(--radius-theme-sm);
}

.calendar-heatmap-month-weekdays.svelte-nzqind {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 8px;
  line-height: 10px;
  color: var(--color-theme-text-sec);
  text-align: center;
}

.calendar-heatmap-placeholder.svelte-nzqind {
  aspect-ratio: 1;
}

.calendar-heatmap-chart-compact.svelte-nzqind .calendar-heatmap-cell:where(.svelte-nzqind) {
  width: 100%;
}.dashboard-layout.svelte-peji18 {
  display: flex;
  flex: 1;
  min-height: 0;
  height: 100%;
}
.dashboard-layout.svelte-peji18 .dashboard-scroll:where(.svelte-peji18) {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: none;
  position: relative;
  padding-bottom: var(--floating-dock-scroll-clearance, 0px);
}
@supports (-moz-appearance: none) {
  .dashboard-layout.svelte-peji18 .dashboard-scroll:where(.svelte-peji18) {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) transparent;
  }
}
.dashboard-layout.svelte-peji18 .dashboard-content:where(.svelte-peji18) {
  display: grid;
  min-height: 100%;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--spacing-l);
  align-items: start;
}
.dashboard-layout.svelte-peji18 .dashboard-content.dash-single-column:where(.svelte-peji18) {
  grid-template-columns: unset;
}
.dashboard-layout.svelte-peji18 .dash-column:where(.svelte-peji18) {
  position: sticky;
  top: 0;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.dashboard-layout.svelte-peji18 .dash-column:where(.svelte-peji18) > .card-grid-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-top: var(--spacing-m);
}
.dashboard-layout.svelte-peji18 .dash-column:where(.svelte-peji18) > .card-grid-wrapper > .card-grid {
  flex: 1;
  min-height: unset !important;
}
.dashboard-layout.svelte-peji18 .dash-column-full-width:where(.svelte-peji18) {
  grid-column: 1/-1;
}
.dashboard-layout.svelte-peji18 .dash-column-full-width:where(.svelte-peji18):empty {
  display: none;
}
.dashboard-layout.is-scroll-bar.svelte-peji18 {
  margin-right: -15px;
}
.dashboard-layout.is-scroll-bar.svelte-peji18 .dashboard-scroll:where(.svelte-peji18) {
  padding-right: 9px;
}
.dashboard-layout.content-flow.svelte-peji18 {
  height: auto;
  flex: none;
}
.dashboard-layout.content-flow.svelte-peji18 .dashboard-scroll:where(.svelte-peji18) {
  overflow: visible;
  padding-bottom: 0;
}
.dashboard-layout.content-flow.svelte-peji18 .dashboard-content:where(.svelte-peji18) {
  min-height: 0;
}
.dashboard-layout.content-flow.svelte-peji18 .dash-column:where(.svelte-peji18) {
  position: static;
  overflow: visible;
}
.dashboard-layout.content-flow.svelte-peji18 .dash-column:where(.svelte-peji18) > .card-grid-wrapper, .dashboard-layout.content-flow.svelte-peji18 .dash-column:where(.svelte-peji18) > .card-grid-wrapper > .card-grid {
  flex: none;
}
.dashboard-layout.content-flow.is-scroll-bar.svelte-peji18 {
  margin-right: 0;
}
.dashboard-layout.content-flow.is-scroll-bar.svelte-peji18 .dashboard-scroll:where(.svelte-peji18) {
  padding-right: 0;
}

@media screen and (max-width: 639px) {
  .dashboard-layout.svelte-peji18 {
    height: auto;
    flex: none;
    min-height: 0;
  }
  .dashboard-layout.svelte-peji18 .dashboard-scroll:where(.svelte-peji18) {
    overflow: visible;
    padding-bottom: 0;
  }
  .dashboard-layout.is-scroll-bar.svelte-peji18 {
    margin-right: 0;
  }
  .dashboard-layout.is-scroll-bar.svelte-peji18 .dashboard-scroll:where(.svelte-peji18) {
    padding-right: 0;
  }
  .dashboard-layout.svelte-peji18 .dashboard-content:where(.svelte-peji18) {
    grid-template-columns: unset;
    grid-auto-rows: min-content;
    gap: var(--spacing-m);
    min-height: 0;
  }
  .dashboard-layout.svelte-peji18 .dash-column:where(.svelte-peji18) {
    width: 100%;
    position: unset;
    top: unset;
    overflow: visible;
  }
  .dashboard-layout.svelte-peji18 .dash-column:where(.svelte-peji18) > .card-grid-wrapper {
    flex: none;
  }
  .dashboard-layout.svelte-peji18 .dash-column:where(.svelte-peji18) > .card-grid-wrapper > .card-grid {
    flex: none;
  }
}@keyframes svelte-1h1zk4j-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-1h1zk4j-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1h1zk4j-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-1h1zk4j-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1h1zk4j-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.dash-widget-container.svelte-1h1zk4j {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  outline: none;
  transition: transform 120ms ease, box-shadow 120ms ease;
  /* Long-press rearrange: keep title text from selecting / iOS callout. */
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.dash-widget-container.is-revealing.svelte-1h1zk4j {
  animation: svelte-1h1zk4j-skeleton-reveal-surface 240ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
}
.dash-widget-container.is-revealing.svelte-1h1zk4j [data-skeleton-reveal=lead]:where(.svelte-1h1zk4j) {
  animation: svelte-1h1zk4j-skeleton-reveal-layer 240ms cubic-bezier(0.22, 1, 0.36, 1) 90ms backwards;
}
.dash-widget-container.is-revealing.svelte-1h1zk4j [data-skeleton-reveal=content]:where(.svelte-1h1zk4j) {
  animation: svelte-1h1zk4j-skeleton-reveal-layer 240ms cubic-bezier(0.22, 1, 0.36, 1) 180ms backwards;
}
@media (prefers-reduced-motion: reduce) {
  .dash-widget-container.is-revealing.svelte-1h1zk4j, .dash-widget-container.is-revealing.svelte-1h1zk4j [data-skeleton-reveal]:where(.svelte-1h1zk4j) {
    animation: none;
  }
}
.dash-widget-container.is-skeleton.is-sheen.svelte-1h1zk4j {
  position: relative;
  isolation: isolate;
  background-color: var(--color-theme-card-01);
}
.dash-widget-container.is-skeleton.is-sheen.svelte-1h1zk4j .skeleton-bone:where(.svelte-1h1zk4j) {
  background-color: color-mix(in srgb, var(--color-theme-fg) 20%, var(--color-theme-card-01));
}
.dash-widget-container.is-skeleton.is-sheen.svelte-1h1zk4j .skeleton-bone:where(.svelte-1h1zk4j)::after {
  content: none;
  animation: none;
}
.dash-widget-container.is-skeleton.is-sheen.svelte-1h1zk4j .skeleton-bone--media:where(.svelte-1h1zk4j) {
  background-color: var(--color-theme-card-02);
}
.dash-widget-container.is-skeleton.is-sheen.svelte-1h1zk4j::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background-image: linear-gradient(104deg, transparent calc(50% - 144px), color-mix(in srgb, var(--color-theme-card) 55%, transparent) 50%, transparent calc(50% + 144px)), linear-gradient(116deg, transparent calc(50% - 72px), var(--color-theme-card) 50%, transparent calc(50% + 72px));
  background-repeat: no-repeat;
  background-size: 300vw 100vh;
  background-position-y: calc(-1 * var(--skeleton-sheen-y, 0px));
  animation: svelte-1h1zk4j-skeleton-sheen 2600ms linear var(--skeleton-sheen-delay, 0ms) infinite;
}
@media (prefers-reduced-motion: reduce) {
  .dash-widget-container.is-skeleton.is-sheen.svelte-1h1zk4j::after {
    content: none;
    animation: none;
  }
}
.dash-widget-container[data-press-hold=pending].svelte-1h1zk4j {
  transform: scale(1.02);
}
.dash-widget-container[data-press-hold=armed].svelte-1h1zk4j {
  transform: scale(1.03);
  box-shadow: var(--shadow-theme-glow-soft);
  z-index: 2;
}
.dash-widget-container.svelte-1h1zk4j .dash-widget-content:where(.svelte-1h1zk4j) {
  display: grid;
}
.dash-widget-container.svelte-1h1zk4j .dash-widget-title-container:where(.svelte-1h1zk4j) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-s);
  height: 48px;
  flex-shrink: 0;
  /* Above edit-mode-overlay so kebab / title actions stay clickable. */
  position: relative;
  z-index: 3;
}
.dash-widget-container.svelte-1h1zk4j .dash-widget-title-actions:where(.svelte-1h1zk4j) {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  min-width: 0;
}
.dash-widget-container.svelte-1h1zk4j .dash-widget-title-row:where(.svelte-1h1zk4j) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-s);
  min-width: 0;
}
.dash-widget-container.edit-mode.svelte-1h1zk4j:not(.is-dragging) .dash-widget-title-container:where(.svelte-1h1zk4j),
.dash-widget-container.edit-mode.svelte-1h1zk4j:not(.is-dragging) .dash-widget-content:where(.svelte-1h1zk4j) {
  cursor: grab;
}
.dash-widget-container.edit-mode:not(.is-dragging).handle-only.svelte-1h1zk4j .dash-widget-title-container:where(.svelte-1h1zk4j),
.dash-widget-container.edit-mode:not(.is-dragging).handle-only.svelte-1h1zk4j .dash-widget-content:where(.svelte-1h1zk4j) {
  cursor: default;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j {
  pointer-events: none;
  cursor: default;
  user-select: none;
  background-color: var(--color-theme-card);
  background-image: none !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: inset 0 0 0 1px var(--color-theme-card-02);
  justify-content: flex-start;
  gap: var(--spacing-m);
  height: 100%;
  min-height: 188px;
  padding: var(--spacing-m);
  border-radius: var(--radius-theme-md);
  overflow: hidden;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone:where(.svelte-1h1zk4j) {
  display: block;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  background-color: var(--color-theme-border-03);
  pointer-events: none;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone:where(.svelte-1h1zk4j)::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent 0%, var(--color-theme-fg-20) 45%, transparent 100%);
  animation: svelte-1h1zk4j-skeleton-shimmer 2.4s ease-in-out infinite;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone--circle:where(.svelte-1h1zk4j) {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone--circle-l:where(.svelte-1h1zk4j) {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone--control:where(.svelte-1h1zk4j) {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone--line:where(.svelte-1h1zk4j) {
  height: 12px;
  border-radius: var(--radius-theme-pill);
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone--line-sm:where(.svelte-1h1zk4j) {
  height: 10px;
  border-radius: var(--radius-theme-pill);
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone--title:where(.svelte-1h1zk4j) {
  width: 58%;
  max-width: 100%;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone--pill:where(.svelte-1h1zk4j) {
  width: 44px;
  height: 28px;
  border-radius: var(--radius-theme-pill);
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone--chip:where(.svelte-1h1zk4j) {
  width: 56px;
  height: 22px;
  border-radius: var(--radius-theme-pill);
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone--chip-sm:where(.svelte-1h1zk4j) {
  width: 40px;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone--chip-lg:where(.svelte-1h1zk4j) {
  width: 72px;
  height: 28px;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone--indicator:where(.svelte-1h1zk4j) {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone--chevron:where(.svelte-1h1zk4j) {
  width: 16px;
  height: 16px;
  border-radius: var(--radius-theme-xs);
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone--w-35:where(.svelte-1h1zk4j) {
  width: 35%;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone--w-40:where(.svelte-1h1zk4j) {
  width: 40%;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone--w-55:where(.svelte-1h1zk4j) {
  width: 55%;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone--w-70:where(.svelte-1h1zk4j) {
  width: 70%;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone--w-85:where(.svelte-1h1zk4j) {
  width: 85%;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone--thumb:where(.svelte-1h1zk4j) {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-theme-sm);
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone--media:where(.svelte-1h1zk4j) {
  width: 100%;
  height: 100%;
  border-radius: 0;
  background-color: var(--color-theme-card-02);
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-bone--media:where(.svelte-1h1zk4j)::after {
  content: none;
  animation: none;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j:nth-child(3n+2) .skeleton-bone--title:where(.svelte-1h1zk4j) {
  width: 72%;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j:nth-child(3n+2) .skeleton-bone--chip:where(.svelte-1h1zk4j):last-child {
  width: 48px;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j:nth-child(3n+2) .skeleton-bone:where(.svelte-1h1zk4j)::after {
  animation-delay: 0.35s;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j:nth-child(3n+3) .skeleton-bone--title:where(.svelte-1h1zk4j) {
  width: 44%;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j:nth-child(3n+3) .skeleton-bone--chip:where(.svelte-1h1zk4j):first-child {
  width: 72px;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j:nth-child(3n+3) .skeleton-bone:where(.svelte-1h1zk4j)::after {
  animation-delay: 0.7s;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j::after {
  content: none;
  animation: none;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-container-title:where(.svelte-1h1zk4j) {
  width: 45%;
  height: 16px;
}
.dash-widget-container.is-skeleton.svelte-1h1zk4j .skeleton-container-body:where(.svelte-1h1zk4j) {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s-plus);
}
.dash-widget-container.edit-mode.svelte-1h1zk4j {
  background: var(--color-theme-bg);
  border-radius: var(--radius-theme-lg);
  padding: 0 var(--spacing-s) var(--spacing-s) var(--spacing-s);
  max-height: 188px;
  --dash-widget-edit-veil: var(--color-theme-card-01);
  --dash-widget-edit-veil-start: 30%;
}
.dash-widget-container.edit-mode.svelte-1h1zk4j .dnd-grip-handle:where(.svelte-1h1zk4j) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: var(--spacing-s);
  margin: -var(--spacing-xs) var(--spacing-xxs) -var(--spacing-xs) -var(--spacing-xs);
  cursor: grab;
  touch-action: none;
}
.dash-widget-container.edit-mode.svelte-1h1zk4j .dash-widget-content:where(.svelte-1h1zk4j) {
  overflow: hidden;
}
.dash-widget-container.edit-mode.svelte-1h1zk4j .edit-mode-overlay:where(.svelte-1h1zk4j) {
  position: absolute;
  left: 0px;
  width: 100%;
  bottom: 0px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--dash-widget-edit-veil) var(--dash-widget-edit-veil-start), transparent) 0%, var(--dash-widget-edit-veil) 89.93%);
  border-bottom-left-radius: var(--radius-theme-lg);
  border-bottom-right-radius: var(--radius-theme-lg);
  z-index: 2;
  cursor: grab;
}
.dash-widget-container.edit-mode.svelte-1h1zk4j .edit-mode-overlay.is-dragging:where(.svelte-1h1zk4j) {
  cursor: grabbing;
}
.dash-widget-container.edit-mode.handle-only.svelte-1h1zk4j .edit-mode-overlay:where(.svelte-1h1zk4j) {
  cursor: default;
}
.dash-widget-container.edit-mode.svelte-1h1zk4j .dash-widget-title-container.is-dragging:where(.svelte-1h1zk4j) {
  cursor: grabbing;
}
.dash-widget-container.edit-mode.svelte-1h1zk4j:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--color-theme-accent);
  opacity: 0.05;
  pointer-events: none;
  border-radius: var(--radius-theme-lg);
  z-index: 1;
}
.dash-widget-container.edit-mode.svelte-1h1zk4j:focus {
  box-shadow: var(--shadow-theme-glow-soft);
}
.dash-widget-container.edit-mode.svelte-1h1zk4j:focus-visible:not(.is-draggind) {
  box-shadow: unset;
}
.dash-widget-container.edit-mode.svelte-1h1zk4j:focus-visible::before, .dash-widget-container.edit-mode.svelte-1h1zk4j:focus::before {
  content: "";
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid var(--color-theme-accent);
  border-radius: var(--radius-theme-lg);
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .dash-widget-container.edit-mode.svelte-1h1zk4j:hover::before {
    content: "";
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid var(--color-theme-accent);
    border-radius: var(--radius-theme-lg);
    left: 0;
    top: 0;
    z-index: 3;
    pointer-events: none;
  }
}

html[data-ds-color-mode="light"] .dash-widget-container.edit-mode.svelte-1h1zk4j {
  --dash-widget-edit-veil-start: 60%;
  background: var(--color-theme-card);
}

@media screen and (max-width: 1123px) {
  .dash-widget-container.edit-mode.svelte-1h1zk4j {
    max-height: 148px;
  }
}.dash-grid-wrapper.svelte-1kj0ovl {
  position: relative;
}

.dash-grid.svelte-1kj0ovl {
  --col-min-width: 180px;
  display: grid;
  row-gap: var(--row-gap);
  column-gap: var(--col-gap);
  grid-template-columns: repeat(auto-fill, minmax(var(--col-min-width, 180px), 1fr));
  outline: none;
}
.dash-grid.grid-gap-m.svelte-1kj0ovl {
  --row-gap: 12px;
  --col-gap: 12px;
}
.dash-grid.grid-gap-s.svelte-1kj0ovl {
  --row-gap: 8px;
  --col-gap: 8px;
}
.dash-grid.svelte-1kj0ovl > div {
  outline: none;
}
.dash-grid.grid-row-min-content.svelte-1kj0ovl {
  grid-auto-rows: minmax(0px, min-content);
}
@media (min-width: 320px) {
  .dash-grid.svelte-1kj0ovl {
    --col-min-width: var(
    	--col-min-width-sm,
    	var(--col-min-width-md, var(--col-min-width-lg, var(--col-min-width-xl)))
    );
  }
}
@media (min-width: 640px) {
  .dash-grid.svelte-1kj0ovl {
    --col-min-width: var(
    	--col-min-width-md,
    	var(--col-min-width-lg, var(--col-min-width-sm, var(--col-min-width-xl)))
    );
  }
}
@media (min-width: 1124px) {
  .dash-grid.svelte-1kj0ovl {
    --col-min-width: var(
    	--col-min-width-lg,
    	var(--col-min-width-md, var(--col-min-width-sm, var(--col-min-width-xl)))
    );
  }
}
@media (min-width: 1280px) {
  .dash-grid.svelte-1kj0ovl {
    --col-min-width: var(
    	--col-min-width-xl,
    	var(--col-min-width-lg, var(--col-min-width-md, var(--col-min-width-sm)))
    );
  }
}.labels-list-v2.svelte-1487lla {
  display: flex;
  max-width: max-content;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.labels-list-v2.svelte-1487lla::-webkit-scrollbar {
  display: none;
}
.labels-list-v2.svelte-1487lla:focus-visible {
  border-radius: var(--radius-theme-md);
  outline-offset: 1px;
  outline: 1px solid var(--color-theme-fg);
}
.labels-list-v2.svelte-1487lla .label-wrapper:where(.svelte-1487lla) {
  display: flex;
}
.labels-list-v2.svelte-1487lla .label-wrapper:where(.svelte-1487lla) .label {
  margin-right: 1px;
  flex-shrink: 0;
  border-radius: 0 !important;
}
.labels-list-v2.svelte-1487lla .label-wrapper:where(.svelte-1487lla) .label:focus-visible:not(.focus-base) {
  outline-offset: -2px;
  outline: 1px solid var(--color-theme-fg);
}
.labels-list-v2.svelte-1487lla .label-wrapper:where(.svelte-1487lla) .label.focus-base:focus-visible {
  outline-offset: -2px;
  outline: 1px solid var(--color-theme-bg);
}
.labels-list-v2.svelte-1487lla .label-wrapper:where(.svelte-1487lla) .label.cursor-grab {
  cursor: grab !important;
}
.labels-list-v2.svelte-1487lla .label-wrapper:where(.svelte-1487lla) .label.cursor-grabbing {
  cursor: grabbing !important;
}
.labels-list-v2.svelte-1487lla .label-wrapper:where(.svelte-1487lla):first-of-type .label {
  border-top-left-radius: var(--border-radius-list-v2) !important;
  border-bottom-left-radius: var(--border-radius-list-v2) !important;
}
.labels-list-v2.svelte-1487lla .label-wrapper:where(.svelte-1487lla):last-of-type .label {
  border-top-right-radius: var(--border-radius-list-v2) !important;
  border-bottom-right-radius: var(--border-radius-list-v2) !important;
  margin-right: 0;
}@keyframes svelte-x0iv1g-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-x0iv1g-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-x0iv1g-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-x0iv1g-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-x0iv1g-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.dash-select-card.svelte-x0iv1g {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-l);
  height: 132px;
  background-color: var(--surface-glass-fallback-bg);
  border-radius: var(--radius-theme-md);
  box-shadow: inset 0 0 0 1px var(--surface-glass-border-color);
}
@supports (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)) {
  .dash-select-card.svelte-x0iv1g {
    background-color: var(--surface-glass-bg);
    -webkit-backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
    backdrop-filter: var(--surface-glass-backdrop-filter, blur(var(--surface-glass-blur)));
  }
}
.dash-select-card.svelte-x0iv1g:not(.disabled-overlay):before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.dash-select-card.disabled-overlay.svelte-x0iv1g {
  cursor: not-allowed;
}
.dash-select-card.disabled-overlay.svelte-x0iv1g::before {
  z-index: 2;
}
.dash-select-card.is-focusable.svelte-x0iv1g {
  cursor: pointer;
}
.dash-select-card.is-focusable.svelte-x0iv1g:hover:not(.selected):before {
  z-index: 3;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid var(--color-theme-accent);
  border-radius: inherit;
}
.dash-select-card.is-focusable.svelte-x0iv1g:focus-visible {
  outline: none;
}
.dash-select-card.is-focusable.svelte-x0iv1g:focus-visible:before {
  z-index: 3;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid var(--color-theme-accent);
  border-radius: inherit;
  box-shadow: 0 0 0 4px var(--color-theme-accent-tint-strong);
}
.dash-select-card.selected.svelte-x0iv1g:before {
  z-index: 3;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-theme-accent);
  border-radius: inherit;
}
.dash-select-card.selected.svelte-x0iv1g:focus-visible {
  outline: none;
}
.dash-select-card.selected.svelte-x0iv1g:focus-visible:before {
  z-index: 3;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-theme-accent);
  border-radius: inherit;
  box-shadow: 0 0 0 4px var(--color-theme-accent-tint-strong);
}
.dash-select-card.svelte-x0iv1g .dash-select-card-preview:where(.svelte-x0iv1g) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 0;
}
.dash-select-card.svelte-x0iv1g img:where(.svelte-x0iv1g) {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.dash-select-card.svelte-x0iv1g .image-shadow:where(.svelte-x0iv1g) {
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
}

.ellipsis-second-line {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.illustration-canvas.svelte-1lqo8d4 {
  --illustration-surface: var(--color-theme-card);
  --illustration-track: var(--color-theme-card-02);
  --illustration-placeholder: var(--color-theme-fg-20);
  --illustration-accent: var(--color-theme-accent);
  --illustration-fg: var(--color-theme-fg);
  --illustration-success: var(--color-theme-success);
  --illustration-danger: var(--color-theme-danger);
  --illustration-solar: var(--color-theme-energy-solar);
  --illustration-grid: var(--color-theme-energy-grid);
  --illustration-battery: var(--color-theme-energy-battery);
  --illustration-cool: var(--color-theme-climate-cool);
  --illustration-warm: var(--color-theme-climate-warm);
  --illustration-hot: var(--color-theme-climate-hot);
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.illustration-canvas.has-shadow.svelte-1lqo8d4 {
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
}
.illustration-canvas.svelte-1lqo8d4 .illustration-tone-surface {
  fill: var(--illustration-surface);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-stroke-surface {
  fill: none;
  stroke: var(--illustration-surface);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-tone-track {
  fill: var(--illustration-track);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-stroke-track {
  fill: none;
  stroke: var(--illustration-track);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-tone-placeholder {
  fill: var(--illustration-placeholder);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-stroke-placeholder {
  fill: none;
  stroke: var(--illustration-placeholder);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-tone-accent {
  fill: var(--illustration-accent);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-stroke-accent {
  fill: none;
  stroke: var(--illustration-accent);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-tone-fg {
  fill: var(--illustration-fg);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-stroke-fg {
  fill: none;
  stroke: var(--illustration-fg);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-tone-success {
  fill: var(--illustration-success);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-stroke-success {
  fill: none;
  stroke: var(--illustration-success);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-tone-danger {
  fill: var(--illustration-danger);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-stroke-danger {
  fill: none;
  stroke: var(--illustration-danger);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-tone-solar {
  fill: var(--illustration-solar);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-stroke-solar {
  fill: none;
  stroke: var(--illustration-solar);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-tone-grid {
  fill: var(--illustration-grid);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-stroke-grid {
  fill: none;
  stroke: var(--illustration-grid);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-tone-battery {
  fill: var(--illustration-battery);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-stroke-battery {
  fill: none;
  stroke: var(--illustration-battery);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-tone-cool {
  fill: var(--illustration-cool);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-stroke-cool {
  fill: none;
  stroke: var(--illustration-cool);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-tone-warm {
  fill: var(--illustration-warm);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-stroke-warm {
  fill: none;
  stroke: var(--illustration-warm);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-tone-hot {
  fill: var(--illustration-hot);
}
.illustration-canvas.svelte-1lqo8d4 .illustration-stroke-hot {
  fill: none;
  stroke: var(--illustration-hot);
}@property --lighting-interior-x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-interior-y {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-edge-x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-edge-y {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 50%;
}
@property --lighting-interior-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 320px;
}
@property --lighting-edge-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 240px;
}
@property --lighting-interior-strength {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --lighting-edge-strength {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --lighting-edge-opacity {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.dash-light-control-widget.svelte-1r7ut0y {
  display: flex;
  border-radius: var(--radius-theme-md);
  gap: 1px;
  position: relative;
}
.dash-light-control-widget.has-lighting.svelte-1r7ut0y {
  --lighting-transition-duration: 720ms;
  --lighting-transition-duration-long: 920ms;
  --lighting-transition-easing: cubic-bezier(0, 0, 0.2, 1);
  --lighting-accent-rgb: 60 203 255;
  --lighting-interior-x: 50%;
  --lighting-interior-y: 50%;
  --lighting-edge-x: 50%;
  --lighting-edge-y: 50%;
  --lighting-interior-strength: 0;
  --lighting-edge-strength: 0;
  --lighting-edge-opacity: 0;
  --lighting-interior-size: 320px;
  --lighting-edge-size: 240px;
  --lighting-edge-padding: 1px;
  --lighting-interior-blend-mode: screen;
  --lighting-edge-blend-mode: screen;
  position: relative;
  isolation: isolate;
  transition: --lighting-interior-x var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-y var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-x var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-y var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-size var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-edge-size var(--lighting-transition-duration-long) var(--lighting-transition-easing), --lighting-interior-strength var(--lighting-transition-duration) var(--lighting-transition-easing), --lighting-edge-strength var(--lighting-transition-duration) var(--lighting-transition-easing), --lighting-edge-opacity var(--lighting-transition-duration) var(--lighting-transition-easing);
}
.dash-light-control-widget.has-lighting.svelte-1r7ut0y .widget-lighting-edge:where(.svelte-1r7ut0y) {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: var(--lighting-edge-padding);
  pointer-events: none;
  background: var(--lighting-edge-background, radial-gradient(var(--lighting-edge-size) var(--lighting-edge-size) at var(--lighting-edge-x) var(--lighting-edge-y), rgb(var(--lighting-accent-rgb)/calc(var(--lighting-edge-strength) * 0.82)), rgba(255, 255, 255, calc(var(--lighting-edge-strength) * 0.3)) 18%, rgb(var(--lighting-accent-rgb)/calc(var(--lighting-edge-strength) * 0.14)) 38%, rgba(255, 255, 255, 0) 68%));
  mix-blend-mode: var(--lighting-edge-blend-mode);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  opacity: var(--lighting-edge-opacity);
  transition: opacity var(--lighting-transition-duration) var(--lighting-transition-easing);
}
.dash-light-control-widget.has-lighting.svelte-1r7ut0y .widget-lighting-edge:where(.svelte-1r7ut0y) {
  position: absolute;
  z-index: 4;
}
.dash-light-control-widget.has-lighting.svelte-1r7ut0y .widget-lighting-spot:where(.svelte-1r7ut0y) {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: var(--lighting-spot-background);
  opacity: var(--lighting-spot-opacity, 0);
  mix-blend-mode: screen;
  transition: opacity var(--lighting-transition-duration) var(--lighting-transition-easing);
  border-radius: inherit;
}
.dash-light-control-widget.svelte-1r7ut0y::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  z-index: 3;
}
.dash-light-control-widget.svelte-1r7ut0y:focus-visible {
  outline: none;
}
.dash-light-control-widget.is-focusable.svelte-1r7ut0y {
  cursor: pointer;
}
.dash-light-control-widget.is-focusable.svelte-1r7ut0y:focus-visible:not(.selected)::before {
  opacity: 1;
  border: 1px solid var(--color-theme-accent);
  box-shadow: 0 0 0 4px var(--color-theme-accent-tint-strong);
}
.dash-light-control-widget.selected.svelte-1r7ut0y::before {
  opacity: 1;
  border: 2px solid var(--color-theme-accent);
}
.dash-light-control-widget.selected.svelte-1r7ut0y:focus-visible::before {
  box-shadow: 0 0 0 4px var(--color-theme-accent-tint-strong);
}
.dash-light-control-widget.selected.svelte-1r7ut0y .action-btn:first-of-type:after {
  width: calc(100% - 10px) !important;
  height: calc(100% - 10px) !important;
  top: 4px !important;
}
.dash-light-control-widget.selected.svelte-1r7ut0y .action-btn:last-of-type:after {
  width: calc(100% - 10px) !important;
  height: calc(100% - 10px) !important;
}
.dash-light-control-widget.svelte-1r7ut0y .colored-bg:where(.svelte-1r7ut0y) {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  gap: var(--spacing-xs);
  padding: var(--spacing-s-plus);
  padding-bottom: var(--spacing-s);
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  position: relative;
  overflow: hidden;
  color: #eaeaea;
}
.dash-light-control-widget.svelte-1r7ut0y .colored-bg.full-radius:where(.svelte-1r7ut0y) {
  border-radius: inherit;
}
.dash-light-control-widget.svelte-1r7ut0y .colored-bg:where(.svelte-1r7ut0y) > :where(.svelte-1r7ut0y):not(.widget-lighting-spot) {
  position: relative;
  z-index: 1;
}
.dash-light-control-widget.svelte-1r7ut0y .colored-bg:where(.svelte-1r7ut0y) .value-container:where(.svelte-1r7ut0y) {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.dash-light-control-widget.svelte-1r7ut0y .colored-bg:where(.svelte-1r7ut0y) .value-container:where(.svelte-1r7ut0y) .value {
  flex: 1;
  min-width: 88px;
}
.dash-light-control-widget.svelte-1r7ut0y .colored-bg:where(.svelte-1r7ut0y) .value-container:where(.svelte-1r7ut0y) .right-title-slot:where(.svelte-1r7ut0y) {
  min-width: 0;
}
.dash-light-control-widget.svelte-1r7ut0y .colored-bg:where(.svelte-1r7ut0y) .value-container:where(.svelte-1r7ut0y) .additional-value-container:where(.svelte-1r7ut0y) {
  display: flex;
  gap: var(--spacing-xs);
  margin-top: 6px;
}
.dash-light-control-widget.svelte-1r7ut0y .colored-bg:where(.svelte-1r7ut0y) .value-container:where(.svelte-1r7ut0y) .label {
  width: fit-content;
  max-width: 100%;
  margin-top: 6px;
}@keyframes svelte-t0154i-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-t0154i-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-t0154i-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-t0154i-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-t0154i-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.actions.svelte-t0154i {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.actions.svelte-t0154i .action-btn:where(.svelte-t0154i) {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  background-color: var(--color-theme-card);
  height: 100%;
  width: 48px;
}
.actions.svelte-t0154i .action-btn:where(.svelte-t0154i):disabled {
  cursor: not-allowed;
}
.actions.svelte-t0154i .action-btn:where(.svelte-t0154i):hover:not(:disabled):not(:active)::before {
  content: "";
  position: absolute;
  background-color: var(--color-theme-bg);
  border-radius: inherit;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}
.actions.svelte-t0154i .action-btn:where(.svelte-t0154i):active:not(:disabled)::before {
  content: "";
  position: absolute;
  background-color: var(--color-theme-bg);
  border-radius: inherit;
  pointer-events: none;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  opacity: 0.35;
}
.actions.svelte-t0154i .action-btn:where(.svelte-t0154i):first-of-type {
  border-top-right-radius: 10px;
}
.actions.svelte-t0154i .action-btn:where(.svelte-t0154i):last-of-type {
  border-bottom-right-radius: 10px;
}
.actions.svelte-t0154i .action-btn:where(.svelte-t0154i):focus-visible:after {
  content: "";
  position: absolute;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 2px solid var(--color-theme-accent);
  left: 2px;
  top: 2px;
  border-radius: inherit;
}.dash-reorder-container.svelte-mt02q2 {
  border-radius: var(--radius-theme-md);
  border: 1px solid var(--color-theme-border-03);
  overflow: hidden;
}
.dash-reorder-container.svelte-mt02q2:focus-visible {
  position: relative;
  z-index: 0;
  outline: 2px solid var(--color-theme-accent);
  outline-offset: -2px;
  /* 
  Focus outline visibility fix:
  Because the container uses `overflow: hidden` and `.dash-reorder-item` is 
  positioned, the child renders above the focus outline. Setting a stacking 
  context on the focused item and pushing `.dash-reorder-item` behind ensures 
  the outline is visible.
  */
}
.dash-reorder-container.svelte-mt02q2:focus-visible .dash-reorder-item {
  z-index: -1;
}
.dash-reorder-container.svelte-mt02q2 div:last-of-type .dash-reorder-item {
  border-bottom: none;
}
.dash-reorder-container.svelte-mt02q2 .dash-list-item:first-of-type {
  border-top-right-radius: var(--radius-theme-md);
  border-top-left-radius: var(--radius-theme-md);
}
.dash-reorder-container.svelte-mt02q2 .dash-list-item:focus {
  position: relative;
  z-index: 0;
  outline: 2px solid var(--color-theme-accent);
  outline-offset: -2px;
  /* Same as above */
}
.dash-reorder-container.svelte-mt02q2 .dash-list-item:focus .dash-reorder-item {
  z-index: -1;
}
.dash-reorder-container.svelte-mt02q2 .dash-list-item:last-of-type {
  border-bottom-right-radius: var(--radius-theme-md);
  border-bottom-left-radius: var(--radius-theme-md);
}.dash-reorder-container .dash-reorder-item.svelte-o34s4z {
  cursor: grab;
}

.dash-reorder-item.svelte-o34s4z {
  position: relative;
  background: var(--color-theme-card-01);
  padding: var(--spacing-s-plus);
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
  border-bottom: 1px solid var(--color-theme-border-03);
}
@media (hover: hover) and (pointer: fine) {
  .dash-reorder-item.svelte-o34s4z:hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-theme-bg);
    opacity: 0.3;
    border-radius: inherit;
  }
}
.dash-reorder-item.is-focusable.svelte-o34s4z:focus {
  outline: 2px solid var(--color-theme-accent);
  outline-offset: -2px;
  box-shadow: var(--shadow-theme-glow-strong);
  border-radius: inherit;
}
.dash-reorder-item.svelte-o34s4z .icon-and-avatar-wrapper:where(.svelte-o34s4z) {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  gap: var(--spacing-s);
}
.dash-reorder-item.svelte-o34s4z .item-content:where(.svelte-o34s4z) {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  flex: 1;
  min-width: 0;
  z-index: 1;
}@keyframes svelte-symtuy-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-symtuy-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-symtuy-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-symtuy-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-symtuy-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.list-menu-card-v2.svelte-symtuy {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  position: relative;
  border-radius: var(--radius-theme-md);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  outline: none;
  cursor: pointer;
  z-index: 0;
  transition: transform 120ms ease, box-shadow 120ms ease;
  /* Long-press rearrange: keep title text from selecting / iOS callout. */
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.list-menu-card-v2.is-revealing.svelte-symtuy {
  animation: svelte-symtuy-skeleton-reveal-surface 240ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
}
.list-menu-card-v2.is-revealing.svelte-symtuy [data-skeleton-reveal=lead]:where(.svelte-symtuy) {
  animation: svelte-symtuy-skeleton-reveal-layer 240ms cubic-bezier(0.22, 1, 0.36, 1) 90ms backwards;
}
.list-menu-card-v2.is-revealing.svelte-symtuy [data-skeleton-reveal=content]:where(.svelte-symtuy) {
  animation: svelte-symtuy-skeleton-reveal-layer 240ms cubic-bezier(0.22, 1, 0.36, 1) 180ms backwards;
}
@media (prefers-reduced-motion: reduce) {
  .list-menu-card-v2.is-revealing.svelte-symtuy, .list-menu-card-v2.is-revealing.svelte-symtuy [data-skeleton-reveal]:where(.svelte-symtuy) {
    animation: none;
  }
}
.list-menu-card-v2.is-skeleton.is-sheen.svelte-symtuy {
  position: relative;
  isolation: isolate;
  background-color: var(--color-theme-card-01);
}
.list-menu-card-v2.is-skeleton.is-sheen.svelte-symtuy .skeleton-bone:where(.svelte-symtuy) {
  background-color: color-mix(in srgb, var(--color-theme-fg) 20%, var(--color-theme-card-01));
}
.list-menu-card-v2.is-skeleton.is-sheen.svelte-symtuy .skeleton-bone:where(.svelte-symtuy)::after {
  content: none;
  animation: none;
}
.list-menu-card-v2.is-skeleton.is-sheen.svelte-symtuy .skeleton-bone--media:where(.svelte-symtuy) {
  background-color: var(--color-theme-card-02);
}
.list-menu-card-v2.is-skeleton.is-sheen.svelte-symtuy::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background-image: linear-gradient(104deg, transparent calc(50% - 144px), color-mix(in srgb, var(--color-theme-card) 55%, transparent) 50%, transparent calc(50% + 144px)), linear-gradient(116deg, transparent calc(50% - 72px), var(--color-theme-card) 50%, transparent calc(50% + 72px));
  background-repeat: no-repeat;
  background-size: 300vw 100vh;
  background-position-y: calc(-1 * var(--skeleton-sheen-y, 0px));
  animation: svelte-symtuy-skeleton-sheen 2600ms linear var(--skeleton-sheen-delay, 0ms) infinite;
}
@media (prefers-reduced-motion: reduce) {
  .list-menu-card-v2.is-skeleton.is-sheen.svelte-symtuy::after {
    content: none;
    animation: none;
  }
}
.list-menu-card-v2[data-press-hold=pending].svelte-symtuy {
  transform: scale(1.02);
}
.list-menu-card-v2[data-press-hold=armed].svelte-symtuy {
  transform: scale(1.03);
  box-shadow: var(--shadow-theme-glow-soft);
  z-index: 2;
}
.list-menu-card-v2.card-compact.svelte-symtuy {
  min-height: 83px;
}
.list-menu-card-v2.card-regular.svelte-symtuy {
  min-height: 126px;
}
.list-menu-card-v2.card-extended.svelte-symtuy {
  min-height: 161px;
}
.list-menu-card-v2.edit-mode.svelte-symtuy {
  cursor: grab;
}
.list-menu-card-v2.edit-mode.handle-only.svelte-symtuy {
  cursor: default;
}
.list-menu-card-v2.edit-mode.svelte-symtuy .dnd-grip-handle:where(.svelte-symtuy) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: var(--spacing-s);
  margin: -var(--spacing-xs) var(--spacing-xxs) -var(--spacing-xs) -var(--spacing-xs);
  cursor: grab;
  touch-action: none;
}
.list-menu-card-v2.edit-mode.svelte-symtuy:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--color-theme-accent);
  opacity: 0.15;
  pointer-events: none;
}
.list-menu-card-v2.edit-mode.svelte-symtuy:focus {
  box-shadow: var(--shadow-theme-glow-strong);
}
.list-menu-card-v2.edit-mode.svelte-symtuy:focus::before {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-theme-accent);
}
@media (hover: hover) and (pointer: fine) {
  .list-menu-card-v2.edit-mode.svelte-symtuy:hover::before {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid var(--color-theme-accent);
  }
}
.list-menu-card-v2.pulse.svelte-symtuy {
  --pulse-box-shadow-big:
  	0 4px 32px 6px rgba(36, 145, 255, 0.25), 0 0 16px 2px rgba(36, 145, 255, 0.5);
  --pulse-box-shadow-small:
  	0 4px 32px 6px rgba(36, 145, 255, 0.15), 0 0 16px 2px rgba(36, 145, 255, 0.25);
  animation: svelte-symtuy-pulse-animation 1.2s ease-in-out 3, svelte-symtuy-pulse-fade-out 0.6s ease-in-out 3.6s forwards;
}
.list-menu-card-v2.pulse.svelte-symtuy::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-big);
  pointer-events: none;
  z-index: 3;
  animation: svelte-symtuy-pulse-border-animation 1.2s ease-in-out 3, svelte-symtuy-pulse-border-fade-out 0.6s ease-in-out 3.6s forwards;
}
@keyframes svelte-symtuy-pulse-animation {
  0% {
    box-shadow: var(--pulse-box-shadow-big);
  }
  50% {
    box-shadow: var(--pulse-box-shadow-small);
  }
  100% {
    box-shadow: var(--pulse-box-shadow-big);
  }
}
@keyframes svelte-symtuy-pulse-fade-out {
  0% {
    box-shadow: var(--pulse-box-shadow-big);
  }
  100% {
    box-shadow: none;
  }
}
@keyframes svelte-symtuy-pulse-border-animation {
  0% {
    border-color: var(--color-primary);
  }
  50% {
    border-color: rgba(36, 145, 255, 0.7);
  }
  100% {
    border-color: var(--color-primary);
  }
}
@keyframes svelte-symtuy-pulse-border-fade-out {
  0% {
    border-color: var(--color-primary);
  }
  100% {
    border-color: transparent;
  }
}
.list-menu-card-v2.svelte-symtuy:focus-visible:not(.selected):not(.edit-mode) {
  box-shadow: 0 0 0 4px var(--color-theme-accent-tint-strong);
}
.list-menu-card-v2.svelte-symtuy:focus-visible:not(.selected):not(.edit-mode)::before {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid var(--color-theme-accent);
}
.list-menu-card-v2.svelte-symtuy::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid var(--color-theme-card-02);
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: var(--radius-theme-md);
  pointer-events: none;
  z-index: 2;
}
.list-menu-card-v2.selected.svelte-symtuy::before {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-theme-accent);
}
.list-menu-card-v2.selected.svelte-symtuy:focus-visible {
  box-shadow: 0 0 0 4px var(--color-theme-accent-tint-strong);
}
.list-menu-card-v2.svelte-symtuy .main:where(.svelte-symtuy) {
  display: flex;
  align-self: stretch;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  overflow: hidden;
}
.list-menu-card-v2.svelte-symtuy .main:where(.svelte-symtuy),
.list-menu-card-v2.svelte-symtuy .right-slot-container:where(.svelte-symtuy) {
  z-index: 1;
}
.list-menu-card-v2.svelte-symtuy .right-slot-container:where(.svelte-symtuy) {
  display: flex;
  height: 100%;
}
.list-menu-card-v2.svelte-symtuy .title-container:where(.svelte-symtuy) {
  display: flex;
  flex: auto;
  justify-content: space-between;
}
.list-menu-card-v2.svelte-symtuy .title-container:where(.svelte-symtuy) .mobile-draggable-title-area:where(.svelte-symtuy) {
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
  height: fit-content;
  flex: 1;
  min-width: 0;
}
.list-menu-card-v2.svelte-symtuy .title-container:where(.svelte-symtuy) .mobile-draggable-title-area:where(.svelte-symtuy):focus-visible {
  padding-left: 4px;
  margin-left: -4px;
  outline: 2px solid var(--color-theme-accent);
  border-radius: var(--spacing-xs);
}
.list-menu-card-v2.svelte-symtuy .title-container:where(.svelte-symtuy),
.list-menu-card-v2.svelte-symtuy .main-slot-container:where(.svelte-symtuy) {
  padding: 13px 12px;
}
.list-menu-card-v2.svelte-symtuy .title-container:where(.svelte-symtuy) {
  padding-bottom: 8px;
}
.list-menu-card-v2.svelte-symtuy .main-slot-container:where(.svelte-symtuy) {
  display: flex;
  flex-shrink: 0;
  padding-top: 0;
  overflow: visible;
}
.list-menu-card-v2.svelte-symtuy .main-slot-container:where(.svelte-symtuy) .labels-list-v2:focus-visible {
  outline-offset: 0;
}
.list-menu-card-v2.svelte-symtuy .overlay-top:where(.svelte-symtuy),
.list-menu-card-v2.svelte-symtuy .overlay-bottom:where(.svelte-symtuy) {
  width: 100%;
  position: absolute;
  left: 0;
  background: var(--gradient-text-highlighting);
  pointer-events: none;
}
.list-menu-card-v2.bg-color-overlay.svelte-symtuy .overlay-top:where(.svelte-symtuy),
.list-menu-card-v2.bg-color-overlay.svelte-symtuy .overlay-bottom:where(.svelte-symtuy) {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.71) 100%);
}
.list-menu-card-v2.svelte-symtuy .overlay-top:where(.svelte-symtuy) {
  top: 0;
  height: 70%;
  transform: rotate(180deg);
}
.list-menu-card-v2.svelte-symtuy .overlay-bottom:where(.svelte-symtuy) {
  height: 30%;
  bottom: 0;
}
.list-menu-card-v2.over-media.svelte-symtuy {
  --alpha-chrome-ink-muted: 60%;
  --chrome-ink: var(--color-theme-fg);
  --chrome-ink-muted: color-mix(
  	in oklab,
  	var(--chrome-ink) var(--alpha-chrome-ink-muted),
  	transparent
  );
  --chrome-border-01: color-mix(in srgb, var(--chrome-ink) 8%, transparent);
  --chrome-border-02: color-mix(in srgb, var(--chrome-ink) 16%, transparent);
  --chrome-border-03: color-mix(in srgb, var(--chrome-ink) 25%, transparent);
  --chrome-card-scrim: var(--color-theme-card-01);
  --chrome-card-scrim-from: var(--color-theme-bg);
}
html[data-ds-color-mode="light"] .list-menu-card-v2.over-media.svelte-symtuy {
  --alpha-chrome-ink-muted: 72%;
  --chrome-ink: #eaeaea;
}
html[data-ds-color-mode="light"] .list-menu-card-v2.over-media.svelte-symtuy {
  --chrome-card-scrim: #1b1d21;
  --chrome-card-scrim-from: #151617;
}
.list-menu-card-v2.over-media.svelte-symtuy::before {
  border-color: var(--chrome-border-02);
}
.list-menu-card-v2.over-media.svelte-symtuy .overlay-top:where(.svelte-symtuy),
.list-menu-card-v2.over-media.svelte-symtuy .overlay-bottom:where(.svelte-symtuy) {
  background: linear-gradient(180deg, color-mix(in srgb, var(--chrome-card-scrim-from) 0%, transparent) 0%, color-mix(in srgb, var(--chrome-card-scrim) 92%, transparent) 71.82%, var(--chrome-card-scrim) 98.11%);
}
.list-menu-card-v2.over-media.bg-color-overlay.svelte-symtuy .overlay-top:where(.svelte-symtuy),
.list-menu-card-v2.over-media.bg-color-overlay.svelte-symtuy .overlay-bottom:where(.svelte-symtuy) {
  background: linear-gradient(180deg, color-mix(in srgb, var(--chrome-card-scrim-from) 20%, transparent) 0%, color-mix(in srgb, var(--chrome-card-scrim) 80%, transparent) 98.11%);
}
.list-menu-card-v2.over-media.svelte-symtuy .title-container:where(.svelte-symtuy) .text {
  color: var(--chrome-ink);
}
.list-menu-card-v2.is-skeleton.svelte-symtuy {
  pointer-events: none;
  cursor: default;
  user-select: none;
  background-color: var(--color-theme-card);
  background-image: none !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: inset 0 0 0 1px var(--color-theme-card-02);
  cursor: default;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
}
.list-menu-card-v2.is-skeleton.svelte-symtuy .skeleton-bone:where(.svelte-symtuy) {
  display: block;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  background-color: var(--color-theme-border-03);
  pointer-events: none;
}
.list-menu-card-v2.is-skeleton.svelte-symtuy .skeleton-bone:where(.svelte-symtuy)::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent 0%, var(--color-theme-fg-20) 45%, transparent 100%);
  animation: svelte-symtuy-skeleton-shimmer 2.4s ease-in-out infinite;
}
/* (unused) .list-menu-card-v2.is-skeleton .skeleton-bone--circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}*/
/* (unused) .list-menu-card-v2.is-skeleton .skeleton-bone--circle-l {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}*/
/* (unused) .list-menu-card-v2.is-skeleton .skeleton-bone--control {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}*/
.list-menu-card-v2.is-skeleton.svelte-symtuy .skeleton-bone--line:where(.svelte-symtuy) {
  height: 12px;
  border-radius: var(--radius-theme-pill);
}
/* (unused) .list-menu-card-v2.is-skeleton .skeleton-bone--line-sm {
  height: 10px;
  border-radius: var(--radius-theme-pill);
}*/
.list-menu-card-v2.is-skeleton.svelte-symtuy .skeleton-bone--title:where(.svelte-symtuy) {
  width: 58%;
  max-width: 100%;
}
/* (unused) .list-menu-card-v2.is-skeleton .skeleton-bone--pill {
  width: 44px;
  height: 28px;
  border-radius: var(--radius-theme-pill);
}*/
.list-menu-card-v2.is-skeleton.svelte-symtuy .skeleton-bone--chip:where(.svelte-symtuy) {
  width: 56px;
  height: 22px;
  border-radius: var(--radius-theme-pill);
}
.list-menu-card-v2.is-skeleton.svelte-symtuy .skeleton-bone--chip-sm:where(.svelte-symtuy) {
  width: 40px;
}
.list-menu-card-v2.is-skeleton.svelte-symtuy .skeleton-bone--chip-lg:where(.svelte-symtuy) {
  width: 72px;
  height: 28px;
}
/* (unused) .list-menu-card-v2.is-skeleton .skeleton-bone--indicator {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}*/
/* (unused) .list-menu-card-v2.is-skeleton .skeleton-bone--chevron {
  width: 16px;
  height: 16px;
  border-radius: var(--radius-theme-xs);
}*/
/* (unused) .list-menu-card-v2.is-skeleton .skeleton-bone--w-35 {
  width: 35%;
}*/
/* (unused) .list-menu-card-v2.is-skeleton .skeleton-bone--w-40 {
  width: 40%;
}*/
/* (unused) .list-menu-card-v2.is-skeleton .skeleton-bone--w-55 {
  width: 55%;
}*/
/* (unused) .list-menu-card-v2.is-skeleton .skeleton-bone--w-70 {
  width: 70%;
}*/
/* (unused) .list-menu-card-v2.is-skeleton .skeleton-bone--w-85 {
  width: 85%;
}*/
/* (unused) .list-menu-card-v2.is-skeleton .skeleton-bone--thumb {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-theme-sm);
}*/
.list-menu-card-v2.is-skeleton.svelte-symtuy .skeleton-bone--media:where(.svelte-symtuy) {
  width: 100%;
  height: 100%;
  border-radius: 0;
  background-color: var(--color-theme-card-02);
}
.list-menu-card-v2.is-skeleton.svelte-symtuy .skeleton-bone--media:where(.svelte-symtuy)::after {
  content: none;
  animation: none;
}
.list-menu-card-v2.is-skeleton.svelte-symtuy:nth-child(3n+2) .skeleton-bone--title:where(.svelte-symtuy) {
  width: 72%;
}
.list-menu-card-v2.is-skeleton.svelte-symtuy:nth-child(3n+2) .skeleton-bone--chip:where(.svelte-symtuy):last-child {
  width: 48px;
}
.list-menu-card-v2.is-skeleton.svelte-symtuy:nth-child(3n+2) .skeleton-bone:where(.svelte-symtuy)::after {
  animation-delay: 0.35s;
}
.list-menu-card-v2.is-skeleton.svelte-symtuy:nth-child(3n+3) .skeleton-bone--title:where(.svelte-symtuy) {
  width: 44%;
}
.list-menu-card-v2.is-skeleton.svelte-symtuy:nth-child(3n+3) .skeleton-bone--chip:where(.svelte-symtuy):first-child {
  width: 72px;
}
.list-menu-card-v2.is-skeleton.svelte-symtuy:nth-child(3n+3) .skeleton-bone:where(.svelte-symtuy)::after {
  animation-delay: 0.7s;
}
.list-menu-card-v2.is-skeleton.svelte-symtuy::after {
  content: none;
  animation: none;
}
.list-menu-card-v2.is-skeleton.svelte-symtuy::before {
  border-color: var(--color-theme-card-02);
}
.list-menu-card-v2.is-skeleton.svelte-symtuy .skeleton-media:where(.svelte-symtuy) {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.list-menu-card-v2.is-skeleton.svelte-symtuy .main:where(.svelte-symtuy) {
  position: relative;
  z-index: 1;
  justify-content: space-between;
  gap: var(--spacing-s);
  padding: var(--spacing-m);
  background: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--color-theme-card-01) 55%, transparent) 45%, color-mix(in oklab, var(--color-theme-card-01) 82%, transparent) 100%);
}
.list-menu-card-v2.is-skeleton.svelte-symtuy .title-container:where(.svelte-symtuy) {
  align-items: center;
  gap: var(--spacing-s);
  flex: 0 0 auto;
  padding: 0;
}
.list-menu-card-v2.is-skeleton.svelte-symtuy .main-slot-container:where(.svelte-symtuy) {
  padding: 0;
}
.list-menu-card-v2.is-skeleton.svelte-symtuy .skeleton-chip-row:where(.svelte-symtuy) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-xs);
}
.list-menu-card-v2.is-skeleton.is-sheen.svelte-symtuy .skeleton-media:where(.svelte-symtuy) {
  display: none;
}
.list-menu-card-v2.is-skeleton.is-sheen.svelte-symtuy .main:where(.svelte-symtuy) {
  background: none;
}
.list-menu-card-v2.is-skeleton.card-compact.svelte-symtuy .main:where(.svelte-symtuy) {
  padding: var(--spacing-s-plus);
}
.list-menu-card-v2.is-skeleton.card-compact.svelte-symtuy .skeleton-chip-row:where(.svelte-symtuy) .skeleton-bone--chip:where(.svelte-symtuy):last-child {
  display: none;
}.parameter-card-v2.focusable.svelte-z1so0y {
  cursor: pointer;
}
.parameter-card-v2.focusable.svelte-z1so0y:focus-visible {
  outline: 2px solid var(--color-theme-accent);
  outline-offset: 2px;
  border-radius: var(--radius-theme-md);
}
.parameter-card-v2.svelte-z1so0y .sub-title {
  max-width: 40%;
}
.parameter-card-v2.svelte-z1so0y .dots-container {
  height: 20px;
}.parameter-card-group.svelte-7gbzpg {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  gap: 2px;
  border-radius: var(--radius-theme-md);
  overflow: hidden;
}
.parameter-card-group.svelte-7gbzpg .container {
  border-radius: 0 !important;
}@keyframes svelte-14l0nh6-marquee {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes svelte-14l0nh6-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-14l0nh6-skeleton-sheen {
  0% {
    background-position-x: calc(-200vw - var(--skeleton-sheen-x, 0px));
  }
  70%, 100% {
    background-position-x: calc(0vw - var(--skeleton-sheen-x, 0px));
  }
}
@keyframes svelte-14l0nh6-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-14l0nh6-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.dash-action-area.svelte-14l0nh6 {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 11px 15px;
  max-width: 100%;
  box-sizing: border-box;
  --dash-action-fill: color-mix(in srgb, var(--color-theme-fg) 12%, transparent);
  --dash-action-fill-hover: color-mix(in srgb, var(--color-theme-fg) 16%, transparent);
  --dash-action-stroke: color-mix(in srgb, var(--color-theme-fg) 28%, transparent);
  --dash-action-stroke-hover: color-mix(in srgb, var(--color-theme-fg) 32%, transparent);
  background-color: var(--dash-action-fill);
  border: 1px dashed var(--dash-action-stroke);
  border-radius: var(--radius-theme-sm);
  color: var(--color-theme-text);
}
.dash-action-area.svelte-14l0nh6:disabled {
  cursor: not-allowed;
}
.dash-action-area.disabled.svelte-14l0nh6 {
  cursor: not-allowed;
}
.dash-action-area.svelte-14l0nh6:focus, .dash-action-area.svelte-14l0nh6:not(.disabled-overlay):active {
  background-color: var(--dash-action-fill-hover);
  border-style: solid;
  border-color: var(--dash-action-stroke-hover);
}
@media (hover: hover) and (pointer: fine) {
  .dash-action-area.svelte-14l0nh6:not(.disabled-overlay):hover {
    background-color: var(--dash-action-fill-hover);
    border-color: var(--dash-action-stroke-hover);
  }
}
.dash-action-area.width-full.svelte-14l0nh6 {
  display: flex;
}

.dash-action-area.disabled-overlay.svelte-14l0nh6 {
  color: var(--color-theme-text-disabled);
}
.dash-action-area.disabled-overlay.svelte-14l0nh6::before {
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background-color: var(--color-theme-bg);
}
	.days_wrapper.svelte-1r9wyfo {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}

	.layer-chart-spacing.svelte-1breyjz {
		min-width: 0;
		box-sizing: border-box;
		padding-right: 16px;
		padding-left: 32px;
	}

	.layer-chart-spacing.svelte-1breyjz .layer-chart-theme .lc-area-chart {
		box-sizing: border-box;
		border: 1px solid hsl(0 0% 100% / 0.12);
		border-radius: 16px;
		background: hsl(0 0% 0% / 0.08);
	}

	.layer-chart-spacing.svelte-1breyjz .layer-chart-theme .lc-card-tooltip {
		max-width: calc(100% - 16px);
		pointer-events: none !important;
	}

	@media (max-width: 480px) {
		.layer-chart-spacing.svelte-1breyjz {
			padding-right: 8px;
			padding-left: 24px;
		}
	}

	.temperature-settings.svelte-vbo0g4 {
		display: flex;
		flex-direction: column;
		gap: 12px;
		width: 100%;
	}

	.humidity-settings.svelte-bswi67 {
		display: flex;
		flex-direction: column;
		gap: 12px;
		width: 100%;
	}

	.device-status-bar.svelte-1eqil4d {
		background: var(--color-1);
		display: flex;
		scrollbar-width: none;
		flex-direction: row;
		align-items: center;
		padding: 2px 6px;
	}

	.device-status-bar.new-layout.svelte-1eqil4d {
		background-color: var(--color-base);
	}

	.rotation-indicator.svelte-7ektm9 {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 4px;
	}

	.rotation-indicator-horizontal.svelte-7ektm9 {
		flex-direction: row;
	}

	.virtual-button.svelte-1xsw16d {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}
	.dots-container.svelte-1xsw16d {
		display: flex;
		position: absolute;
		justify-content: center;
		align-items: center;
		width: 56px;
		height: 56px;
		z-index: 11;
		pointer-events: none;
	}
	.dots-container.svelte-1xsw16d span:where(.svelte-1xsw16d) {
		border-radius: 50%;
		background-color: var(--color-primary);
	}
	.dots-container.has-dark-icon.svelte-1xsw16d span:where(.svelte-1xsw16d) {
		background-color: var(--color-1);
	}
	.dots-container.svelte-1xsw16d .dot:where(.svelte-1xsw16d) {
		width: 5px;
		height: 5px;
		margin: 1px;
	}
	.dots-container.svelte-1xsw16d .dash:where(.svelte-1xsw16d) {
		width: 17px;
		height: 3px;
		border-radius: var(--radius-small);
	}

  .notification-banner.svelte-je2afr {
    padding: 1rem;
    background-color: var(--color-warning, #ffc107);
    border-radius: 4px;
    margin-bottom: 1rem;
  }

  /* A disabled IconButton is dimmed by the design system's .disabled-overlay
     utility (a half-opacity ::before over the button). The row must look
     identical while a command applies — active icons stay primary, inactive stay
     secondary — so the overlay is dropped here and only the `disabled`
     semantics remain: no press, no focus, not-allowed cursor. */
  .hp-mode-row.svelte-1vfv88h .icon-button.disabled-overlay::before {
    content: none;
  }

  /* No align-items:center here — the cards and the ControlsContainer must span
     the full width, as they do on the ST802 screen. The wheel and the icon row
     center themselves. */
  .hp-tab.svelte-1gxwftn {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .hp-applying.svelte-1gxwftn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 24px;
  }
  .hp-applying.hidden.svelte-1gxwftn {
    visibility: hidden;
  }

  .hp-diagnostics.svelte-9m8vaq {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-m, 1rem);
    width: 100%;
  }
  .hp-card.svelte-9m8vaq {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 0.25rem);
    padding: var(--spacing-m, 1rem);
    background: var(--color-0);
    border-radius: var(--border-radius-m, 0.75rem);
  }
  /* :global — the class is handed to <Text>, so it lands outside this
     component's scoped selectors. */
  .hp-diagnostics.svelte-9m8vaq .hp-card-title {
    margin-bottom: var(--spacing-xs, 0.25rem);
  }
  .hp-row.svelte-9m8vaq {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.35rem 0;
    border-bottom: 1px solid var(--color-border, rgba(128, 128, 128, 0.2));
  }
  .hp-row.svelte-9m8vaq:last-child {
    border-bottom: none;
  }
  .hp-row-key.svelte-9m8vaq {
    color: var(--color-text);
  }
  .hp-row-value.svelte-9m8vaq {
    color: var(--color-primary);
    white-space: nowrap;
  }

  /* `flex: auto` is what the other templates get by putting .flex-full-height at
     their root: it makes this wrapper take the drawer's remaining height, which
     is what lets the Home tab's own .flex-full-height block collect the free
     space and pin its contents to the bottom while the readings stay at the top.
     Without it the wrapper only ever grows to fit its content, so there is no
     slack to push into and the tab bunches up under the tabs.
     The Diagnostics tab is unaffected: .hp-diagnostics is a plain block, so its
     cards keep flowing from the top and scrolling. */
  .hp-controller.svelte-7l384z {
    display: flex;
    flex-direction: column;
    flex: auto;
    width: 100%;
  }
  /* Tab titles in primary blue (overrides the design-system tab text color). */
  .hp-controller.svelte-7l384z .hp-tabs button,
  .hp-controller.svelte-7l384z .hp-tabs button span {
    color: var(--color-primary) !important;
  }

  .virtual-button.svelte-d3n24d {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .dots-container.svelte-d3n24d {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    z-index: 11;
    pointer-events: none;
  }
  .dots-container.svelte-d3n24d span:where(.svelte-d3n24d) {
    border-radius: 50%;
    background-color: var(--color-primary);
  }
  .dots-container.has-dark-icon.svelte-d3n24d span:where(.svelte-d3n24d) {
    background-color: var(--color-1);
  }
  .dots-container.svelte-d3n24d .dot:where(.svelte-d3n24d) {
    width: 5px;
    height: 5px;
    margin: 1px;
  }
  .dots-container.svelte-d3n24d .dash:where(.svelte-d3n24d) {
    width: 17px;
    height: 3px;
    border-radius: var(--radius-small);
  }

  .grid.svelte-ac505i {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: var(--spacing-s);
  }

  .panel.svelte-1ns8b9m {
    transition: transform 1.1s linear;
  }

  .panel.moving.svelte-1ns8b9m {
    opacity: 0.85;
  }

  .action.svelte-r7vl20 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-xxs, 0.35rem);
  }

  .caption.svelte-r7vl20 {
    font-size: 0.75rem;
    color: var(--color-muted);
    white-space: nowrap;
  }

  .visual.svelte-9lx84a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }

  .readout.svelte-9lx84a {
    display: flex;
    align-items: center;
    height: 1.5rem;
  }

  .travel.svelte-9lx84a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.5rem;
  }

  .moving-label.svelte-9lx84a {
    font-size: 0.875rem;
    color: var(--color-muted);
  }

  .controls-container.svelte-9lx84a {
    container-type: inline-size;
    width: 100%;
  }

  .controls.svelte-9lx84a {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 1.25rem;
  }

  .group.svelte-9lx84a {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 1.25rem;
  }

  @container (max-width: 500px) {
    .controls.svelte-9lx84a {
      flex-direction: column;
      align-items: center;
    }

    .separator.svelte-9lx84a {
      display: none;
    }
  }

  .separator.svelte-9lx84a {
    width: 1px;
    align-self: stretch;
    margin: 0 0.25rem;
    background-color: var(--color-muted);
    opacity: 0.25;
  }

  .pill.svelte-9lx84a {
    padding: 0.15rem 0.6rem;
    border-radius: var(--radius-extra-big, 5rem);
    background-color: var(--color-2);
    font-size: 0.75rem;
    white-space: nowrap;
  }

  .pill.moving.svelte-9lx84a {
    background-color: var(--color-primary);
    color: var(--color-white);
  }

  .rr-tab.svelte-1ue06do {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  /* Same card anatomy as the heat pump's diagnostics groups, so the two
     templates read as one family. */
  .rr-card.svelte-1ue06do {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 0.25rem);
    padding: var(--spacing-m, 1rem);
    margin-bottom: var(--spacing-s, 0.5rem);
    background: var(--color-0);
    border-radius: var(--border-radius-m, 0.75rem);
  }
  /* :global — the class is handed to <Text>, so it lands outside this
     component's scoped selectors. */
  .rr-tab.svelte-1ue06do .rr-card-title {
    margin-bottom: var(--spacing-xs, 0.25rem);
  }
  .rr-card-head.svelte-1ue06do {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-s, 0.5rem);
  }
  .rr-notice.svelte-1ue06do {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs, 0.4rem);
    padding: var(--spacing-s, 0.5rem) var(--spacing-m, 1rem);
    margin-bottom: var(--spacing-s, 0.5rem);
    background: var(--color-1);
    border-radius: var(--border-radius-m, 0.75rem);
  }
  .rr-quick.svelte-1ue06do {
    flex-direction: row;
    align-items: stretch;
    gap: var(--spacing-s, 0.5rem);
  }
  /* :global — the class is handed to <Button>, so it lands on the element the
     design system renders, outside this component's scoped selectors. The
     buttons share the row evenly and are allowed to shrink below their content
     width, which is what keeps them inside the card on narrow screens. */
  .rr-quick.svelte-1ue06do .rr-quick-btn {
    flex: 1 1 0;
    min-width: 0;
  }
  .rr-level.svelte-1ue06do {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xs, 0.25rem);
  }
  .rr-summary.svelte-1ue06do {
    flex-direction: row;
  }
  .rr-summary-item.svelte-1ue06do {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
  }
  /* Three columns: metric name, indoor, outdoor. The values are right-aligned
     under their headers so the pairs can be compared down the column. The
     metric column keeps a floor so its labels are never broken mid-word. */
  .rr-air-table.svelte-1ue06do {
    display: grid;
    grid-template-columns: minmax(4rem, 1fr) auto auto;
    gap: 0.35rem var(--spacing-m, 1rem);
    align-items: center;
  }
  .rr-air-table.svelte-1ue06do b:where(.svelte-1ue06do) {
    text-align: right;
    color: var(--color-text);
  }
  .rr-air-key.svelte-1ue06do {
    color: var(--color-text);
    word-break: keep-all;
    overflow-wrap: normal;
  }
  .rr-air-value.svelte-1ue06do {
    text-align: right;
    white-space: nowrap;
  }

  /* `flex: auto` is what the other templates get from .flex-full-height at their
     root — it lets the tab content take the drawer's remaining height. */
  .rr-controller.svelte-irxcv4 {
    display: flex;
    flex-direction: column;
    flex: auto;
    width: 100%;
  }

  /* `flex: auto` is what the other templates get from .flex-full-height at
     their root — it lets the content take the drawer's remaining height. */
  .sd-controller.svelte-1w678jw {
    display: flex;
    flex-direction: column;
    flex: auto;
    width: 100%;
  }

  /* Three fixed columns rather than auto-fit: the drawer is narrow enough on a
     phone that auto-fit drops the third tile onto a row of its own, which reads
     as one lock being separate from the other two. The tiles are allowed to get
     narrow instead, and the labels wrap. */
  .sd-tiles.svelte-1w678jw {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-xs, 0.35rem);
    margin-bottom: var(--spacing-s, 0.5rem);
  }

  /* Same card anatomy as the RAIN and heat pump templates, so the three read as
     one family. Value above label: the value is what is being looked up, and it
     stays on one line while the longer names wrap under it. */
  .sd-tile.svelte-1w678jw {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    padding: var(--spacing-s, 0.7rem) 0.35rem;
    background: var(--color-0);
    border-radius: var(--border-radius-m, 0.75rem);
    text-align: center;
    /* Inherited by the labels; see `labelElectromechanical` in the script for
       why the soft hyphen leads and this only backs it up. */
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  .sd-tile.accent.svelte-1w678jw {
    color: var(--color-primary);
  }

  .sd-tile.muted.svelte-1w678jw {
    opacity: 0.5;
  }

  /* :global — the class is handed to <Text>, so it lands outside this
     component's scoped selectors. `inherit` is what lets the accented tile
     colour its value along with its icon. */
  .sd-tile.svelte-1w678jw .sd-tile-value {
    color: inherit;
  }

  /* The slot is what centres the lock: it takes every row of height the tiles
     and the rails leave over, and centres its one child in it. `min-height: 0`
     so a short drawer shrinks the slot instead of pushing the rails off the
     bottom. */
  .sd-switch-slot.svelte-1w678jw {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-height: 0;
    padding: var(--spacing-m, 0.85rem) 0;
  }

  /* Padlock instead of the power glyph the design system hardcodes in the
     thumb. Font Awesome 6 resolves a glyph through the `--fa` custom property,
     so setting it on the `<i>` is the supported swap; the `content` rule is the
     same swap for a Font Awesome 5 stylesheet, which sets `::before` directly.
     `\f023` is fa-lock, `\f3c1` is fa-lock-open.

     :global — the markup belongs to DeviceSwitch, so it is outside this
     component's scoped selectors. */
  .sd-switch.svelte-1w678jw .indicator i.fa-power-off {
    --fa: '\f3c1';
  }

  .sd-switch.svelte-1w678jw .indicator i.fa-power-off::before {
    content: '\f3c1';
  }

  .sd-switch.locked.svelte-1w678jw .indicator i.fa-power-off {
    --fa: '\f023';
  }

  .sd-switch.locked.svelte-1w678jw .indicator i.fa-power-off::before {
    content: '\f023';
  }

  .sd-rails.svelte-1w678jw {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xs, 0.35rem);
  }

  .sd-rails.muted.svelte-1w678jw {
    opacity: 0.5;
  }

  .sd-rail.svelte-1w678jw {
    display: flex;
    align-items: center;
    gap: var(--spacing-s, 0.5rem);
    padding: var(--spacing-s, 0.7rem) var(--spacing-m, 0.85rem);
    background: var(--color-0);
    border-radius: var(--border-radius-m, 0.75rem);
    min-width: 0;
  }

  .sd-rail-text.svelte-1w678jw {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

	.map-container.svelte-1gi868p {
		width: 100%;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
		overflow: hidden;
		position: relative;
	}
	.map-canvas.svelte-1gi868p {
		width: 100%;
		height: 100%;
		border: 1px solid var(--color-3);
		border-radius: var(--radius-big);
	}
	.map-canvas.is-locked.svelte-1gi868p {
		cursor: default;
		pointer-events: none;
	}
	.map-canvas.is-locked.svelte-1gi868p .mapboxgl-ctrl-logo,
	.map-canvas.is-locked.svelte-1gi868p .mapboxgl-ctrl-attrib {
		pointer-events: none;
	}
	.map-canvas.is-locked .mapboxgl-control-container .mapboxgl-ctrl-top-right,
	.map-canvas.is-locked .mapboxgl-control-container .mapboxgl-ctrl-top-left,
	.map-canvas.is-locked .mapboxgl-control-container .mapboxgl-ctrl-bottom-left {
		display: none;
	}
	.map-canvas .mapboxgl-control-container {
		opacity: 0.5;
	}

	.marker.svelte-1hjqhxo {
		z-index: 1;
		filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.25));
	}
	.marker.selected.svelte-1hjqhxo {
		pointer-events: none;
	}

	.mapboxgl-popup {
		transition:
			opacity 0.5s,
			visibility 0.5s;
		visibility: hidden;
		opacity: 0;
		z-index: 5;
		width: 185px;
	}

	.mapboxgl-popup.show {
		visibility: visible;
		opacity: 1;
	}

	.mapboxgl-popup .mapboxgl-popup-content {
		position: relative;
		padding: 16px;
		background: var(--color-3);
		border-radius: var(--radius-small);
	}

	.mapboxgl-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
		border-top-color: var(--color-3);
		margin-top: -1px;
		filter: drop-shadow(1px 1px 3px 0 rgb(0, 0, 0, 0.33));
	}

	.info-window-close.svelte-a028qo {
		cursor: pointer;
		color: inherit;
	}

	.input-wrapper.svelte-1h9onak {
		position: absolute;
		top: 15px;
		left: 15px;
		z-index: 4;
		background: var(--color-base);
		border-radius: var(--radius-small);
		overflow: hidden;
		width: 220px;
		border: 1px solid var(--color-3);
		max-height: calc(100% - 20px);
		display: flex;
		flex-direction: column;
	}
	.input-wrapper.expanded.svelte-1h9onak {
		box-shadow: var(--shadow-glow-soft);
		border: 1px solid var(--color-primary);
	}
	.search-field-box.svelte-1h9onak {
		display: flex;
		justify-content: center;
		align-items: center;
		background: var(--color-base);
	}
	input.svelte-1h9onak {
		position: relative;
		height: 32px;
		opacity: 0;
		width: 0;
		position: relative;
		margin: 0;
		padding: 0;
		border: none;
		outline: none;
		transition: width 0.33s;
		color: var(--color-white);
		background: var(--color-base);
		border-radius: var(--radius-small);
		border-left: none;
		font-family: var(--font-family);
		font-size: 13px;
		line-height: 16px;
	}

	input.svelte-1h9onak::placeholder {
		color: var(--color-3);
		font-family: var(--font-family);
		font-size: 13px;
		line-height: 16px;
	}
	.input-wrapper.svelte-1h9onak input:where(.svelte-1h9onak) {
		opacity: 1;
		position: relative;
		padding: 0 10px 0 5px;
		width: 190px;
	}

	.select-data-list.svelte-1hkh4jf {
		position: relative;
		overflow: auto;
	}

	.select-data-list.svelte-1hkh4jf > .inner:where(.svelte-1hkh4jf) {
		position: relative;
		overflow-x: hidden;
	}

	.option.svelte-1ld3qm8 {
		max-width: 100%;
		padding: 8px;
		cursor: pointer;
		color: var(--color-white);
		background-color: var(--color-base);
		display: flex;
		align-items: center;
		transition: all 0.33s;
		border-bottom: 1px solid var(--color-3);
		scroll-snap-align: start;
		line-height: 1em;
		font-size: 13px;
	}

	.option.svelte-1ld3qm8:first-child {
		border-top: 1px solid var(--color-secondary);
	}

	.option.svelte-1ld3qm8:last-child {
		border-bottom: none;
	}

	.option.hovered.svelte-1ld3qm8,
	.option.selected.svelte-1ld3qm8 {
		background-color: var(--color-primary-10);
		/* color: var(--color-secondary);
		background-color: var(--color-primary); */
	}

	.option.disabled.svelte-1ld3qm8 {
		pointer-events: none;
		opacity: var(--color-1-opacity);
	}

	.option.hidden.svelte-1ld3qm8 {
		display: none;
	}

	.icon.svelte-1r1lnb8 {
		height: 16px;
		padding-right: 8px;
	}

	.location-btn.svelte-28wo6q {
		position: absolute;
		bottom: 40px;
		right: 10px;
		box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.75);
		border-radius: var(--radius-small);
		z-index: 3;
	}

	.zoom-in-btn.svelte-welmw8,
	.zoom-out-btn.svelte-welmw8 {
		position: absolute;
		bottom: 80px;
		right: 10px;
		box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.75);
		border-radius: var(--radius-small);
		z-index: 3;
	}
	.zoom-in-btn.svelte-welmw8 {
		bottom: 120px;
	}

	.search-in-this-area.svelte-gxqu32 {
		display: table;
		position: absolute;
		top: 60px;
		left: 0;
		right: 0;
		z-index: 3;
		margin: 0 auto;
	}

	@media (max-width: 640px) {
		.search-in-this-area.svelte-gxqu32 {
			left: 15px;
			margin: 0;
		}
	}

	.map-container.svelte-o00y2f {
		height: 100%;
		display: flex;
		flex: auto;
		min-height: 0;
		position: relative;
	}

	.media-player-compact-host.svelte-y0e72w {
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
		min-height: 0;
		height: 100%;
	}

	.media-player-compact-host.svelte-y0e72w .media-player {
		flex: 1 1 auto;
		min-height: 0;
		height: 100%;
	}

	.cost-breakdown.svelte-1jxiqsd {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-l);
	}

	.cost-section.svelte-1jxiqsd {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xs);
	}

	/* (unused) .section-label {
		font-weight: 600;
		color: var(--color-text-primary, #000000);
		margin: 0;
	}*/

	.cost-table.svelte-1jxiqsd {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.cost-row.svelte-1jxiqsd {
		display: grid;
		grid-template-columns: 1fr auto;
		gap: var(--spacing-m);
		align-items: start;
		padding: 4px 0;
	}

	.cost-row-total.svelte-1jxiqsd {
		border-top: 1px solid var(--color-border, #e5e7eb);
		padding-top: 8px;
		margin-top: 4px;
	}

	.cost-row-average.svelte-1jxiqsd {
		border-top: 1px solid var(--color-border, #e5e7eb);
		padding-top: 8px;
		margin-top: 4px;
	}

	/* (unused) .cost-label {
		color: var(--color-text-secondary, #6b7280);
		margin: 0;
		text-align: left;
	}*/

	/* (unused) .cost-value {
		color: var(--color-text-primary, #000000);
		margin: 0;
		text-align: right;
		white-space: nowrap;
	}*/

	/* (unused) .cost-value.price-bold {
		font-weight: 700;
	}*/

	.cost-footnote.svelte-1jxiqsd {
		padding-top: var(--spacing-m);
		border-top: 1px solid var(--color-border, #e5e7eb);
	}

	/* (unused) .footnote-text {
		color: var(--color-text-secondary, #6b7280);
		margin: 0;
		line-height: 1.5;
		font-size: 10px;
	}*/

	.savings-content.svelte-5nyf9a {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-s);
	}

	.remarks-list.svelte-1vvcbzh {
		list-style: none;
		padding: 0;
		gap: 4px;
	}

	.tariff-contract-details.svelte-5556j0 {
		display: flex;
		flex-direction: column;
		gap: 1px;
		margin-top: 2px;
	}

	/* (unused) .contract-item {
		color: var(--color-text-primary, #000000);
		font-size: 10px;
		line-height: 1.2;
		margin: 0;
	}*/

	/* (unused) .tariff-contract-details.variant-light .contract-item {
		color: rgba(255, 255, 255, 0.9);
	}*/

	/* (unused) .tariff-contract-details.variant-dark .contract-item {
		color: var(--color-text-primary, #000000);
	}*/

	.tariff-bonuses.svelte-1ufjzc7 {
		display: flex;
		flex-direction: column;
		gap: 1px;
		margin-top: 2px;
	}

	/* (unused) .bonus-item {
		color: #10b981;
		font-size: 10px;
		line-height: 1.2;
		margin: 0;
		font-weight: 500;
	}*/

	/* (unused) .tariff-bonuses.variant-light .bonus-item {
		color: rgba(16, 185, 129, 0.95);
	}*/

	/* (unused) .tariff-bonuses.variant-dark .bonus-item {
		color: #10b981;
	}*/

	.provider-logo-wrapper.svelte-1x0vba0 {
		flex-shrink: 0;
	}

	.provider-logo.svelte-1x0vba0,
	.provider-logo-placeholder.svelte-1x0vba0 {
		flex-shrink: 0;
		width: 70px;
		height: 56px;
		border-radius: 8px;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	}

	.provider-logo-wrapper.layout-condensed.svelte-1x0vba0 .provider-logo:where(.svelte-1x0vba0),
	.provider-logo-wrapper.layout-condensed.svelte-1x0vba0 .provider-logo-placeholder:where(.svelte-1x0vba0) {
		width: 32px !important;
		height: 22px !important;
		border-radius: 4px !important;
	}

	.provider-logo.svelte-1x0vba0 {
		background: rgba(255, 255, 255, 0.95);
		padding: 4px 8px;
	}

	.provider-logo-wrapper.layout-condensed.svelte-1x0vba0 .provider-logo:where(.svelte-1x0vba0) {
		padding: 2px 4px !important;
	}

	.provider-logo.svelte-1x0vba0 img:where(.svelte-1x0vba0) {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.provider-logo-placeholder.svelte-1x0vba0 {
		background: rgba(255, 255, 255, 0.2);
		color: rgba(255, 255, 255, 0.8);
		font-size: 18px;
		backdrop-filter: blur(4px);
	}

	.provider-logo-wrapper.layout-condensed.svelte-1x0vba0 .provider-logo-placeholder:where(.svelte-1x0vba0) {
		font-size: 12px !important;
	}

	.provider-logo-wrapper.variant-dark.svelte-1x0vba0 .provider-logo:where(.svelte-1x0vba0) {
		background: rgba(255, 255, 255, 0.98);
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	}

	.provider-logo-wrapper.variant-dark.svelte-1x0vba0 .provider-logo-placeholder:where(.svelte-1x0vba0) {
		background: rgba(0, 0, 0, 0.08);
		color: var(--color-text-secondary, #666);
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	}

	.tariff-pricing.svelte-syt7d2 {
		display: flex;
		flex-direction: column;
		gap: 8px;
		margin-top: 8px;
	}

	.pricing-main.svelte-syt7d2 {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 16px;
		align-items: start;
	}

	.pricing-left.svelte-syt7d2,
	.pricing-right.svelte-syt7d2 {
		display: flex;
		flex-direction: column;
		gap: 2px;
	}

	.detail-label.svelte-syt7d2 {
		font-size: 11px;
		color: var(--color-text-secondary, #6b7280);
		font-weight: 400;
	}

	.tariff-pricing.variant-light.svelte-syt7d2 .detail-label:where(.svelte-syt7d2) {
		color: rgba(255, 255, 255, 0.8);
	}

	.detail-value.svelte-syt7d2 {
		font-size: 14px;
		color: var(--color-text-primary, #000000);
		font-weight: 400;
	}

	.detail-value.price-bold.svelte-syt7d2 {
		font-weight: 700;
	}

	.tariff-pricing.variant-light.svelte-syt7d2 .detail-value:where(.svelte-syt7d2) {
		color: #ffffff;
	}

	.tariff-pricing.variant-dark.svelte-syt7d2 .detail-value:where(.svelte-syt7d2) {
		color: var(--color-text-primary, #000000);
	}

	@media (max-width: 768px) {
		.tariff-pricing.svelte-syt7d2 {
			margin-top: 12px;
		}

		.pricing-main.svelte-syt7d2 {
			grid-template-columns: 1fr;
			gap: 12px;
		}

		.pricing-left.svelte-syt7d2,
		.pricing-right.svelte-syt7d2 {
			gap: 4px;
		}

		.detail-value.price-bold.svelte-syt7d2 {
			font-size: 16px;
		}
	}

	.total-costs-display.svelte-1nvltp4 {
		display: flex;
		align-items: center;
		gap: 4px;
	}

	.total-costs-display.layout-condensed.svelte-1nvltp4 {
		gap: 3px;
	}

	.total-costs.svelte-1nvltp4 {
		font-size: 14px;
		font-weight: 700;
		line-height: 1.2;
		white-space: nowrap;
	}

	.total-costs-info-btn {
		opacity: 0.7;
		transition: opacity 0.2s ease;
		flex-shrink: 0;
	}

	.total-costs-info-btn:hover {
		opacity: 1;
	}

	.total-costs-display.variant-light.svelte-1nvltp4 .total-costs-info-btn {
		color: rgba(255, 255, 255, 0.9);
	}

	.total-costs-display.variant-dark.svelte-1nvltp4 .total-costs-info-btn {
		color: var(--color-text-secondary, #666);
	}

	.total-costs-display.variant-light.svelte-1nvltp4 .total-costs:where(.svelte-1nvltp4) {
		color: #ffffff;
	}

	.total-costs-display.variant-dark.svelte-1nvltp4 .total-costs:where(.svelte-1nvltp4) {
		color: var(--color-text-primary, #000);
	}

	.total-costs-display.layout-condensed.svelte-1nvltp4 .total-costs:where(.svelte-1nvltp4) {
		font-size: 12px !important;
		line-height: 1.1 !important;
	}

	.total-costs-display.layout-condensed.svelte-1nvltp4 .total-costs-info-btn {
		transform: scale(0.75) !important;
	}

	.total-costs-info-static.svelte-1nvltp4 {
		display: inline-flex;
		flex-shrink: 0;
		opacity: 0.75;
	}

	.provider-details.svelte-b6ir2v {
		display: flex;
		flex-direction: column;
		gap: 2px;
	}

	.provider-details.layout-condensed.svelte-b6ir2v {
		gap: 0px !important;
	}

	.provider-details.layout-condensed.svelte-b6ir2v .provider-name:where(.svelte-b6ir2v) {
		font-size: 11px !important;
		line-height: 1.1 !important;
	}

	.provider-details.layout-condensed.svelte-b6ir2v .tariff-name:where(.svelte-b6ir2v) {
		font-size: 10px !important;
		line-height: 1.1 !important;
	}

	.provider-name.svelte-b6ir2v {
		font-size: 12px;
		font-weight: 600;
		line-height: 1.2;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.tariff-name.svelte-b6ir2v {
		font-size: 11px;
		font-weight: 400;
		opacity: 0.8;
		line-height: 1.2;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	@media (max-width: 768px) {
		.provider-name.svelte-b6ir2v {
			font-size: 11px;
		}
	}

	.price-option.svelte-1o7wkka {
		border-radius: 8px;
		padding: 12px;
		transition: all 0.2s ease;
		display: flex;
		flex-direction: column;
		gap: 8px;
		position: relative;
	}

	.price-option.layout-condensed.svelte-1o7wkka {
		border-radius: 6px !important;
		padding: 6px 8px !important;
		gap: 2px !important;
	}

	.price-option.layout-condensed.clickable.svelte-1o7wkka {
		cursor: pointer;
		transition:
			transform 0.2s ease,
			box-shadow 0.2s ease;
	}

	.price-option.layout-condensed.clickable.svelte-1o7wkka:hover {
		transform: translateY(-1px);
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	}

	.price-option.layout-condensed.clickable.svelte-1o7wkka:active {
		transform: translateY(0);
	}

	.price-option.layout-condensed.clickable.svelte-1o7wkka:focus {
		outline: 2px solid rgba(255, 255, 255, 0.5);
		outline-offset: 2px;
	}

	.price-option.svelte-1o7wkka:hover {
		transform: translateY(-2px);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	}

	.price-option.variant-light.svelte-1o7wkka {
		background: rgba(255, 255, 255, 0.15);
		backdrop-filter: blur(10px);
		border: 1px solid rgba(255, 255, 255, 0.2);
	}

	.energy-price-suggestion .price-option.variant-light.svelte-1o7wkka,
	.energy-price-tariffs-wrapper .price-option.variant-light.svelte-1o7wkka {
		background: rgba(255, 255, 255, 0.15);
		backdrop-filter: blur(10px);
		border: 1px solid rgba(255, 255, 255, 0.2);
	}

	.price-option.variant-light.svelte-1o7wkka:hover {
		background: rgba(255, 255, 255, 0.2);
	}

	.price-option.variant-light.best.svelte-1o7wkka {
		background: rgba(255, 255, 255, 0.25);
		border: 2px solid rgba(255, 255, 255, 0.4);
	}

	/* (unused) .price-option.variant-light .option-price {
		color: #ffffff;
	}*/

	.price-option.variant-dark.svelte-1o7wkka {
		background: rgba(0, 0, 0, 0.05);
		border: 1px solid rgba(0, 0, 0, 0.1);
	}

	.price-option.variant-dark.svelte-1o7wkka:hover {
		background: rgba(0, 0, 0, 0.08);
	}

	.price-option.variant-dark.best.svelte-1o7wkka {
		background: rgba(16, 185, 129, 0.1);
		border: 2px solid rgba(16, 185, 129, 0.3);
		box-shadow: 0 2px 8px rgba(16, 185, 129, 0.15);
	}

	/* (unused) .price-option.variant-dark .option-price {
		color: var(--color-text-primary, #000);
	}*/

	.option-header.svelte-1o7wkka {
		display: flex;
		align-items: flex-start;
		gap: 8px;
		margin-bottom: 4px;
		position: relative;
	}

	.price-option.layout-condensed.svelte-1o7wkka .option-header:where(.svelte-1o7wkka) {
		gap: 4px !important;
		margin-bottom: 0 !important;
		align-items: center !important;
	}

	.header-right.svelte-1o7wkka {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: 4px;
		flex-shrink: 0;
	}

	.option-info.svelte-1o7wkka {
		flex: 1;
		display: flex;
		flex-direction: column;
		gap: 1px;
		min-width: 0;
	}

	.price-option.layout-condensed.svelte-1o7wkka .option-info:where(.svelte-1o7wkka) {
		gap: 0px;
	}

	.verification-badge.svelte-1o7wkka {
		position: absolute;
		top: 8px;
		left: 8px;
		z-index: 10;
		display: flex;
		align-items: center;
		gap: 4px;
		background: rgba(255, 107, 53, 0.95);
		color: #ffffff;
		padding: 4px 8px;
		border-radius: 4px;
		font-size: 10px;
		font-weight: 600;
	}

	.verification-icon.svelte-1o7wkka {
		font-size: 12px;
	}

	.verification-text.svelte-1o7wkka {
		color: #ffffff;
		margin: 0;
		font-size: 10px;
		line-height: 1;
	}

	.monthly-cost-container.svelte-1o7wkka {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: 2px;
	}

	.monthly-cost.svelte-1o7wkka {
		font-size: 28px;
		font-weight: 700;
		line-height: 1;
		color: var(--color-text-primary, #000000);
	}

	.price-option.variant-light.svelte-1o7wkka .monthly-cost:where(.svelte-1o7wkka) {
		color: #ffffff;
	}

	.price-option.variant-dark.svelte-1o7wkka .monthly-cost:where(.svelte-1o7wkka) {
		color: var(--color-text-primary, #000000);
	}

	.cost-details.svelte-1o7wkka {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: 2px;
	}

	.cost-label-wrapper.svelte-1o7wkka {
		cursor: pointer;
		display: flex;
		align-items: center;
		gap: 4px;
	}

	.cost-label.svelte-1o7wkka {
		color: var(--color-text-secondary, #6b7280);
		font-size: 11px;
		margin: 0;
	}

	.monthly-average-info-icon.svelte-1o7wkka {
		opacity: 0.7;
		transition: opacity 0.2s ease;
		flex-shrink: 0;
		transform: scale(0.85);
	}

	.monthly-average-info-icon.svelte-1o7wkka:hover {
		opacity: 1;
	}

	/* (unused) .price-option.variant-light .monthly-average-info-icon {
		color: rgba(255, 255, 255, 0.8);
	}*/

	/* (unused) .price-option.variant-dark .monthly-average-info-icon {
		color: var(--color-text-secondary, #6b7280);
	}*/

	.popover-content.svelte-1o7wkka {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xs);
	}

	.popover-title.svelte-1o7wkka {
		font-weight: 600;
		margin: 0;
	}

	.popover-description.svelte-1o7wkka {
		margin: 0;
		line-height: 1.5;
	}

	/* (unused) .price-option.variant-light .cost-label {
		color: rgba(255, 255, 255, 0.8);
	}*/

	.annual-cost-small.svelte-1o7wkka {
		color: var(--color-text-secondary, #6b7280);
		font-size: 10px;
		margin: 0;
	}

	/* (unused) .price-option.variant-light .annual-cost-small {
		color: rgba(255, 255, 255, 0.7);
	}*/

	.savings-wrapper.svelte-1o7wkka {
		display: flex;
		align-items: center;
		gap: 4px;
		margin-top: 2px;
	}

	.savings-amount-container.svelte-1o7wkka {
		cursor: pointer;
		display: flex;
		align-items: center;
		gap: 4px;
	}

	.savings-amount.svelte-1o7wkka {
		color: #ff6b35;
		font-size: 12px;
		font-weight: 700;
		margin: 0;
	}

	/* (unused) .price-option.variant-light .savings-amount {
		color: rgba(255, 107, 53, 0.95);
	}*/

	.savings-info-icon.svelte-1o7wkka {
		opacity: 0.7;
		transition: opacity 0.2s ease;
		flex-shrink: 0;
		transform: scale(0.85);
	}

	.savings-info-icon.svelte-1o7wkka:hover {
		opacity: 1;
	}

	/* (unused) .price-option.variant-light .savings-info-icon {
		color: rgba(255, 255, 255, 0.8);
	}*/

	/* (unused) .price-option.variant-dark .savings-info-icon {
		color: var(--color-text-secondary, #6b7280);
	}*/

	.best-badge,
	.sponsored-badge {
		position: absolute;
		top: -1px;
		left: -1px;
		z-index: 10;
	}

	.card-footer.svelte-1o7wkka {
		margin-top: 8px;
		padding-top: 8px;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}

	.price-option.variant-dark.svelte-1o7wkka .card-footer:where(.svelte-1o7wkka) {
		border-top-color: rgba(0, 0, 0, 0.1);
	}

	.option-info.svelte-1o7wkka .body-small-styles {
		font-size: 10px;
		line-height: 1.2;
		margin: 0;
	}

	@media (max-width: 768px) {
		.price-option.svelte-1o7wkka {
			padding: 12px;
			gap: 12px;
		}

		.price-option.layout-normal.svelte-1o7wkka .option-header:where(.svelte-1o7wkka) {
			flex-direction: column;
			align-items: flex-start;
			gap: 12px;
		}

		.price-option.layout-normal.svelte-1o7wkka .header-right:where(.svelte-1o7wkka) {
			align-items: flex-start;
			width: 100%;
		}

		.price-option.layout-normal.svelte-1o7wkka .monthly-cost-container:where(.svelte-1o7wkka) {
			align-items: flex-start;
			width: 100%;
		}

		.price-option.layout-normal.svelte-1o7wkka .monthly-cost:where(.svelte-1o7wkka) {
			font-size: 24px;
			line-height: 1.2;
		}

		.price-option.layout-normal.svelte-1o7wkka .cost-details:where(.svelte-1o7wkka) {
			align-items: flex-start;
			gap: 4px;
			margin-top: 4px;
		}

		.price-option.layout-normal.svelte-1o7wkka .card-footer:where(.svelte-1o7wkka) {
			margin-top: 12px;
			padding-top: 12px;
		}

		.option-price.svelte-1o7wkka {
			font-size: 13px;
		}

		.price-option.layout-condensed.svelte-1o7wkka {
			padding: 4px 6px !important;
		}

		.option-info.svelte-1o7wkka .body-small-styles {
			font-size: 9px;
			line-height: 1.15;
		}

		.contract-item.svelte-1o7wkka {
			font-size: 9px;
			line-height: 1.15;
		}
	}

	.consumer-protection-wrapper.svelte-191hgbq {
		opacity: 0;
		transform: translateY(20px);
		transition:
			opacity 0.5s ease-in-out,
			transform 0.5s ease-in-out;
		margin-top: var(--spacing-l);
		padding-top: var(--spacing-l);
		border-top: 1px solid var(--color-border, #e5e7eb);
	}

	.consumer-protection-wrapper.visible.svelte-191hgbq {
		opacity: 1;
		transform: translateY(0);
	}

	.consumer-protection-content.svelte-191hgbq {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-m);
		padding: var(--spacing-m);
		border-radius: 8px;
	}

	/* (unused) .protection-title {
		margin: 0;
		font-weight: 700;
		color: var(--color-text-primary, #000000);
		font-size: 18px;
		line-height: 1.4;
	}*/

	/* (unused) .protection-date {
		margin: 0;
		color: var(--color-text-secondary, #6b7280);
		font-size: 12px;
		font-style: italic;
	}*/

	/* (unused) .protection-text {
		margin: 0;
		color: var(--color-text-secondary, #6b7280);
		font-size: 13px;
		line-height: 1.6;
	}*/

	.email-link.svelte-191hgbq {
		color: var(--color-primary, #0066cc);
		text-decoration: none;
		transition: color 0.2s ease;
	}

	.email-link.svelte-191hgbq:hover {
		color: var(--color-primary-dark, #0052a3);
		text-decoration: underline;
	}

	@media (max-width: 768px) {
		.consumer-protection-content.svelte-191hgbq {
			padding: var(--spacing-s);
		}

		/* (unused) .protection-title {
			font-size: 16px;
		}*/

		/* (unused) .protection-text {
			font-size: 12px;
		}*/
	}

	.price-options.svelte-1blne3x {
		position: relative;
		z-index: 1;
		display: flex;
		flex-direction: column;
		gap: 8px;
		margin-bottom: 12px;
		width: 100%;
	}

	.price-options.svelte-1blne3x .price-option {
		width: 100%;
	}

	.tariff-card.svelte-1bv96ss {
		display: flex;
		flex-direction: column;
	}

	.tariff-content.svelte-1bv96ss {
		display: grid;
		grid-template-columns: 1fr 1fr auto;
		gap: var(--spacing-l);
		align-items: start;
	}

	.tariff-left-column.svelte-1bv96ss,
	.tariff-right-column.svelte-1bv96ss {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-m);
	}

	.info-row.svelte-1bv96ss {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xs);
	}

	/* (unused) .info-label {
		color: var(--color-text-secondary, #6b7280);
		font-weight: 400;
	}*/

	/* (unused) .info-value {
		color: var(--color-text-primary, #000000);
		font-weight: 400;
	}*/

	/* (unused) .info-value.price-bold {
		font-weight: 700;
	}*/

	.tariff-monthly-average.svelte-1bv96ss {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: flex-start;
		gap: var(--spacing-xs);
		min-width: 120px;
	}

	/* (unused) .monthly-amount {
		font-size: 32px;
		font-weight: 700;
		line-height: 1;
		color: var(--color-text-primary, #000000);
		margin: 0;
	}*/

	.monthly-average-info.svelte-1bv96ss {
		display: flex;
		align-items: center;
		gap: var(--spacing-xs);
	}

	/* (unused) .monthly-label {
		color: var(--color-text-secondary, #6b7280);
		font-size: 12px;
	}*/

	/* (unused) .info-icon {
		transform: scale(0.85);
	}*/

	/* (unused) .popover-content {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xs);
	}*/

	/* (unused) .popover-title {
		font-weight: 600;
		margin: 0;
	}*/

	/* (unused) .popover-description {
		margin: 0;
		line-height: 1.5;
	}*/

	.tariff-note.svelte-1bv96ss {
		background: var(--color-background-info, #e0f2fe);
		padding: var(--spacing-s);
		border-radius: 8px;
	}

	.tariff-note.svelte-1bv96ss p {
		margin: 0;
		color: var(--color-text-secondary, #6b7280);
	}

	@media (max-width: 768px) {
		.tariff-content.svelte-1bv96ss {
			grid-template-columns: 1fr;
			gap: var(--spacing-m);
		}

		.tariff-monthly-average.svelte-1bv96ss {
			align-items: flex-start;
			width: 100%;
		}

		/* (unused) .monthly-amount {
			font-size: 28px;
		}*/
	}

	.attribution-footer.svelte-1iq268q {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-top: 8px;
		padding-top: 0;
		border-top: none;
		position: relative;
		z-index: 1;
	}

	.attribution-text {
		opacity: 0.7;
		text-align: right;
		color: rgba(255, 255, 255, 0.8) !important;
		font-size: 9px;
		line-height: 1.3;
	}

	.attribution-link.svelte-1iq268q {
		color: rgba(255, 255, 255, 0.85);
		text-decoration: underline;
		cursor: pointer;
		margin: 0 2px;
		transition: opacity 0.2s ease;
	}

	.attribution-link.svelte-1iq268q:hover {
		opacity: 1;
		color: rgba(255, 255, 255, 0.95);
	}

	.energy-tariffs-modal-content .energy-tariffs-modal-wrapper .price-option.variant-light {
		background: var(--energy-price-gradient) !important;
		backdrop-filter: none !important;
		border: 1px solid rgba(255, 255, 255, 0.2) !important;
	}

	
		.energy-tariffs-modal-content .energy-tariffs-modal-wrapper .price-option.variant-light:hover
	 {
		background: var(--energy-price-gradient) !important;
		border: 1px solid rgba(255, 255, 255, 0.3) !important;
	}

	
		.energy-tariffs-modal-content .energy-tariffs-modal-wrapper .price-option.variant-light.best
	 {
		background: var(--energy-price-gradient) !important;
		border: 2px solid rgba(255, 255, 255, 0.4) !important;
	}

	
		.energy-tariffs-modal-content
			.energy-tariffs-modal-wrapper
			.price-option.variant-light
			.provider-name
	,
	
		.energy-tariffs-modal-content
			.energy-tariffs-modal-wrapper
			.price-option.variant-light
			.tariff-name
	,
	
		.energy-tariffs-modal-content
			.energy-tariffs-modal-wrapper
			.price-option.variant-light
			.option-price
	,
	
		.energy-tariffs-modal-content
			.energy-tariffs-modal-wrapper
			.price-option.variant-light
			.total-costs
	,
	
		.energy-tariffs-modal-content
			.energy-tariffs-modal-wrapper
			.price-option.variant-light
			.detail-item
	 {
		color: #ffffff !important;
	}

	.modal-footer-content.svelte-1gv493q {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-s);
		width: 100%;
	}

	.footer-attribution.svelte-1gv493q {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: var(--spacing-xs);
	}

	.attribution-text {
		opacity: 0.8;
		text-align: center;
		color: var(--color-text-secondary, #6b7280);
		font-size: 11px;
		line-height: 1.4;
	}

	.gap-s.svelte-1gv493q {
		gap: var(--spacing-s);
	}

	.tariff-card.svelte-b2q76z {
		display: flex;
		flex-direction: column;
	}

	.tariff-content.svelte-b2q76z {
		display: grid;
		grid-template-columns: 1fr 1fr auto;
		gap: var(--spacing-l);
		align-items: start;
	}

	.tariff-left-column.svelte-b2q76z,
	.tariff-right-column.svelte-b2q76z {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-m);
	}

	.info-row.svelte-b2q76z {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xs);
	}

	/* (unused) .info-label {
		color: var(--color-text-secondary, #6b7280);
		font-weight: 400;
	}*/

	/* (unused) .info-value {
		color: var(--color-text-primary, #000000);
		font-weight: 400;
	}*/

	/* (unused) .info-value.price-bold {
		font-weight: 700;
	}*/

	.tariff-monthly-average.svelte-b2q76z {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: flex-start;
		gap: var(--spacing-xs);
		min-width: 120px;
	}

	/* (unused) .monthly-amount {
		font-size: 32px;
		font-weight: 700;
		line-height: 1;
		color: var(--color-text-primary, #000000);
		margin: 0;
	}*/

	.monthly-average-info.svelte-b2q76z {
		display: flex;
		align-items: center;
		gap: var(--spacing-xs);
	}

	/* (unused) .monthly-label {
		color: var(--color-text-secondary, #6b7280);
		font-size: 12px;
	}*/

	/* (unused) .info-icon {
		transform: scale(0.85);
	}*/

	.popover-content.svelte-b2q76z {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xs);
	}

	/* (unused) .popover-title {
		font-weight: 600;
		margin: 0;
	}*/

	/* (unused) .popover-description {
		margin: 0;
		line-height: 1.5;
	}*/

	.tariff-note.svelte-b2q76z {
		background: var(--color-background-info, #e0f2fe);
		padding: var(--spacing-m);
		border-radius: 8px;
		margin-top: var(--spacing-m);
	}

	.tariff-note.svelte-b2q76z p {
		margin: 0;
		color: var(--color-text-secondary, #6b7280);
		line-height: 1.5;
	}

	@media (max-width: 768px) {
		.tariff-content.svelte-b2q76z {
			grid-template-columns: 1fr;
			gap: var(--spacing-m);
		}

		.tariff-monthly-average.svelte-b2q76z {
			align-items: flex-start;
			width: 100%;
		}

		/* (unused) .monthly-amount {
			font-size: 28px;
		}*/
	}

	/* (unused) .benchmark-info-btn {
		flex-shrink: 0;
	}*/

	.banner-wrapper.svelte-1v47qkv {
		width: 100%;
		position: relative;
	}

	.banner-header.svelte-1v47qkv {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		position: relative;
		z-index: 1;
		margin-bottom: 16px;
	}

	.banner-text.svelte-1v47qkv {
		flex: 1;
		min-width: 0;
	}

	.banner-title-row.svelte-1v47qkv {
		display: flex;
		align-items: center;
		gap: var(--spacing-s);
		margin-bottom: 4px;
	}

	/* (unused) .banner-title {
		margin: 0;
		color: #ffffff;
		font-weight: 700;
		line-height: 1.3;
		flex: 1;
	}*/

	/* (unused) .banner-subtitle {
		margin: 0;
		color: rgba(255, 255, 255, 0.9);
		opacity: 0.9;
	}*/

	.banner-tariffs-grid.svelte-1v47qkv {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
		position: relative;
		z-index: 1;
	}

	@media (min-width: 768px) {
		.banner-tariffs-grid.svelte-1v47qkv {
			grid-template-columns: repeat(3, 1fr);
		}
	}

	@media (max-width: 768px) {
		.banner-header.svelte-1v47qkv {
			flex-direction: column;
			align-items: stretch;
			gap: 12px;
		}

		/* (unused) .banner-title {
			font-size: 14px;
		}*/

		/* (unused) .banner-subtitle {
			font-size: 11px;
		}*/

		.banner-tariffs-grid.svelte-1v47qkv {
			grid-template-columns: 1fr;
		}
	}

	.energy-setup-content.svelte-5gdmvi {
		max-height: 60vh;
		overflow-y: auto;
		padding-right: var(--spacing-s);
	}

	.loading-state.svelte-5gdmvi {
		padding: var(--spacing-l);
	}

	.gap-m.svelte-5gdmvi {
		gap: var(--spacing-m);
	}

	.gap-s.svelte-5gdmvi {
		gap: var(--spacing-s);
	}

	/* .energy-price-tariffs-wrapper {
		border-radius: 12px;
		padding: 20px;
		margin-top: 8px;
		min-height: 200px;
		position: relative;
		overflow: hidden;
	} */

	/* .energy-price-tariffs-wrapper::before {
		content: '';
		position: absolute;
		top: -50%;
		right: -10%;
		width: 200px;
		height: 200px;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 50%;
		pointer-events: none;
	} */

	.energy-price-tariffs-wrapper .price-options {
		position: relative;
		z-index: 1;
	}

	.confirmation-checkbox-wrapper.svelte-5gdmvi {
		display: flex;
		align-items: flex-start;
		margin-top: var(--spacing-l);
	}

	/* (unused) .confirmation-checkbox {
		width: 100%;
	}*/

	.checkbox-label.svelte-5gdmvi {
		display: inline-flex;
		align-items: center;
		gap: var(--spacing-xs);
	}

	/* (unused) .info-icon {
		cursor: help;
		flex-shrink: 0;
	}*/

	.energy-price-suggestion.svelte-96obcl {
		border-radius: 12px;
		padding: 16px;
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
		position: relative;
		overflow: hidden;
		transition: all 0.3s ease;
	}

	.energy-price-suggestion.svelte-96obcl::before {
		content: '';
		position: absolute;
		top: -50%;
		right: -10%;
		width: 150px;
		height: 150px;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 50%;
		pointer-events: none;
	}

	.suggestion-header.svelte-96obcl {
		position: relative;
		z-index: 1;
		margin-bottom: 12px;
	}

	.header-content.svelte-96obcl {
		display: flex;
		align-items: center;
		gap: 12px;
	}

	.suggestion-icon.svelte-96obcl {
		flex-shrink: 0;
		width: 52px;
		height: 52px;
		background: rgba(255, 255, 255, 0.2);
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #ffffff;
		font-size: 26px;
		position: relative;
		z-index: 1;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	}

	.text-content.svelte-96obcl {
		flex: 1;
		min-width: 0;
	}

	.suggestion-title.svelte-96obcl {
		font-size: 15px;
		font-weight: 700;
		margin: 0 0 4px 0;
		color: #ffffff;
		line-height: 1.3;
	}

	.suggestion-subtitle.svelte-96obcl {
		font-size: 12px;
		color: rgba(255, 255, 255, 0.9);
		line-height: 1.3;
		margin: 0;
	}

	.suggestion-cta.svelte-96obcl {
		flex-shrink: 0;
		background: rgba(255, 255, 255, 0.95);
		color: var(--energy-price-cta-text, #e64600);
		border: none;
		border-radius: 8px;
		padding: 10px 20px;
		font-size: 13px;
		font-weight: 600;
		cursor: pointer;
		display: flex;
		align-items: center;
		gap: 6px;
		transition: all 0.2s ease;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
		white-space: nowrap;
	}

	.suggestion-cta.svelte-96obcl:hover {
		background: #ffffff;
		transform: translateY(-1px);
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	}

	.suggestion-cta.svelte-96obcl:active {
		transform: translateY(0);
	}

	.suggestion-cta.svelte-96obcl i:where(.svelte-96obcl) {
		font-size: 11px;
		transition: transform 0.2s ease;
	}

	.suggestion-cta.svelte-96obcl:hover i:where(.svelte-96obcl) {
		transform: translateX(3px);
	}

	.dismiss-button.svelte-96obcl {
		position: absolute;
		top: 8px;
		right: 8px;
		width: 28px;
		height: 28px;
		background: rgba(255, 255, 255, 0.2);
		border: none;
		border-radius: 6px;
		color: #ffffff;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		transition: all 0.2s ease;
		z-index: 2;
		opacity: 0.8;
	}

	.dismiss-button.svelte-96obcl:hover {
		background: rgba(255, 255, 255, 0.3);
		opacity: 1;
	}

	.dismiss-button.svelte-96obcl:active {
		transform: scale(0.95);
	}

	@media (max-width: 768px) {
		.energy-price-suggestion.svelte-96obcl {
			padding: 12px;
		}

		.header-content.svelte-96obcl {
			gap: 10px;
			flex-wrap: wrap;
		}

		.suggestion-icon.svelte-96obcl {
			width: 44px;
			height: 44px;
			font-size: 22px;
		}

		.suggestion-title.svelte-96obcl {
			font-size: 14px;
		}

		.suggestion-subtitle.svelte-96obcl {
			font-size: 11px;
		}

		.suggestion-cta.svelte-96obcl {
			width: 100%;
			justify-content: center;
			padding: 9px 16px;
			font-size: 13px;
			margin-top: 8px;
		}

		.dismiss-button.svelte-96obcl {
			width: 26px;
			height: 26px;
			font-size: 13px;
		}
	}

  .infinno-add-solar-condition-modal.svelte-tvttqg .label:where(.svelte-tvttqg) {
    width: 80px;
  }

  #infinno-script-scenes-editor.svelte-enq01e {
    border-top: 1px solid #ccc;
    height: 75vh;
		width: 100%;
		display: flex;
		flex-direction: column;
		border-radius: 4px;
		overflow: hidden;
  }

	.infinno-script-scene-content.svelte-1gqwc1p .info-row-wrap:where(.svelte-1gqwc1p) {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 70px;
		padding: 8px;
		border: 2px dashed #2491ff;
		border-radius: 16px;
	}

	.infinno-script-scene-content.svelte-1gqwc1p .info-row:where(.svelte-1gqwc1p) {
		width: 100%;
		height: 50px;
		border-radius: 16px;
		padding-inline: 6px;
		background-color: #303235;
	}

	.infinno-script-scene-content.svelte-1gqwc1p .device-image:where(.svelte-1gqwc1p) {
		border-radius: 50%;
	}

  .infinno-scripts-form.svelte-1ewymn8 .form-label:where(.svelte-1ewymn8) {
    width: 50%;
  }

  .infinno-scripts-form.svelte-1ewymn8 .separator-line:where(.svelte-1ewymn8) {
		height: 1px;
		background: linear-gradient(to right, transparent, #5b5f66, transparent);
	}

	.dash-camera-card-info-line.svelte-jul4zo {
		min-width: 0;
		max-width: 100%;
	}

	.camera-status-labels-row.svelte-jul4zo {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: var(--spacing-xs);
	}

	.camera-status-labels-row.align-end.svelte-jul4zo {
		justify-content: flex-end;
	}

	.dash-camera-card-info-line.align-end.svelte-jul4zo {
		margin-left: auto;
	}

	.camera-status-chip.svelte-jul4zo {
		display: inline-flex;
		align-items: center;
		gap: var(--spacing-xs);
		min-height: 24px;
		padding: var(--spacing-xs) var(--spacing-s);
		border-radius: var(--radius-small);
		background-color: transparent;
		flex-shrink: 0;
	}

	.camera-status-chip.camera-cloud-icon.svelte-jul4zo {
		padding: var(--spacing-xxs) var(--spacing-xs);
		min-height: 0;
	}

	.dash-camera-card-info-line.size-s.compact.svelte-jul4zo .camera-status-chip:where(.svelte-jul4zo),
	.dash-camera-card-info-line.size-s.dense-overlay.svelte-jul4zo .camera-status-chip:where(.svelte-jul4zo) {
		min-height: 20px;
		padding: var(--spacing-xxs) var(--spacing-xs);
		gap: var(--spacing-xxs);
	}

	.dash-camera-card-info-line.svelte-jul4zo .label-list-v2 {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.dash-camera-card-info-line.align-end.svelte-jul4zo .camera-status-labels-row:where(.svelte-jul4zo) {
		justify-content: flex-end;
	}

	.dash-camera-card-info-line.align-end.svelte-jul4zo .label-list-v2 {
		justify-content: flex-end;
	}

	.dash-camera-card-info-line.size-s.dense-overlay.svelte-jul4zo .label-list-v2 {
		gap: var(--spacing-xxs);
	}

	.dash-camera-card-info-line.size-s.dense-overlay.svelte-jul4zo .label-v2 {
		min-height: 20px;
		padding: var(--spacing-xxs) var(--spacing-xs);
	}

	.dash-camera-card-info-line.size-s.dense-overlay.svelte-jul4zo .label-v2 .icon-grid {
		font-size: 11px;
		width: 11px;
		height: 11px;
	}

	.dash-camera-card-info-line.on-dark.svelte-jul4zo .label-v2 {
		color: var(--color-white);
	}

	.dash-camera-card-info-line.on-dark.svelte-jul4zo .label-v2 .icon-grid {
		color: var(--color-white);
	}

	.dash-camera-widget-header.svelte-5d5kez {
		display: flex;
		align-items: flex-start;
		justify-content: flex-end;
		gap: var(--spacing-xs);
		width: 100%;
		max-width: 100%;
		pointer-events: none;
		box-sizing: border-box;
	}

	/* Pinned left while the status column keeps to the right edge. The min-height
	   matches a status chip so the dot lines up with the labels across the row. */
	.live-dot.svelte-5d5kez {
		display: flex;
		align-items: center;
		min-height: 24px;
		margin-right: auto;
		flex-shrink: 0;
		line-height: 0;
	}

	.dash-camera-widget-header.dense-overlay.size-s.svelte-5d5kez .live-dot:where(.svelte-5d5kez),
	.dash-camera-widget-header.compact.size-s.svelte-5d5kez .live-dot:where(.svelte-5d5kez) {
		min-height: 20px;
	}

	.dash-camera-widget-header.dense-overlay.size-s.svelte-5d5kez .live-dot:where(.svelte-5d5kez) .live-indicator-wrapper {
		transform: scale(0.85);
		transform-origin: center;
	}

	.header-status-column.svelte-5d5kez {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: var(--spacing-xs);
		min-width: 0;
		max-width: 100%;
	}

	.camera-overlay-actions.svelte-1oel3gt {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: var(--spacing-xs);
		flex-shrink: 0;
		pointer-events: auto;
	}

	.camera-overlay-actions.dense.svelte-1oel3gt {
		gap: 2px;
	}

	.camera-overlay-actions.dense.svelte-1oel3gt .camera-overlay-action-btn {
		width: 24px;
		height: 24px;
		min-width: 24px;
		min-height: 24px;
	}

	.camera-overlay-actions.dense.svelte-1oel3gt .icon-grid {
		font-size: 12px;
	}

	.camera-tile-embed-menu-button.svelte-1oel3gt {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0;
		padding: 6px 8px;
		border: none;
		background: none;
		cursor: pointer;
		flex-shrink: 0;
		pointer-events: auto;
	}

	.camera-tile-embed-menu-button.dense.svelte-1oel3gt {
		padding: 4px;
	}

	.camera-tile-embed-menu-button.svelte-1oel3gt:focus-visible .icon-grid {
		outline: 1px solid var(--color-primary);
		outline-offset: 4px;
		border-radius: 4px;
	}

	.dash-camera-device-card.svelte-b7azqt {
		position: relative;
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100%;
		min-height: 114px;
		border-radius: var(--radius-big);
		overflow: hidden;
		background-color: var(--color-1);
		outline: none;
		--camera-overlay-inset: var(--spacing-s);
		--camera-avatar-inset: var(--spacing-s);
		--camera-name-inset: var(--spacing-s-plus);
	}

	.size-s.svelte-b7azqt {
		--camera-overlay-inset: var(--spacing-xs);
	}

	.size-m.svelte-b7azqt {
		--camera-avatar-inset: var(--spacing-s-plus);
	}

	.size-l.svelte-b7azqt {
		--camera-overlay-inset: var(--spacing-s-plus);
		--camera-avatar-inset: var(--spacing-m);
	}

	.dense-overlay.size-s.svelte-b7azqt {
		--camera-overlay-inset: var(--spacing-xxs);
	}

	.offline.svelte-b7azqt {
		background-color: var(--color-0);
	}

	.active.svelte-b7azqt {
		background-color: var(--color-white);
	}

	.background.svelte-b7azqt {
		position: absolute;
		inset: 0;
		z-index: 0;
		pointer-events: none;
	}

	.preview.svelte-b7azqt,
	.preview-placeholder.svelte-b7azqt {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.preview.svelte-b7azqt,
	.preview-placeholder.svelte-b7azqt {
		background-color: var(--color-0);
	}

	.preview-placeholder.svelte-b7azqt {
		object-fit: contain;
		padding: var(--spacing-xl);
		opacity: 0.35;
		background-color: var(--color-1);
	}

	.offline.svelte-b7azqt .preview:where(.svelte-b7azqt) {
		filter: grayscale(100%);
		opacity: 0.4;
	}

	.device-avatar.svelte-b7azqt {
		position: absolute;
		top: var(--camera-avatar-inset);
		left: var(--camera-avatar-inset);
		z-index: 4;
		pointer-events: none;
		line-height: 0;
	}

	/* Bounded on both sides so a long name ellipsises instead of running under
	   the corner actions. */
	.overlay-chrome.svelte-b7azqt {
		position: absolute;
		left: var(--camera-name-inset);
		right: var(--camera-name-inset);
		bottom: var(--camera-name-inset);
		z-index: 3;
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xs);
		pointer-events: none;
	}

	.has-corner-actions.svelte-b7azqt .overlay-chrome:where(.svelte-b7azqt) {
		right: calc(var(--camera-name-inset) + var(--spacing-xl));
	}

	.offline.svelte-b7azqt .gradient-overlay:where(.svelte-b7azqt),
	.is-placeholder.svelte-b7azqt .gradient-overlay:where(.svelte-b7azqt) {
		background: linear-gradient(
			180deg,
			rgba(0, 0, 0, 0.55) 0%,
			rgba(0, 0, 0, 0.35) 40%,
			rgba(0, 0, 0, 0.75) 70%,
			rgba(0, 0, 0, 0.92) 100%
		);
	}

	.edit-mode-action.svelte-b7azqt,
	.offline-indicator.svelte-b7azqt {
		position: absolute;
		top: var(--camera-overlay-inset);
		right: var(--camera-overlay-inset);
	}

	.edit-mode-action.svelte-b7azqt {
		z-index: 5;
		pointer-events: auto;
	}

	.offline-indicator.svelte-b7azqt {
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.status-header.svelte-b7azqt {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		z-index: 3;
		display: flex;
		justify-content: flex-end;
		align-items: flex-start;
		gap: var(--spacing-xs);
		padding: var(--camera-overlay-inset);
		pointer-events: none;
	}

	.corner-actions.svelte-b7azqt {
		position: absolute;
		right: var(--camera-overlay-inset);
		bottom: var(--camera-overlay-inset);
		z-index: 3;
	}

	.gradient-overlay.svelte-b7azqt {
		position: absolute;
		inset: 0;
		background: linear-gradient(
			180deg,
			rgba(0, 0, 0, 0.35) 0%,
			rgba(0, 0, 0, 0.05) 28%,
			rgba(0, 0, 0, 0.05) 40%,
			rgba(0, 0, 0, 0.55) 64%,
			rgba(0, 0, 0, 0.9) 100%
		);
		pointer-events: none;
	}

	.content.svelte-b7azqt {
		position: relative;
		z-index: 1;
		display: flex;
		flex-direction: column;
		flex: 1;
		min-height: 0;
		padding: var(--camera-name-inset);
		gap: var(--spacing-xs);
	}

	.has-corner-actions.svelte-b7azqt .value-section:where(.svelte-b7azqt) {
		padding-right: var(--spacing-xl);
	}

	.bottom-row.svelte-b7azqt {
		display: flex;
		align-items: flex-end;
		margin-top: auto;
	}

	.value-section-wrapper.svelte-b7azqt,
	.value-section.svelte-b7azqt {
		display: flex;
		flex: 1;
		min-width: 0;
	}

	.value-section-wrapper.svelte-b7azqt {
		flex-direction: column;
		gap: var(--spacing-xs);
	}

	.value-section.svelte-b7azqt {
		align-items: flex-end;
		gap: var(--spacing-s);
	}

	.value-section.svelte-b7azqt .ellipse-2-lines {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.right-title-slot.svelte-b7azqt,
	.main-slot.svelte-b7azqt,
	.additional-text-row.svelte-b7azqt {
		min-width: 0;
	}

	.is-focusable.svelte-b7azqt {
		cursor: pointer;
	}

	.is-focusable.svelte-b7azqt:focus-visible:not(.selected) {
		box-shadow: 0 0 0 4px rgba(36, 145, 255, 0.3);
	}

	.is-focusable.svelte-b7azqt:focus-visible:not(.selected)::after,
	.selected.svelte-b7azqt::after {
		content: '';
		position: absolute;
		inset: 0;
		border: 2px solid var(--color-primary);
		border-radius: inherit;
		pointer-events: none;
		z-index: 3;
	}

	/*
	 * Draws the same dark overlay used on the live rendered home background (see
	 * `.home-background-overlay` in src/routes/MainLayout.svelte / MainLayoutNew.svelte) on top
	 * of each color/gradient swatch image, so the picker preview always matches the rendered
	 * background pixel-for-pixel without baking the overlay into the image files themselves.
	 * Both read the same `--home-background-overlay-opacity` variable (HOME_BACKGROUND_OVERLAY_OPACITY).
	 * Assumes every swatch in this group has an `image` (see background_color_helpers.ts) -
	 * add an image for any newly-added color/gradient token to keep this accurate.
	 */
	.background-color-swatch-group .img-content::after {
		content: '';
		position: absolute;
		inset: 0;
		border-radius: 50%;
		background: rgba(0, 0, 0, var(--home-background-overlay-opacity));
		pointer-events: none;
	}

	.wizard-camera-preview.svelte-1ibox2f {
		width: 100%;
		max-width: 360px;
	}

	.wizard-camera-preview.pair.svelte-1ibox2f,
	.wizard-camera-preview.quad.svelte-1ibox2f {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--spacing-xs);
	}

	.wizard-camera-preview.pair.single-col.svelte-1ibox2f,
	.wizard-camera-preview.quad.single-col.svelte-1ibox2f {
		grid-template-columns: 1fr;
	}

	.wizard-camera-preview.trio.svelte-1ibox2f {
		display: grid;
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
		gap: var(--spacing-xs);
		width: 100%;
	}

	.wizard-trio-side.svelte-1ibox2f {
		display: grid;
		grid-template-rows: 1fr 1fr;
		gap: var(--spacing-xs);
		min-width: 0;
	}

	.wizard-player-cell.svelte-1ibox2f {
		position: relative;
		width: 100%;
		aspect-ratio: 16 / 9;
		border-radius: var(--radius-small);
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--color-1);
	}

	.wizard-player-logo.svelte-1ibox2f {
		width: 28%;
		height: auto;
		opacity: 0.85;
	}

	.wizard-player-cell.svelte-1ibox2f .wizard-player-name {
		position: absolute;
		left: var(--spacing-xs);
		bottom: var(--spacing-xs);
		max-width: calc(100% - var(--spacing-s));
	}

	@media (max-width: 639px) {
		.wizard-camera-preview.trio.svelte-1ibox2f {
			grid-template-columns: 1fr;
		}

		.wizard-trio-side.svelte-1ibox2f {
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto;
		}
	}

	.energy-widget-preview.svelte-m76xw3 {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-s);
	}

	.energy-widget-preview-surface.svelte-m76xw3 {
		position: relative;
		min-width: 0;
		max-height: min(560px, 65vh);
		overflow: auto;
		padding: var(--spacing-m);
		border-radius: 16px;
		background: var(--color-0) url('../images/loginBackground.png') center / cover;
		pointer-events: none;
	}

	.energy-widget-preview-surface.svelte-m76xw3 .dash-energy-widget-frame {
		min-height: 220px;
	}

	.thermostat-wizard-preview.svelte-m76xw3 {
		width: 100%;
		max-height: 320px;
		overflow: auto;
	}

	.thermostat-wizard-preview-cards.svelte-m76xw3 {
		pointer-events: none;
	}

	.energy-settings-intro.svelte-1lwaahq {
		display: flex;
		align-items: flex-start;
		gap: var(--spacing-m);
		padding: var(--spacing-m);
		margin-bottom: var(--spacing-m);
		border: 1px solid color-mix(in srgb, var(--color-primary) 24%, transparent);
		border-radius: var(--border-radius-m);
		background: linear-gradient(
			135deg,
			color-mix(in srgb, var(--color-primary) 12%, transparent),
			transparent 72%
		);
	}

	.energy-settings-icon.svelte-1lwaahq {
		display: grid;
		place-items: center;
		width: 40px;
		height: 40px;
		flex: 0 0 40px;
		border-radius: 12px;
		color: var(--color-primary);
		background: color-mix(in srgb, var(--color-primary) 18%, transparent);
	}

	/* (unused) .energy-settings-panel {
		padding: 0;
	}*/

	.energy-settings-section.svelte-1lwaahq {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-m);
		padding: var(--spacing-m);
		border: 1px solid var(--color-2);
		border-radius: var(--border-radius-m);
		background: color-mix(in srgb, var(--color-1) 72%, transparent);
	}

	.energy-settings-section-heading.svelte-1lwaahq,
	.energy-settings-toggle.svelte-1lwaahq,
	.energy-settings-field.svelte-1lwaahq {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xxs);
	}

	.energy-settings-toggle-control.svelte-1lwaahq {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--spacing-m);
	}

	.energy-settings-toggle.svelte-1lwaahq {
		padding-top: var(--spacing-xs);
	}

	.energy-settings-grid.svelte-1lwaahq {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--spacing-m);
	}

	.energy-settings-note.svelte-1lwaahq {
		display: flex;
		align-items: flex-start;
		gap: var(--spacing-s);
		padding: var(--spacing-s) var(--spacing-m);
		border-radius: var(--border-radius-s);
		color: var(--color-primary);
		background: color-mix(in srgb, var(--color-primary) 10%, transparent);
	}

	@media (max-width: 560px) {
		.energy-settings-intro.svelte-1lwaahq,
		.energy-settings-section.svelte-1lwaahq {
			padding: var(--spacing-s-plus);
		}

		.energy-settings-grid.svelte-1lwaahq {
			grid-template-columns: minmax(0, 1fr);
		}
	}

	.zoom-container.svelte-6cbhab {
		width: 100%;
		height: 100%;
		overflow: hidden;
		touch-action: pan-y;
		position: relative;
	}
	.zoom-container.is-zoomed.svelte-6cbhab {
		touch-action: none;
	}
	.zoom-content.svelte-6cbhab {
		width: 100%;
		height: 100%;
		transform-origin: center center;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.zoom-content > * {
		width: 100%;
	}

	.loader.svelte-1o8cof5 {
		position: absolute;
		background: rgba(0, 0, 0, 0.65);
		z-index: 1;
		gap: 12px;
	}

	.loader.compact.svelte-1o8cof5 {
		gap: 6px;
	}

	.video-container-wrapper.svelte-1ugku6b {
		display: flex;
		flex-direction: column;
		width: 100%;
		border-radius: var(--radius-big);
		overflow: hidden;
	}

	.video-container-wrapper.fill-container.svelte-1ugku6b {
		height: 100%;
		min-height: 0;
	}

	.video-player-area.svelte-1ugku6b {
		position: relative;
		background-color: var(--color-2);
	}

	.video-container-wrapper.fill-container.svelte-1ugku6b .video-player-area:where(.svelte-1ugku6b) {
		flex: 1;
		min-height: 0;
		height: 100%;
	}

	.video-player-area.svelte-1ugku6b video {
		display: block;
		width: 100%;
		aspect-ratio: 16 / 9;
	}

	.video-container-wrapper.fill-container.svelte-1ugku6b .video-player-area:where(.svelte-1ugku6b) video {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		aspect-ratio: unset;
	}

	.state-placeholder.svelte-1ugku6b {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: var(--spacing-s, 8px);
		width: 100%;
		aspect-ratio: 16 / 9;
		background-color: var(--color-1);
	}

	.state-placeholder.fill-container.svelte-1ugku6b {
		aspect-ratio: unset;
		height: 100%;
		min-height: 0;
	}

	.state-placeholder.compact.svelte-1ugku6b {
		padding: var(--spacing-xs, 4px);
	}

	.state-placeholder.has-preview.svelte-1ugku6b {
		justify-content: flex-end;
	}

	.offline-preview-image.svelte-1ugku6b {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		background-color: var(--color-0);
		filter: grayscale(100%);
		opacity: 0.4;
	}

	.state-placeholder.is-logo-preview.svelte-1ugku6b .offline-preview-image:where(.svelte-1ugku6b) {
		padding: var(--spacing-xl);
		filter: none;
		opacity: 0.35;
		background-color: var(--color-1);
	}

	.state-content.svelte-1ugku6b {
		position: relative;
		z-index: 3;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.video-overlay-top-left.svelte-1ugku6b {
		position: absolute;
		top: var(--spacing-s, 8px);
		left: var(--spacing-s, 8px);
		pointer-events: none;
		z-index: 1;
	}

	.video-overlay-top-left.svelte-1ugku6b * {
		pointer-events: auto;
	}

	video.svelte-15szn41 {
		display: block;
		width: 100%;
		aspect-ratio: 16 / 9;
		background-color: var(--color-black, #000);
	}

	/* (unused) video.fill-container {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		aspect-ratio: unset;
	}*/

	.camera-tile-widget.svelte-lqwj0u {
		position: relative;
		width: 100%;
		aspect-ratio: 16 / 9;
		height: 100%;
		border-radius: var(--radius-extra-big);
		overflow: hidden;
		background-color: var(--color-1);
		--camera-overlay-inset: var(--spacing-s);
		/* Same title inset the device widget cards use, at every tile size. */
		--camera-name-inset: var(--spacing-s-plus);
	}

	.camera-tile-widget.size-s.svelte-lqwj0u {
		--camera-overlay-inset: var(--spacing-xs);
	}

	.camera-tile-widget.size-m.svelte-lqwj0u {
		--camera-overlay-inset: var(--spacing-s);
	}

	.camera-tile-widget.size-l.svelte-lqwj0u {
		--camera-overlay-inset: var(--spacing-s-plus);
	}

	.camera-tile-widget.dense-overlay.size-s.svelte-lqwj0u {
		--camera-overlay-inset: var(--spacing-xxs);
	}

	.camera-tile-widget.fill-container.svelte-lqwj0u {
		aspect-ratio: unset;
		height: 100%;
		min-height: 0;
	}

	.camera-tile-widget.online.svelte-lqwj0u {
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
	}

	.camera-tile-media.svelte-lqwj0u {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
	}

	/* Overlay: consistent padding across all view sizes */
	.camera-tile-overlay.svelte-lqwj0u {
		position: absolute;
		inset: 0;
		z-index: 2;
		padding: var(--spacing-s);
		pointer-events: none;
	}

	.camera-tile-overlay.large-view.svelte-lqwj0u {
		padding: var(--spacing-m);
	}

	.camera-tile-overlay.has-dashboard-header.svelte-lqwj0u {
		padding: 0;
	}

	.camera-tile-dashboard-header.svelte-lqwj0u {
		display: flex;
		justify-content: flex-end;
		width: 100%;
		flex-shrink: 0;
		padding: var(--camera-overlay-inset);
		pointer-events: none;
	}

	.camera-tile-corner-actions.svelte-lqwj0u {
		margin-left: auto;
		flex-shrink: 0;
		pointer-events: auto;
	}

	.camera-tile-embed-status.svelte-lqwj0u {
		flex: 1;
		min-width: 0;
		pointer-events: none;
	}

	.camera-tile-overlay-top.svelte-lqwj0u,
	.camera-tile-bottom.svelte-lqwj0u {
		pointer-events: none;
	}

	.camera-tile-title-row.svelte-lqwj0u {
		min-height: 20px;
	}

	.camera-tile-overlay.svelte-lqwj0u::before {
		content: '';
		position: absolute;
		inset: 0;
		background: linear-gradient(
			180deg,
			rgba(0, 0, 0, 0.4) 0%,
			transparent 20%,
			transparent 70%,
			rgba(0, 0, 0, 0.4) 100%
		);
		opacity: 0;
		transition: opacity 0.2s ease;
		z-index: -1;
	}

	.camera-tile-widget.svelte-lqwj0u:hover .camera-tile-overlay:where(.svelte-lqwj0u)::before {
		opacity: 1;
	}

	.camera-tile-widget.offline.svelte-lqwj0u .camera-tile-overlay:where(.svelte-lqwj0u)::before {
		background: linear-gradient(
			180deg,
			rgba(0, 0, 0, 0.2) 0%,
			transparent 20%,
			rgba(0, 0, 0, 0.6) 100%
		);
		opacity: 1;
	}
	.camera-tile-widget.offline.svelte-lqwj0u .camera-tile-overlay:where(.svelte-lqwj0u) {
		z-index: 2;
	}

	/* Open device button - hidden by default, shown on hover */
	.camera-tile-widget.svelte-lqwj0u .camera-tile-open-device-button {
		opacity: 0;
		transition: opacity 0.2s ease-in-out;
		position: relative;
		z-index: 11;
		pointer-events: auto;
	}

	.camera-tile-widget.svelte-lqwj0u:hover .camera-tile-open-device-button {
		opacity: 1;
	}

	.camera-tile-widget.svelte-lqwj0u .camera-tile-embed-menu-button {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0;
		padding: 6px 8px;
		border: none;
		background: none;
		cursor: pointer;
		flex-shrink: 0;
		pointer-events: auto;
		z-index: 11;
	}

	.camera-tile-widget.size-s.svelte-lqwj0u .camera-tile-embed-menu-button {
		padding: 2px;
	}

	.camera-tile-widget.svelte-lqwj0u .camera-tile-embed-menu-button:focus-visible .icon-grid {
		outline: 1px solid var(--color-primary);
		outline-offset: 4px;
		border-radius: 4px;
	}

	.camera-tile-overlay.has-dashboard-header.svelte-lqwj0u .camera-tile-open-device-button {
		opacity: 1;
	}

	.camera-tile-bottom.svelte-lqwj0u {
		z-index: 3;
		pointer-events: auto;
		margin-left: auto;
	}

	.camera-tile-bottom.svelte-lqwj0u * {
		pointer-events: auto;
	}

	/* Centered so the title sits on the same line as the corner actions, which
	   are taller than it. */
	.camera-tile-overlay-bottom.svelte-lqwj0u {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--spacing-xs);
		width: 100%;
		padding: 0 var(--camera-overlay-inset) var(--camera-overlay-inset);
		box-sizing: border-box;
	}

	/* The row's own padding keeps the corner actions level with the header chips
	   on the size-dependent inset; the title tops the left up to the device
	   card's inset. */
	.camera-tile-hover-name.svelte-lqwj0u {
		flex: 1;
		min-width: 0;
		padding-left: calc(var(--camera-name-inset) - var(--camera-overlay-inset));
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.2s ease;
	}

	/* Clickable only once revealed, so a transparent title cannot swallow a tap
	   meant for the tile. Keyboard focus is unaffected and reveals it. */
	.camera-tile-widget.show-name-on-hover.svelte-lqwj0u:hover .camera-tile-hover-name:where(.svelte-lqwj0u),
	.camera-tile-widget.show-name-on-hover.svelte-lqwj0u:focus-within .camera-tile-hover-name:where(.svelte-lqwj0u) {
		opacity: 1;
		pointer-events: auto;
	}

	/* Bounded by the row rather than by its own text, so a long name ellipsizes
	   instead of pushing the corner actions out. */
	.camera-tile-name-button.svelte-lqwj0u {
		display: block;
		width: 100%;
		min-width: 0;
		max-width: 100%;
		overflow: hidden;
		padding: 0;
		border: 0;
		background: none;
		text-align: left;
		cursor: pointer;
	}

	.camera-tile-name-button.svelte-lqwj0u:focus-visible {
		outline: 1px solid var(--color-primary);
		outline-offset: 2px;
	}

	.camera-tile-widget.dense-overlay.svelte-lqwj0u .dense-fullscreen.icon-button-v2,
	.camera-tile-widget.dense-overlay.svelte-lqwj0u button.dense-fullscreen {
		width: 24px;
		height: 24px;
		min-width: 24px;
		min-height: 24px;
	}

	.camera-tile-widget.dense-overlay.svelte-lqwj0u .dense-fullscreen .icon-grid {
		font-size: 12px;
	}

	/* Edit mode: ListMenuCardV2 overrides */
	.camera-tile-edit-card.list-menu-card-v2 {
		min-height: unset !important;
		aspect-ratio: 16 / 9;
		width: 100%;
		height: 100%;
		flex-shrink: 1;
		border-radius: var(--radius-extra-big);
		overflow: hidden;
	}

	.camera-tile-edit-card.list-menu-card-v2.fill-container {
		aspect-ratio: unset;
		min-height: 0 !important;
	}

	.camera-tile-edit-card.is-offline {
		filter: grayscale(100%);
	}

	.camera-tile-edit-card.no-image {
		background-color: var(--color-2);
	}

	.camera-tile-root.svelte-1gvbv34 {
		position: relative;
		width: 100%;
		height: 100%;
		min-width: 0;
		min-height: 0;
	}

	.camera-tile-root.fill-container.svelte-1gvbv34 {
		min-height: 0;
	}

	/* Focus-layout promote button, overlaid on the left edge of small tiles. */
	.camera-focus-btn.svelte-1gvbv34 {
		position: absolute;
		left: var(--spacing-s);
		top: 50%;
		transform: translateY(-50%);
		z-index: 3;
	}

	.camera-tile-snapshot.svelte-1gvbv34 {
		width: 100%;
		aspect-ratio: 16 / 9;
		object-fit: cover;
		object-position: center;
	}

	.camera-placeholder.svelte-gvway9 {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: var(--spacing-xs);
		width: 100%;
		min-width: 0;
		height: 100%;
		aspect-ratio: 16 / 9;
		padding: var(--spacing-s);
		border: 1px dashed var(--color-border);
		border-radius: var(--radius-big);
		background: var(--color-0);
		box-sizing: border-box;
		color: inherit;
		font: inherit;
		cursor: default;
	}

	.camera-placeholder.is-cta.svelte-gvway9 {
		cursor: pointer;
	}

	.camera-placeholder.svelte-gvway9:disabled {
		opacity: 1;
	}

	.camera-single-cell.svelte-h85bqv {
		width: 100%;
		min-width: 0;
		aspect-ratio: 16 / 9;
	}

	.camera-grid-layout.svelte-h85bqv {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--spacing-s);
		width: 100%;
	}

	.camera-grid-layout.single-col.svelte-h85bqv {
		grid-template-columns: 1fr;
	}

	.camera-layout-cell.svelte-h85bqv {
		width: 100%;
		min-width: 0;
		aspect-ratio: 16 / 9;
		padding: 0;
		border: 0;
		border-radius: var(--radius-big);
		background: transparent;
		overflow: hidden;
		cursor: pointer;
	}

	.camera-trio-widget.triple-focus.svelte-h85bqv {
		display: grid;
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
		gap: var(--spacing-s);
		width: 100%;
		align-items: start;
	}

	.camera-trio-widget.triple-focus.svelte-h85bqv .triple-side:where(.svelte-h85bqv) {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
	}

	.triple-main.svelte-h85bqv,
	.triple-preview.svelte-h85bqv {
		display: block;
		width: 100%;
		min-width: 0;
		aspect-ratio: 16 / 9;
		padding: 0;
		border: 0;
		border-radius: var(--radius-big);
		background: transparent;
		overflow: hidden;
		cursor: pointer;
		text-align: left;
	}

	.triple-side.svelte-h85bqv {
		display: grid;
		grid-template-rows: auto auto;
		gap: var(--spacing-s);
		align-content: start;
		min-width: 0;
	}

	.triple-main.edit-static.svelte-h85bqv,
	.triple-preview.edit-static.svelte-h85bqv,
	.camera-layout-cell.edit-static.svelte-h85bqv {
		pointer-events: none;
		cursor: default;
	}

	@media (max-width: 1125px) {
		.camera-trio-widget.triple-focus.svelte-h85bqv {
			grid-template-columns: 1fr;
		}

		.camera-trio-widget.triple-focus.svelte-h85bqv .triple-side:where(.svelte-h85bqv) {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			grid-template-rows: auto;
		}
	}

	.widget-type-debug.svelte-4ki0oh:not(.is-on) {
		display: contents;
	}

	.widget-type-debug.is-on.svelte-4ki0oh {
		position: relative;
		min-width: 0;
		outline: 2px dashed var(--widget-type-outline);
		outline-offset: 2px;
		border-radius: 12px;
	}

	.widget-type-debug-tag.svelte-4ki0oh {
		position: absolute;
		top: 6px;
		left: 6px;
		z-index: 6;
		padding: 1px 6px;
		border-radius: 999px;
		background: var(--widget-type-outline);
		color: #111;
		font-size: 10px;
		font-weight: 700;
		letter-spacing: 0.04em;
		line-height: 1.4;
		text-transform: uppercase;
		pointer-events: none;
		white-space: nowrap;
	}
.energy-kpi-card-surface.container {
  position: relative;
  min-width: 0;
  border-radius: 16px;
  overflow: hidden;
}

.energy-kpi-card.svelte-1wldkhm {
  position: relative;
  container-type: inline-size;
  display: grid;
  gap: var(--spacing-s);
  min-width: 0;
  height: 100%;
  padding: var(--spacing-s) var(--spacing-m);
  overflow: hidden;
}

.energy-kpi-card.svelte-1wldkhm::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, color-mix(in srgb, var(--kpi-color) 16%, transparent), transparent 70%);
  pointer-events: none;
}

.energy-kpi-card.svelte-1wldkhm > :where(.svelte-1wldkhm) {
  position: relative;
}

.energy-kpi-main.svelte-1wldkhm {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-s);
  min-width: 0;
}

.energy-kpi-copy.svelte-1wldkhm,
.energy-kpi-detail.svelte-1wldkhm,
.energy-kpi-footer.svelte-1wldkhm > div:where(.svelte-1wldkhm) {
  min-width: 0;
}

.energy-kpi-label-row.svelte-1wldkhm {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
}

.energy-kpi-icon.svelte-1wldkhm {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 50%;
  color: var(--kpi-color);
  background: color-mix(in srgb, var(--kpi-color) 14%, transparent);
}

.energy-kpi-actions.svelte-1wldkhm {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  flex: 0 0 auto;
}

.energy-kpi-detail.svelte-1wldkhm,
.energy-kpi-footer.svelte-1wldkhm {
  display: none;
}

.energy-kpi-footer.svelte-1wldkhm {
  align-items: end;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--spacing-xs);
  padding-top: var(--spacing-xs);
  border-top: 1px solid var(--em-border-soft);
}

@container (min-width: 190px) {
  .energy-kpi-detail.svelte-1wldkhm {
    display: grid;
    gap: 2px;
  }
}
@container (min-width: 250px) {
  .energy-kpi-footer.svelte-1wldkhm {
    display: grid;
  }
}
	.em-widget-state.svelte-1gmytnu {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: var(--spacing-s);
		flex: 1;
		min-height: var(--em-widget-state-min-height);
		padding: var(--spacing-m);
		border-radius: var(--border-radius-m, 8px);
	}

	.em-widget-state-copy.svelte-1gmytnu {
		display: grid;
		gap: var(--spacing-xxs);
	}

	.em-widget-state-icon.svelte-1gmytnu {
		display: grid;
		place-items: center;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		color: var(--color-muted);
		background: var(--color-2);
	}

	.em-widget-state-setup.svelte-1gmytnu {
		background: color-mix(in srgb, var(--color-warning) 8%, transparent);
	}

	.em-widget-state-setup.svelte-1gmytnu .em-widget-state-icon:where(.svelte-1gmytnu) {
		color: var(--color-warning);
		background: color-mix(in srgb, var(--color-warning) 14%, transparent);
	}

	.em-widget-state-error.svelte-1gmytnu {
		background: color-mix(in srgb, var(--color-danger) 8%, transparent);
	}

	.em-widget-state-error.svelte-1gmytnu .em-widget-state-icon:where(.svelte-1gmytnu) {
		color: var(--color-danger);
		background: color-mix(in srgb, var(--color-danger) 14%, transparent);
	}

	.em-widget-state-compact.svelte-1gmytnu {
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		padding: var(--spacing-s);
	}

	.em-widget-state-compact.svelte-1gmytnu .em-widget-state-copy:where(.svelte-1gmytnu) {
		flex: 1;
	}

	.em-widget-state-compact.svelte-1gmytnu .text-center {
		text-align: left !important;
	}

	.em-widget-state-actions.svelte-1gmytnu {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: var(--spacing-s);
	}
.dash-energy-info-container.svelte-fknxj7 {
  container-type: inline-size;
  container-name: energy-info;
  width: 100%;
  min-width: 0;
}

.dash-energy-info-widget.svelte-fknxj7 {
  display: grid;
  grid-template-columns: repeat(var(--info-count, 1), minmax(0, 1fr));
  grid-auto-rows: auto;
  align-items: stretch;
  gap: var(--spacing-s);
  min-width: 0;
  width: 100%;
}

@container energy-info (max-width: 640px) {
  .dash-energy-info-widget.svelte-fknxj7:not(.fixed-columns) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container energy-info (max-width: 280px) {
  .dash-energy-info-widget.svelte-fknxj7:not(.fixed-columns) {
    grid-template-columns: minmax(0, 1fr);
  }
}.dash-energy-kpi-live.svelte-hgosn9 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m);
  min-width: 0;
  padding: var(--spacing-s);
}

.dash-energy-kpi-values.svelte-hgosn9 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-m);
}

.dash-energy-kpi-value-block.svelte-hgosn9 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  min-width: 0;
}

.dash-energy-kpi-value-right.svelte-hgosn9 {
  align-items: flex-end;
  text-align: right;
}

.dash-energy-kpi-value-heading.svelte-hgosn9 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
}

.dash-energy-kpi-bar.svelte-hgosn9 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
	.em-widget-skeleton.svelte-bpsjeu {
		--dash-chart-widget-height: 100%;
		display: flex;
		flex-direction: column;
		height: 100%;
		min-width: 0;
	}
.dash-energy-kpi-period.svelte-sraa3t,
.dash-energy-kpi-period-loading.svelte-sraa3t {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m);
  min-width: 0;
  padding: var(--spacing-s);
}

.dash-energy-kpi-period-loading.svelte-sraa3t {
  align-items: center;
  justify-content: center;
  min-height: 120px;
}

.dash-energy-kpi-values.svelte-sraa3t {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-m);
}

.dash-energy-kpi-value-block.svelte-sraa3t {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  min-width: 0;
}

.dash-energy-kpi-value-right.svelte-sraa3t {
  align-items: flex-end;
  text-align: right;
}

.dash-energy-kpi-value-heading.svelte-sraa3t {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
}

.dash-energy-kpi-bar.svelte-sraa3t {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
	/*
	 * Shared energy chrome tokens for internal dividers/borders.
	 * Used by Em* sections instead of hardcoded rgba(255,255,255,0.12).
	 * Maps to --color-theme-border-02 (on glass/card surfaces).
	 */
	.energy-widget {
		--em-border-soft: var(--color-theme-border-02);
	}

	.energy-widget-heading.svelte-1x3s1if {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: var(--spacing-s);
		margin-bottom: var(--spacing-m);
		min-width: 0;
		height: auto;
		flex: 0 0 auto;
	}

	.energy-widget-heading-text.svelte-1x3s1if {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xxs);
		min-width: 0;
	}

	.energy-widget-heading-actions.svelte-1x3s1if {
		display: inline-flex;
		align-items: center;
		gap: var(--spacing-xs);
		flex: 0 0 auto;
	}

	.energy-widget-title-row.svelte-1x3s1if {
		display: inline-flex;
		align-items: center;
		gap: var(--spacing-xs);
		min-width: 0;
	}

	.energy-widget-title-icon.svelte-1x3s1if {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: var(--spacing-xl);
		height: var(--spacing-xl);
		flex: 0 0 auto;
		border-radius: var(--radius-pill);
		color: var(--color-white);
		background: var(--color-primary);
	}

	.energy-widget-title-icon-secondary.svelte-1x3s1if {
		position: absolute;
		right: calc(var(--spacing-xxs) * -1);
		bottom: calc(var(--spacing-xxs) * -1);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: var(--spacing-m);
		height: var(--spacing-m);
		border-radius: var(--radius-pill);
		color: var(--color-white);
		background: var(--color-primary);
		box-shadow: 0 0 0 var(--spacing-xxs) var(--surface-glass-fallback-bg);
	}

	.energy-widget-body.svelte-1x3s1if {
		display: flex;
		flex-direction: column;
		flex: 1;
		justify-content: flex-start;
		align-items: stretch;
		min-width: 0;
		min-height: 0;
	}
.em-consumers-content.svelte-k8p2o6 {
  display: flex;
  flex: 1;
  align-self: stretch;
  width: 100%;
  min-width: 0;
  min-height: calc(10rem + var(--spacing-s) + var(--spacing-s) + var(--spacing-s) + var(--spacing-s));
}

.em-consumers-list.svelte-k8p2o6 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  width: 100%;
  min-width: 0;
  min-height: 100%;
  overflow-y: auto;
}

.em-consumers-list > * {
  min-height: 2rem;
}.em-chart-frame.svelte-14yw9dx {
  position: relative;
  width: 100%;
  min-width: 0;
  height: var(--em-chart-height);
  box-sizing: border-box;
}

.em-chart-frame-pie.svelte-14yw9dx {
  height: auto;
  min-height: var(--em-chart-height);
}

.em-chart-frame.svelte-14yw9dx:not(.em-chart-frame-pie) .layer-chart-theme {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.em-chart-frame.svelte-14yw9dx:not(.em-chart-frame-pie) .layer-chart-spacing {
  height: 100%;
  min-height: 0;
}

.em-chart-frame.svelte-14yw9dx:not(.em-chart-frame-pie) .layer-chart-theme .lc-area-chart {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding: 0;
  box-sizing: border-box;
}

.em-chart-frame.svelte-14yw9dx:not(.em-chart-frame-pie) .layer-chart-theme .lc-area-chart .h-full,
.em-chart-frame.svelte-14yw9dx:not(.em-chart-frame-pie) .layer-chart-theme .lc-area-chart .layercake-container,
.em-chart-frame.svelte-14yw9dx:not(.em-chart-frame-pie) .layer-chart-theme .lc-area-chart .TooltipContext {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  width: 100%;
}

.em-chart-frame.svelte-14yw9dx:not(.em-chart-frame-pie) .layer-chart-theme .lc-legend {
  flex: 0 0 auto;
  margin: 8px 12px 0;
  padding: 0 8px 4px;
  gap: 14px;
  justify-content: center;
}

.em-chart-frame.svelte-14yw9dx:not(.em-chart-frame-pie) .layer-chart-theme .lc-legend .lc-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.em-chart-frame-pie.svelte-14yw9dx .layer-chart-theme.lc-pie-chart {
  display: flex;
  flex-direction: column;
  min-height: var(--em-chart-height);
  padding: 0;
  overflow: visible;
}

.em-chart-frame-pie.svelte-14yw9dx .layer-chart-theme.lc-pie-chart .layercake-container {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}

.em-chart-frame-pie.svelte-14yw9dx .layer-chart-theme .lc-pie-slice-label {
  display: none !important;
}

.em-chart-frame-no-legend.svelte-14yw9dx .layer-chart-theme .lc-legend {
  display: none !important;
}

.em-chart-frame-no-legend.svelte-14yw9dx:not(.em-chart-frame-pie) .layer-chart-theme .lc-area-chart {
  padding-bottom: 0;
}

.em-chart-frame.svelte-14yw9dx .layer-chart-theme.lc-dual-axis {
  width: 100%;
}

.em-chart-frame.svelte-14yw9dx .lc-axis-left-tick-label,
.em-chart-frame.svelte-14yw9dx .lc-axis-bottom-tick-label,
.em-chart-frame.svelte-14yw9dx .lc-axis-right-tick-label {
  font-size: 10px;
  fill: var(--color-muted);
}
	.energy-donut-wrap.svelte-b3o3hk {
		display: flex;
		flex-direction: column;
		flex: 1;
		width: 100%;
		min-width: 0;
		min-height: 0;
		container-type: inline-size;
		container-name: consumer-mix;
	}

	.energy-chart-block.svelte-b3o3hk {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--spacing-s);
		flex: 1;
		min-width: 0;
		min-height: 0;
	}

	.energy-donut-chart.svelte-b3o3hk {
		flex: 1;
		width: 100%;
		min-width: 0;
		min-height: 280px;
		overflow: visible;
	}

	.energy-donut-chart.svelte-b3o3hk .lc-pie-visual {
		max-width: min(100%, 220px);
	}

	.consumer-mix-classification.svelte-b3o3hk {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--spacing-m);
		padding: var(--spacing-s) var(--spacing-m) var(--spacing-m);
	}

	.consumer-mix-classification.svelte-b3o3hk .text {
		min-width: 0;
	}

	@container consumer-mix (max-width: 420px) {
		.consumer-mix-classification.svelte-b3o3hk {
			align-items: stretch;
			flex-direction: column;
		}
	}

	@container consumer-mix (max-width: 520px) {
		.energy-donut-chart.svelte-b3o3hk {
			width: 100%;
			margin: 0 auto;
		}
	}

	.chart-token-list.svelte-94hyls {
		display: flex;
		align-items: center;
		gap: var(--spacing-xs);
		width: 100%;
		min-width: 0;
		overflow-x: auto;
		overflow-y: hidden;
		padding: var(--spacing-xxs) 0;
		overscroll-behavior-inline: contain;
		scrollbar-width: none;
	}

	.chart-token-list.svelte-94hyls::-webkit-scrollbar {
		display: none;
	}

	.chart-token-list-wrap.svelte-94hyls {
		flex-wrap: wrap;
		overflow: visible;
	}

	.chart-token.svelte-94hyls {
		display: inline-flex;
		align-items: center;
		gap: var(--spacing-xs);
		flex: 0 0 auto;
		width: auto;
		max-width: 140px;
		min-width: 0;
		min-height: 28px;
		padding: var(--spacing-xs) var(--spacing-s);
		border: 1px solid var(--color-theme-border-03);
		border-radius: var(--radius-pill);
		color: var(--color-theme-text);
		background: var(--color-theme-card-02);
		font: inherit;
		font-size: 0.75rem;
		line-height: 1.2;
		text-align: left;
		white-space: nowrap;
	}

	button.chart-token.svelte-94hyls {
		cursor: pointer;
	}

	.chart-token-selected.svelte-94hyls {
		border-color: var(--color-theme-accent);
		background: color-mix(in srgb, var(--color-theme-accent) 14%, var(--color-theme-card-02));
	}

	.chart-token-dot.svelte-94hyls {
		width: 10px;
		height: 10px;
		border-radius: 3px;
		flex: 0 0 auto;
	}

	.chart-token-list-large.svelte-94hyls .chart-token:where(.svelte-94hyls) {
		max-width: 180px;
		min-height: 32px;
		padding: var(--spacing-xs) var(--spacing-m);
		font-size: 0.875rem;
	}

	.chart-token-list-large.svelte-94hyls .chart-token-dot:where(.svelte-94hyls) {
		width: 12px;
		height: 12px;
	}

	.chart-token-label.svelte-94hyls {
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.chart-token-value.svelte-94hyls {
		flex: 0 0 auto;
		color: var(--color-theme-text-sec);
		font-weight: 600;
	}

	.chart-token-list-pin-first.svelte-94hyls > :where(.svelte-94hyls):first-child {
		position: sticky;
		left: 0;
		z-index: 1;
	}

	.em-chart-legend-row.svelte-1lhrpq6 {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: var(--spacing-xs) var(--spacing-m);
		margin-top: var(--spacing-s);
		padding: 0 var(--spacing-xs) var(--spacing-s);
	}

	.em-chart-legend-item.svelte-1lhrpq6 {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		min-width: 0;
	}

	.em-chart-legend-item--hidden.svelte-1lhrpq6 {
		opacity: 0.45;
	}

	.em-chart-legend-row.svelte-1lhrpq6 .em-chart-legend-button {
		min-width: 0;
	}

	.em-chart-legend-dot.svelte-1lhrpq6 {
		width: 10px;
		height: 10px;
		border-radius: 2px;
		flex: 0 0 auto;
	}

	.em-chart-legend-column.svelte-1lhrpq6 {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: var(--spacing-xs);
	}
.em-room-loading.svelte-19i09an {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
}

.em-room-chart-block.svelte-19i09an {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  width: 100%;
  min-width: 0;
}

.em-room-chart-summary.svelte-19i09an {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
  padding: 0 var(--spacing-xxs);
}

.em-room-chart-total {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xxs);
  margin-top: var(--spacing-xxs);
  color: var(--color-muted);
}

.em-room-chart-total strong {
  color: var(--color-on-surface);
  font-weight: 600;
}

.em-room-chart-interactive.svelte-19i09an {
  position: relative;
  width: 100%;
  min-width: 0;
}

.em-room-chart-tooltip.svelte-19i09an {
  position: absolute;
  left: clamp(72px, var(--em-room-tooltip-x), 100% - 72px);
  top: var(--spacing-xs);
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 144px;
  padding: var(--spacing-xs) var(--spacing-s);
  transform: translateX(-50%);
  border: 1px solid var(--color-4);
  border-radius: var(--radius-medium);
  background: var(--surface-glass-fallback-bg);
  box-shadow: var(--shadow-m);
  pointer-events: none;
}

.em-room-preview-chart.svelte-19i09an {
  display: flex;
  align-items: flex-end;
  gap: var(--spacing-xxs);
  width: 100%;
  height: 100%;
  min-height: 140px;
  padding: var(--spacing-s) var(--spacing-xs) 0;
  border-bottom: 1px solid var(--color-4);
}

.em-room-preview-chart.svelte-19i09an span:where(.svelte-19i09an) {
  flex: 1 1 0;
  height: var(--em-room-preview-height);
  min-width: 2px;
  border-radius: var(--radius-small) var(--radius-small) 0 0;
  background: var(--em-room-preview-color);
  opacity: 0.86;
}

.em-room-chart-block.svelte-19i09an .em-room-chart-legend.chart-token-list {
  justify-content: center;
  margin-top: var(--spacing-m);
  padding: 0 var(--spacing-xxs);
}

.em-room-chart-block.svelte-19i09an .em-room-chart-legend .chart-token {
  max-width: min(100%, 220px);
}.room-distribution-loading.svelte-1b3sem9 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
}

.room-distribution.svelte-1b3sem9 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  min-width: 0;
}

.room-distribution-partial.svelte-1b3sem9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-s);
  padding: var(--spacing-xs) var(--spacing-s);
  border-radius: var(--border-radius-s);
  background: var(--color-warning-weak, rgba(255, 180, 94, 0.14));
}

.room-distribution-scroll.svelte-1b3sem9 {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 360px;
  padding: var(--spacing-xs) var(--spacing-xs) var(--spacing-s) 0;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}

.room-distribution-scroll.svelte-1b3sem9::-webkit-scrollbar {
  display: none;
}

.room-distribution-rows.svelte-1b3sem9 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
}

.room-distribution-row.svelte-1b3sem9,
.room-distribution-axis.svelte-1b3sem9 {
  display: grid;
  grid-template-columns: minmax(76px, 112px) minmax(180px, 1fr);
  align-items: center;
  gap: var(--spacing-xs);
  min-width: 0;
}

.room-distribution-name.svelte-1b3sem9 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}

.room-distribution-track.svelte-1b3sem9 {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 30px;
  padding-right: 76px;
  border-left: 1px solid var(--color-4);
  background-image: linear-gradient(to right, var(--color-4) 1px, transparent 1px);
  background-size: 25% 100%;
}

.room-distribution-bar.svelte-1b3sem9 {
  display: block;
  width: var(--room-distribution-width);
  height: 18px;
  min-width: 0;
  border-radius: 0 var(--border-radius-xs) var(--border-radius-xs) 0;
  background: linear-gradient(90deg, var(--color-primary), var(--color-lightblue));
  transition: width 180ms ease;
}

.room-distribution-value.svelte-1b3sem9 {
  position: absolute;
  right: 0;
  min-width: 68px;
  text-align: right;
  white-space: nowrap;
}

.room-distribution-value-text.svelte-1b3sem9 {
  font-size: 11px;
  font-weight: 600;
}

.room-distribution-axis.svelte-1b3sem9 {
  margin-top: var(--spacing-xs);
}

.room-distribution-axis-values.svelte-1b3sem9 {
  position: relative;
  height: 20px;
  margin-right: 76px;
  border-top: 1px solid var(--color-4);
}

.room-distribution-axis-values.svelte-1b3sem9 span:where(.svelte-1b3sem9) {
  position: absolute;
  top: var(--spacing-xxs);
  color: var(--color-text-secondary);
  font-size: 10px;
  transform: translateX(-50%);
  white-space: nowrap;
}

.room-distribution-axis-values.svelte-1b3sem9 span:where(.svelte-1b3sem9):first-child {
  transform: none;
}

.room-distribution-axis-values.svelte-1b3sem9 span:where(.svelte-1b3sem9):last-child {
  transform: translateX(-100%);
}

@media (max-width: 520px) {
  .room-distribution-row.svelte-1b3sem9,
  .room-distribution-axis.svelte-1b3sem9 {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: var(--spacing-xs);
  }
  .room-distribution-track.svelte-1b3sem9 {
    padding-right: 52px;
  }
  .room-distribution-value.svelte-1b3sem9 {
    min-width: 48px;
  }
  .room-distribution-axis-values.svelte-1b3sem9 {
    margin-right: 52px;
  }
  .room-distribution-axis-values.svelte-1b3sem9 span:where(.svelte-1b3sem9):nth-child(even) {
    display: none;
  }
}
	.dash-energy-explore-content.svelte-rqjrxd {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: var(--spacing-s);
		min-height: 190px;
		padding: var(--spacing-l);
	}

	.dash-energy-explore-icon.svelte-rqjrxd {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 52px;
		height: 52px;
		border-radius: var(--radius-pill);
		background: var(--color-primary-10);
		color: var(--color-primary);
	}

	.em-flow-widget.svelte-v9xxpa {
		display: flex;
		flex-direction: column;
		flex: 1;
		min-height: 0;
		min-width: 0;
	}

	.em-flow-widget-shell.svelte-v9xxpa {
		display: contents;
	}

	.em-flow-widget-shell.svelte-v9xxpa .energy-widget-flow {
		display: flex;
		flex-direction: column;
		flex: 1;
		min-height: 0;
		min-width: 0;
	}

	.em-flow-widget-shell.svelte-v9xxpa .energy-widget-flow .energy-widget-heading {
		align-items: center;
		margin-bottom: var(--spacing-s);
	}

	.em-flow-body.svelte-v9xxpa {
		display: flex;
		flex-direction: column;
		flex: 1;
		min-height: 0;
		min-width: 0;
	}

	.em-flow-shell.svelte-v9xxpa {
		display: flex;
		flex-direction: column;
		flex: 1;
		min-width: 0;
		gap: var(--spacing-s);
	}

	.em-sankey-shell.svelte-v9xxpa {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 1;
		min-height: 220px;
		min-width: 0;
		width: 100%;
		overflow: visible;
		padding: 0 var(--spacing-xs);
	}

	.em-flow-source-note.svelte-v9xxpa {
		display: flex;
		align-items: center;
		align-self: center;
		gap: var(--spacing-xs);
		padding: var(--spacing-xs) var(--spacing-s);
		border-radius: var(--radius-pill);
		color: var(--color-muted);
		background: color-mix(in srgb, var(--color-2) 72%, transparent);
	}

	.em-flow-source-note-calculated.svelte-v9xxpa {
		color: var(--color-warning);
	}

	.em-flow-shell.svelte-v9xxpa .lc-sankey,
	.em-flow-shell.svelte-v9xxpa .lc-sankey svg,
	.em-flow-shell.svelte-v9xxpa .layer-chart-theme {
		overflow: visible;
	}

	.em-sankey-shell.svelte-v9xxpa .lc-sankey,
	.em-sankey-shell.svelte-v9xxpa .layer-chart-theme {
		width: 100%;
	}

	.em-flow-shell.svelte-v9xxpa .em-flow-node-legend-compact {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(128px, max-content));
		justify-content: center;
		align-items: center;
		gap: var(--spacing-xs) var(--spacing-s);
		width: 100%;
		overflow: visible;
		padding-inline: var(--spacing-xs);
	}

	.em-flow-shell.svelte-v9xxpa .em-flow-node-legend-compact .em-chart-legend-item {
		max-width: 160px;
	}

	.em-flow-shell.svelte-v9xxpa .em-flow-node-legend-compact .text-600 {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.em-heatmap-hover-surface.svelte-b0ofwq {
		position: relative;
		width: 100%;
		min-width: 0;
	}

	.em-heatmap-hover-popup.svelte-b0ofwq {
		position: absolute;
		left: var(--em-heatmap-tooltip-x);
		top: var(--em-heatmap-tooltip-y);
		z-index: 20;
		max-width: 220px;
		padding: var(--spacing-xs) var(--spacing-s);
		transform: translateX(-50%);
		border: 1px solid var(--color-4);
		border-radius: var(--radius-medium);
		background: var(--surface-glass-fallback-bg);
		box-shadow: var(--shadow-m);
		color: var(--color-on-surface);
		white-space: nowrap;
		pointer-events: none;
	}
.em-heatmap-card.svelte-znopub,
.em-heatmap-widget-shell.svelte-znopub .energy-widget-heatmap.container {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  container-type: inline-size;
  container-name: energy-heatmap;
}

.em-heatmap-widget-shell.svelte-znopub {
  display: contents;
}

.em-heatmap-card.svelte-znopub [data-heatmap-interactive] {
  cursor: auto;
}

.em-heatmap-card.svelte-znopub .calendar-heatmap-year-grid .calendar-heatmap-cell::after,
.em-heatmap-widget-shell.svelte-znopub .calendar-heatmap-year-grid .calendar-heatmap-cell::after {
  border-width: 0 !important;
}

.em-heatmap-heading.svelte-znopub {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-s);
  margin-bottom: var(--spacing-m);
  min-width: 0;
}

.em-heatmap-heading-text.svelte-znopub {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  min-width: 0;
}

.em-heatmap-heading-actions.svelte-znopub {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--spacing-xs);
  margin-left: auto;
}

.em-heatmap-modal-content.svelte-znopub {
  min-width: 0;
}

@container energy-heatmap (max-width: 760px) {
  .em-heatmap-heading.svelte-znopub,
  .em-heatmap-widget-shell.svelte-znopub .energy-widget-heatmap .energy-widget-heading {
    flex-wrap: wrap;
  }
}.em-heatmap-content.svelte-14y7ta6 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  min-width: 0;
}

.em-heatmap-content-fluid.svelte-14y7ta6 {
  width: 100%;
}

.em-heatmap-calendar-scroll.svelte-14y7ta6 {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: var(--spacing-xxs);
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--color-4) transparent;
}

.em-heatmap-calendar-canvas.svelte-14y7ta6 {
  width: max(100%, 560px);
  min-width: 560px;
}

.em-heatmap-loading.svelte-14y7ta6 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  flex: 1;
  gap: var(--spacing-xs);
}

.em-heatmap-loading.svelte-14y7ta6 {
  align-items: center;
  justify-content: center;
  min-height: 120px;
}

.em-heatmap-metric-select.svelte-14y7ta6 {
  min-width: 148px;
  align-self: flex-end;
}

.em-heatmap-meta.svelte-14y7ta6 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-s) var(--spacing-l);
  min-width: 0;
}

.em-heatmap-meta.svelte-14y7ta6 .em-heatmap-legend-item.stack {
  align-items: center;
  min-width: 0;
}

.em-heatmap-legend-swatches.svelte-14y7ta6 {
  display: inline-flex;
  gap: var(--spacing-xxs);
}

.em-heatmap-legend-swatch.svelte-14y7ta6 {
  width: 12px;
  height: 12px;
  border-radius: var(--radius-small);
}

.em-heatmap-meta.svelte-14y7ta6 .em-heatmap-legend-hint {
  margin-left: auto;
}

.em-heatmap-summary.svelte-14y7ta6 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  min-width: 0;
  border-top: 1px solid var(--em-border-soft);
  border-bottom: 1px solid var(--em-border-soft);
}

.em-heatmap-summary-with-total.svelte-14y7ta6 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-areas: "low total average" "peak total days";
}

.em-heatmap-summary-with-total.svelte-14y7ta6 .em-heatmap-summary-item-low:where(.svelte-14y7ta6) {
  grid-area: low;
}

.em-heatmap-summary-with-total.svelte-14y7ta6 .em-heatmap-summary-item-average:where(.svelte-14y7ta6) {
  grid-area: average;
}

.em-heatmap-summary-with-total.svelte-14y7ta6 .em-heatmap-summary-item-peak:where(.svelte-14y7ta6) {
  grid-area: peak;
}

.em-heatmap-summary-with-total.svelte-14y7ta6 .em-heatmap-summary-item-days:where(.svelte-14y7ta6) {
  grid-area: days;
}

.em-heatmap-summary-with-total.svelte-14y7ta6 .em-heatmap-summary-item-total:where(.svelte-14y7ta6) {
  grid-area: total;
}

.em-heatmap-summary-item.svelte-14y7ta6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  min-height: calc(var(--spacing-xl) + var(--spacing-m));
  padding: var(--spacing-xs);
  min-width: 0;
  text-align: center;
}

.em-heatmap-summary.svelte-14y7ta6:not(.em-heatmap-summary-with-total) .em-heatmap-summary-item:where(.svelte-14y7ta6):nth-child(even) {
  border-left: 1px solid var(--em-border-soft);
}

.em-heatmap-summary.svelte-14y7ta6:not(.em-heatmap-summary-with-total) .em-heatmap-summary-item:where(.svelte-14y7ta6):nth-child(n+3),
.em-heatmap-summary-with-total.svelte-14y7ta6:not(.em-heatmap-summary-expanded) .em-heatmap-summary-item-peak:where(.svelte-14y7ta6),
.em-heatmap-summary-with-total.svelte-14y7ta6:not(.em-heatmap-summary-expanded) .em-heatmap-summary-item-days:where(.svelte-14y7ta6) {
  border-top: 1px solid var(--em-border-soft);
}

.em-heatmap-summary-with-total.svelte-14y7ta6:not(.em-heatmap-summary-expanded) .em-heatmap-summary-item-total:where(.svelte-14y7ta6) {
  border-right: 1px solid var(--em-border-soft);
  border-left: 1px solid var(--em-border-soft);
}

.em-heatmap-summary-expanded.svelte-14y7ta6 {
  gap: var(--spacing-s-plus);
  border: 0;
}

.em-heatmap-summary-expanded.svelte-14y7ta6:not(.em-heatmap-summary-with-total) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-areas: "low average" "peak days";
}

.em-heatmap-summary-expanded.svelte-14y7ta6 .em-heatmap-summary-item:where(.svelte-14y7ta6) {
  align-items: stretch;
  justify-content: space-between;
  gap: var(--spacing-m);
  min-height: 96px;
  padding: var(--spacing-m);
  text-align: left;
}

.em-heatmap-summary-expanded.svelte-14y7ta6 .em-heatmap-summary-item:where(.svelte-14y7ta6) {
  border-top: 0;
  border-left: 0;
}

.em-heatmap-summary-expanded.svelte-14y7ta6 .em-heatmap-summary-item-expanded:where(.svelte-14y7ta6),
.em-heatmap-monthly.svelte-14y7ta6 {
  border: 1px solid var(--em-border-soft);
  border-radius: 16px;
  background: color-mix(in srgb, var(--color-1) 38%, transparent);
}

.em-heatmap-summary-expanded.svelte-14y7ta6 .em-heatmap-summary-item:where(.svelte-14y7ta6) + .em-heatmap-summary-item:where(.svelte-14y7ta6) {
  border-left: 0;
}

.em-heatmap-summary-heading.svelte-14y7ta6,
.em-heatmap-summary-label.svelte-14y7ta6,
.em-heatmap-summary-value.svelte-14y7ta6 {
  display: flex;
  align-items: center;
  min-width: 0;
}

.em-heatmap-summary-heading.svelte-14y7ta6 {
  justify-content: center;
  gap: var(--spacing-s);
}

.em-heatmap-summary-label.svelte-14y7ta6,
.em-heatmap-summary-value.svelte-14y7ta6 {
  justify-content: center;
  gap: var(--spacing-xs);
}

.em-heatmap-summary-expanded.svelte-14y7ta6 .em-heatmap-summary-heading:where(.svelte-14y7ta6) {
  justify-content: space-between;
}

.em-heatmap-summary-expanded.svelte-14y7ta6 .em-heatmap-summary-label:where(.svelte-14y7ta6),
.em-heatmap-summary-expanded.svelte-14y7ta6 .em-heatmap-summary-value:where(.svelte-14y7ta6) {
  justify-content: flex-start;
}

.em-heatmap-summary.svelte-14y7ta6 .em-heatmap-stat-icon-primary {
  color: var(--color-primary);
}

.em-heatmap-summary.svelte-14y7ta6 .em-heatmap-stat-icon-danger {
  color: var(--color-danger);
}

.em-heatmap-monthly.svelte-14y7ta6 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  min-width: 0;
  padding: var(--spacing-s);
}

.em-heatmap-month-table-desktop.svelte-14y7ta6 {
  min-width: 0;
}

.em-heatmap-month-table-desktop.svelte-14y7ta6 .em-heatmap-month-table {
  width: 100%;
  min-width: 0;
}

.em-heatmap-month-table-desktop.svelte-14y7ta6 .em-heatmap-month-table thead {
  background: color-mix(in srgb, var(--color-muted) 18%, transparent);
}

.em-heatmap-month-summary-mobile.svelte-14y7ta6 {
  display: none;
  margin: 0;
}

.em-heatmap-month-summary-mobile.svelte-14y7ta6 div:where(.svelte-14y7ta6) {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-m);
  padding: var(--spacing-s) 0;
  border-bottom: 1px solid var(--em-border-soft);
}

.em-heatmap-month-summary-mobile.svelte-14y7ta6 div:where(.svelte-14y7ta6):last-child {
  border-bottom: 0;
}

.em-heatmap-month-summary-mobile.svelte-14y7ta6 dt:where(.svelte-14y7ta6),
.em-heatmap-month-summary-mobile.svelte-14y7ta6 dd:where(.svelte-14y7ta6) {
  margin: 0;
}

.em-heatmap-month-summary-mobile.svelte-14y7ta6 dt:where(.svelte-14y7ta6) {
  color: var(--color-muted);
}

.em-heatmap-month-summary-mobile.svelte-14y7ta6 dd:where(.svelte-14y7ta6) {
  font-weight: 600;
  text-align: right;
}

@container energy-heatmap (max-width: 760px) {
  .em-heatmap-meta.svelte-14y7ta6 {
    align-items: flex-start;
  }
  .em-heatmap-meta.svelte-14y7ta6 .em-heatmap-legend-hint {
    width: 100%;
    margin-left: 0;
  }
  .em-heatmap-month-table-desktop.svelte-14y7ta6 {
    display: none;
  }
  .em-heatmap-month-summary-mobile.svelte-14y7ta6 {
    display: block;
  }
  .em-heatmap-summary-with-total.svelte-14y7ta6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: "low average" "total total" "peak days";
  }
  .em-heatmap-summary-with-total.svelte-14y7ta6:not(.em-heatmap-summary-expanded) .em-heatmap-summary-item-total:where(.svelte-14y7ta6) {
    border-top: 1px solid var(--em-border-soft);
    border-bottom: 1px solid var(--em-border-soft);
    border-right: 0;
    border-left: 0;
  }
  .em-heatmap-summary-label.svelte-14y7ta6,
  .em-heatmap-summary-value.svelte-14y7ta6 {
    flex-wrap: wrap;
  }
}.em-minimal-heatmap.svelte-1rdq7j7 {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  overflow: visible;
  container-type: inline-size;
  container-name: minimal-heatmap;
}

.em-minimal-heatmap-heading.svelte-1rdq7j7,
.em-minimal-heatmap-trend.svelte-1rdq7j7 {
  padding: var(--spacing-s);
}

.em-minimal-heatmap-heading.svelte-1rdq7j7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--em-border-soft);
}

.em-minimal-heatmap-heading.svelte-1rdq7j7 > div:where(.svelte-1rdq7j7) {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
}

.em-minimal-heatmap-state.svelte-1rdq7j7 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 240px;
}

.em-minimal-heatmap-main.svelte-1rdq7j7 {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(calc(var(--spacing-xl) * 4), 2fr);
  flex: 1;
  min-width: 0;
  min-height: 0;
  border-bottom: 1px solid var(--em-border-soft);
}

.em-minimal-heatmap-calendar-panel.svelte-1rdq7j7 {
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-s);
  min-width: 0;
  padding: var(--spacing-s);
}

.em-minimal-heatmap-kpis.svelte-1rdq7j7 {
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  min-width: 0;
  border-left: 1px solid var(--em-border-soft);
}

.em-minimal-heatmap-kpi.svelte-1rdq7j7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  min-width: 0;
  padding: var(--spacing-xs) var(--spacing-s);
  text-align: center;
}

.em-minimal-heatmap-kpi.svelte-1rdq7j7 + .em-minimal-heatmap-kpi:where(.svelte-1rdq7j7) {
  border-top: 1px solid var(--em-border-soft);
}

.em-minimal-heatmap-value.svelte-1rdq7j7 {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: var(--spacing-xs);
  min-width: 0;
}

.em-minimal-peak-value-compact.svelte-1rdq7j7 {
  display: none;
}

.em-minimal-heatmap-calendar.svelte-1rdq7j7 {
  --em-minimal-heatmap-cell-height: clamp(28px, 7cqi, 42px);
  display: grid;
  grid-template-columns: calc(var(--spacing-l) + var(--spacing-xs)) minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: var(--spacing-s);
  row-gap: var(--spacing-xs);
  width: min(100%, 640px);
  margin: 0 auto;
  box-sizing: border-box;
}

.em-minimal-heatmap-weekdays.svelte-1rdq7j7 {
  display: grid;
  grid-column: 2;
  grid-row: 1;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: var(--spacing-xs);
  min-width: 0;
  padding-bottom: var(--spacing-xs);
  text-align: center;
}

.em-minimal-heatmap-week-labels.svelte-1rdq7j7 {
  display: grid;
  grid-column: 1;
  grid-row: 2;
  grid-template-rows: repeat(6, var(--em-minimal-heatmap-cell-height));
  gap: var(--spacing-xs);
  align-items: center;
  padding-right: var(--spacing-xs);
  text-align: right;
}

.em-minimal-heatmap-grid.svelte-1rdq7j7 {
  display: grid;
  grid-column: 2;
  grid-row: 2;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  grid-auto-rows: var(--em-minimal-heatmap-cell-height);
  gap: var(--spacing-xs);
}

.em-minimal-heatmap-cell.svelte-1rdq7j7 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  padding: 2px;
  border-radius: var(--radius-extra-small);
  background: var(--em-minimal-heatmap-cell, var(--color-1));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-base) 8%, transparent);
  box-sizing: border-box;
}

.em-minimal-heatmap-cell-value.svelte-1rdq7j7 {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: white;
  font-size: clamp(0.5rem, 1.75cqi, 0.6875rem);
  font-weight: 600;
  line-height: 1;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);
}

.em-minimal-heatmap-cell-outside.svelte-1rdq7j7 {
  background: color-mix(in srgb, var(--color-1) 45%, transparent);
  opacity: 0.55;
}

.em-minimal-heatmap-legend.svelte-1rdq7j7 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-s);
}

.em-minimal-heatmap-legend-swatches.svelte-1rdq7j7 {
  display: flex;
  gap: var(--spacing-xs);
}

.em-minimal-heatmap-legend-swatches.svelte-1rdq7j7 span:where(.svelte-1rdq7j7) {
  width: var(--spacing-l);
  height: var(--spacing-m);
  border-radius: var(--radius-small);
}

.em-minimal-heatmap-trend.svelte-1rdq7j7 {
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
}

.em-minimal-heatmap-trend.svelte-1rdq7j7 .em-minimal-heatmap-trend-up {
  color: var(--color-primary);
}

.em-minimal-heatmap-trend.svelte-1rdq7j7 .em-minimal-heatmap-trend-down {
  color: var(--color-danger);
}

@container minimal-heatmap (max-width: 420px) {
  .em-minimal-heatmap-calendar.svelte-1rdq7j7 {
    --em-minimal-heatmap-cell-height: clamp(26px, 7cqi, 32px);
    grid-template-columns: calc(var(--spacing-l) + var(--spacing-xxs)) minmax(0, 1fr);
    column-gap: var(--spacing-xs);
  }
  .em-minimal-axis-text {
    font-size: 0.625rem;
  }
  .em-minimal-kpi-value {
    font-size: 1.25rem;
    line-height: 1.2;
  }
  .em-minimal-heatmap-heading.svelte-1rdq7j7,
  .em-minimal-heatmap-calendar-panel.svelte-1rdq7j7,
  .em-minimal-heatmap-trend.svelte-1rdq7j7 {
    padding-right: var(--spacing-s);
    padding-left: var(--spacing-s);
  }
  .em-minimal-heatmap-kpi.svelte-1rdq7j7 {
    padding: 0 var(--spacing-xs);
  }
  .em-minimal-heatmap-weekdays.svelte-1rdq7j7,
  .em-minimal-heatmap-week-labels.svelte-1rdq7j7,
  .em-minimal-heatmap-grid.svelte-1rdq7j7 {
    gap: var(--spacing-xxs);
  }
  .em-minimal-heatmap-weekdays.svelte-1rdq7j7 {
    padding-bottom: var(--spacing-xxs);
  }
  .em-minimal-heatmap-week-labels.svelte-1rdq7j7 {
    padding-right: var(--spacing-xxs);
  }
  .em-minimal-heatmap-legend-swatches.svelte-1rdq7j7 {
    gap: var(--spacing-xxs);
  }
  .em-minimal-heatmap-legend-swatches.svelte-1rdq7j7 span:where(.svelte-1rdq7j7) {
    width: var(--spacing-m);
    height: var(--spacing-s-plus);
  }
}
@container minimal-heatmap (max-width: 560px) {
  .em-minimal-heatmap-main.svelte-1rdq7j7 {
    grid-template-columns: minmax(0, 1fr);
    flex: none;
  }
  .em-minimal-heatmap-calendar-panel.svelte-1rdq7j7 {
    padding-bottom: var(--spacing-m);
  }
  .em-minimal-heatmap-kpis.svelte-1rdq7j7 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: minmax(92px, auto);
    border-top: 1px solid var(--em-border-soft);
    border-left: 0;
  }
  .em-minimal-heatmap-kpi.svelte-1rdq7j7 + .em-minimal-heatmap-kpi:where(.svelte-1rdq7j7) {
    border-top: 0;
    border-left: 1px solid var(--em-border-soft);
  }
  .em-minimal-heatmap-kpi.svelte-1rdq7j7 {
    gap: var(--spacing-xxs);
    padding: var(--spacing-s) var(--spacing-xs);
  }
  .em-minimal-heatmap-value.svelte-1rdq7j7 {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
  .em-minimal-kpi-value {
    font-size: 1rem;
    line-height: 1.15;
  }
  .em-minimal-kpi-label {
    font-size: 0.6875rem;
    line-height: 1.2;
  }
  .em-minimal-peak-value-full.svelte-1rdq7j7 {
    display: none;
  }
  .em-minimal-peak-value-compact.svelte-1rdq7j7 {
    display: inline;
  }
}
	.em-peak-overview.svelte-18xo7zh {
		display: flex;
		flex-direction: column;
		min-width: 0;
		container-type: inline-size;
		container-name: peak-overview;
	}

	.em-peak-overview-source.svelte-18xo7zh,
	.em-peak-overview-gauge.svelte-18xo7zh,
	.em-peak-overview-summary-difference.svelte-18xo7zh > div:where(.svelte-18xo7zh) {
		display: flex;
		align-items: center;
		gap: var(--spacing-s);
		min-width: 0;
	}

	.em-peak-overview-summary.svelte-18xo7zh {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		border-bottom: 1px solid var(--em-border-soft);
	}

	.em-peak-overview-summary-item.svelte-18xo7zh {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: var(--spacing-xs);
		min-width: 0;
		padding: var(--spacing-m);
		text-align: center;
	}

	.em-peak-overview-summary-item.svelte-18xo7zh + .em-peak-overview-summary-item:where(.svelte-18xo7zh) {
		border-left: 1px solid var(--em-border-soft);
	}

	.em-peak-overview-summary-peak.svelte-18xo7zh,
	.em-peak-overview-warning.svelte-18xo7zh,
	.em-peak-overview-percent-strongest {
		color: var(--color-warning);
	}

	.em-peak-overview-list.svelte-18xo7zh {
		display: flex;
		flex-direction: column;
	}

	.em-peak-overview-row.svelte-18xo7zh {
		display: grid;
		grid-template-columns: minmax(150px, 1fr) auto auto auto minmax(180px, 1.5fr);
		align-items: center;
		gap: var(--spacing-m);
		min-width: 0;
		padding: var(--spacing-s) var(--spacing-m);
	}

	.em-peak-overview-row.svelte-18xo7zh + .em-peak-overview-row:where(.svelte-18xo7zh) {
		border-top: 1px solid var(--em-border-soft);
	}

	.em-peak-overview-row-strongest.svelte-18xo7zh {
		background: color-mix(in srgb, var(--color-warning) 7%, transparent);
	}

	.em-peak-overview-source.svelte-18xo7zh > div:where(.svelte-18xo7zh),
	.em-peak-overview-metric.svelte-18xo7zh {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xxs);
		min-width: 0;
	}

	.em-peak-overview-gauge.svelte-18xo7zh .linear-gauge {
		flex: 1;
	}

	@container peak-overview (max-width: 560px) {
		.em-peak-overview-summary.svelte-18xo7zh {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.em-peak-overview-summary-item.svelte-18xo7zh:first-child {
			grid-column: 1 / -1;
		}

		.em-peak-overview-summary-item.svelte-18xo7zh:nth-child(n + 2) {
			border-top: 1px solid var(--em-border-soft);
			border-left: 0;
		}

		.em-peak-overview-summary-item.svelte-18xo7zh:nth-child(3) {
			border-left: 1px solid var(--em-border-soft);
		}

		.em-peak-overview-row.svelte-18xo7zh {
			grid-template-columns: minmax(0, 1fr) auto auto;
			gap: var(--spacing-s);
		}

		.em-peak-overview-row.svelte-18xo7zh > :where(.svelte-18xo7zh):nth-child(4) {
			display: none;
		}

		.em-peak-overview-gauge.svelte-18xo7zh {
			grid-column: 1 / -1;
		}
	}

	@container peak-overview (max-width: 360px) {
		.em-peak-overview-summary.svelte-18xo7zh {
			grid-template-columns: minmax(0, 1fr);
		}

		.em-peak-overview-summary-item.svelte-18xo7zh:first-child {
			grid-column: auto;
		}

		.em-peak-overview-summary-item.svelte-18xo7zh:nth-child(3) {
			border-left: 0;
		}

		.em-peak-overview-row.svelte-18xo7zh {
			grid-template-columns: minmax(0, 1fr) repeat(2, minmax(52px, auto));
		}
	}

	.em-peak-meter.svelte-1k2xdco {
		display: flex;
		flex-direction: column;
		width: 100%;
		min-width: 0;
		container-type: inline-size;
		container-name: peak-meter;
	}

	.em-peak-meter-summary.svelte-1k2xdco {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		align-items: start;
		gap: var(--spacing-s);
		padding: var(--spacing-s) var(--spacing-m);
		border-bottom: 1px solid var(--em-border-soft);
	}

	.em-peak-meter-summary.svelte-1k2xdco > div:where(.svelte-1k2xdco) {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xs);
		min-width: 0;
	}

	.em-peak-meter-summary-device.svelte-1k2xdco {
		flex-direction: row !important;
		align-items: center;
	}

	.em-peak-meter-summary-device.svelte-1k2xdco > div:where(.svelte-1k2xdco) {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xs);
		min-width: 0;
	}

	.em-peak-meter-summary.svelte-1k2xdco > div:where(.svelte-1k2xdco) + div:where(.svelte-1k2xdco) {
		padding-left: var(--spacing-m);
		border-left: 1px solid var(--em-border-soft);
	}

	.em-peak-meter-summary-value.svelte-1k2xdco {
		color: var(--color-primary);
	}

	.em-peak-meter-table-wrapper.svelte-1k2xdco {
		width: 100%;
		min-width: 0;
		overflow-x: auto;
		padding: 0 var(--spacing-s) var(--spacing-s);
	}

	.em-peak-meter-mobile-list.svelte-1k2xdco {
		display: none;
	}

	.em-peak-meter-table.plain-table {
		width: 100%;
		min-width: 0;
		table-layout: fixed;
	}

	.em-peak-meter-table.plain-table .em-peak-meter-col-avatar {
		width: 2.5rem;
	}

	.em-peak-meter-table.plain-table .em-peak-meter-col-meter {
		width: 24%;
	}

	.em-peak-meter-table.plain-table .em-peak-meter-col-strongest {
		width: 18%;
	}

	.em-peak-meter-table.plain-table .em-peak-meter-col-live,
	.em-peak-meter-table.plain-table .em-peak-meter-col-avg,
	.em-peak-meter-table.plain-table .em-peak-meter-col-time {
		width: 12%;
	}

	.em-peak-meter-table.plain-table .em-peak-meter-col-scale {
		width: 18%;
	}

	.em-peak-meter-table.plain-table thead th,
	.em-peak-meter-table.plain-table tbody td {
		padding: var(--spacing-xs) var(--spacing-xxs) !important;
		vertical-align: middle;
	}

	.em-peak-meter-table.plain-table thead th:nth-child(-n + 3),
	.em-peak-meter-table.plain-table tbody td:nth-child(-n + 3) {
		text-align: left !important;
	}

	.em-peak-meter-table.plain-table thead th:nth-child(n + 4),
	.em-peak-meter-table.plain-table tbody td:nth-child(n + 4) {
		text-align: right !important;
	}

	.em-peak-meter-table.plain-table tbody tr {
		border-top: 1px solid var(--em-border-soft);
	}

	.em-peak-meter-name {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.em-peak-meter-scale.svelte-1k2xdco {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: var(--spacing-xs);
		min-width: 0;
		margin-left: auto;
	}

	.em-peak-meter-scale.svelte-1k2xdco .linear-gauge {
		flex: 1 1 auto;
		min-width: 0;
		max-width: 72px;
	}

	.em-peak-meter-percent {
		flex: 0 0 auto;
		min-width: 2rem;
		text-align: right;
	}

	@container peak-meter (max-width: 520px) {
		.em-peak-meter-summary.svelte-1k2xdco {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.em-peak-meter-summary.svelte-1k2xdco > div:where(.svelte-1k2xdco):nth-child(odd) {
			padding-left: 0;
			border-left: 0;
		}

		.em-peak-meter-summary.svelte-1k2xdco > div:where(.svelte-1k2xdco):nth-child(n + 3) {
			padding-top: var(--spacing-s);
			border-top: 1px solid var(--em-border-soft);
		}

		.em-peak-meter-summary-device.svelte-1k2xdco {
			grid-column: 1 / -1;
			padding-left: 0 !important;
			border-left: 0 !important;
		}

		.em-peak-meter-table-wrapper.svelte-1k2xdco {
			display: none;
		}

		.em-peak-meter-mobile-list.svelte-1k2xdco {
			display: flex;
			flex-direction: column;
		}

		.em-peak-meter-mobile-row.svelte-1k2xdco {
			display: flex;
			flex-direction: column;
			gap: var(--spacing-s);
			padding: var(--spacing-s);
		}

		.em-peak-meter-mobile-row.svelte-1k2xdco + .em-peak-meter-mobile-row:where(.svelte-1k2xdco) {
			border-top: 1px solid var(--em-border-soft);
		}

		.em-peak-meter-mobile-heading.svelte-1k2xdco,
		.em-peak-meter-mobile-values.svelte-1k2xdco {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: var(--spacing-s);
			min-width: 0;
		}

		.em-peak-meter-mobile-values.svelte-1k2xdco > div:where(.svelte-1k2xdco) {
			display: flex;
			flex-direction: column;
			gap: var(--spacing-xxs);
		}

		.em-peak-meter-mobile-values.svelte-1k2xdco > div:where(.svelte-1k2xdco):last-child {
			align-items: flex-end;
		}

		.em-peak-meter-mobile-row.svelte-1k2xdco > .em-peak-meter-scale:where(.svelte-1k2xdco) {
			width: 100%;
			margin-left: 0;
		}

		.em-peak-meter-mobile-row.svelte-1k2xdco > .em-peak-meter-scale:where(.svelte-1k2xdco) .linear-gauge {
			max-width: none;
		}

		.em-peak-meter-mobile-percent {
			min-width: 2.5rem;
			white-space: nowrap;
			text-align: right;
		}
	}

	@container peak-meter (max-width: 900px) {
		.em-peak-meter-summary.svelte-1k2xdco {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.em-peak-meter-summary.svelte-1k2xdco > div:where(.svelte-1k2xdco):nth-child(odd) {
			padding-left: 0;
			border-left: 0;
		}

		.em-peak-meter-summary.svelte-1k2xdco > div:where(.svelte-1k2xdco):nth-child(n + 3) {
			padding-top: var(--spacing-s);
			border-top: 1px solid var(--em-border-soft);
		}
	}

	.em-phase-balance.svelte-w6x0y {
		display: flex;
		flex-direction: column;
		min-width: 0;
		container-type: inline-size;
		container-name: phase-balance;
	}

	.em-phase-balance-summary.svelte-w6x0y {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		border-bottom: 1px solid var(--em-border-soft);
	}

	.em-phase-balance-summary-item.svelte-w6x0y {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: var(--spacing-xs);
		min-width: 0;
		padding: var(--spacing-m);
		text-align: center;
	}

	.em-phase-balance-summary-item.svelte-w6x0y + .em-phase-balance-summary-item:where(.svelte-w6x0y) {
		border-left: 1px solid var(--em-border-soft);
	}

	.em-phase-balance-summary-peak.svelte-w6x0y {
		color: var(--color-warning);
	}

	.em-phase-balance-status-ok.svelte-w6x0y,
	.em-phase-balance-status-warning.svelte-w6x0y {
		display: flex;
		align-items: center;
		gap: var(--spacing-s);
	}

	.em-phase-balance-status-ok.svelte-w6x0y {
		color: var(--color-success);
	}

	.em-phase-balance-status-warning.svelte-w6x0y,
	.em-phase-balance-percent-strongest {
		color: var(--color-warning);
	}

	.em-phase-balance-list.svelte-w6x0y {
		display: flex;
		flex-direction: column;
	}

	.em-phase-balance-row.svelte-w6x0y {
		position: relative;
		display: grid;
		grid-template-columns: minmax(130px, 1fr) auto auto auto minmax(180px, 1.6fr);
		align-items: center;
		gap: var(--spacing-m);
		min-width: 0;
		padding: var(--spacing-s) var(--spacing-m);
	}

	.em-phase-balance-row.svelte-w6x0y + .em-phase-balance-row:where(.svelte-w6x0y) {
		border-top: 1px solid var(--em-border-soft);
	}

	.em-phase-balance-row-strongest.svelte-w6x0y {
		background: color-mix(in srgb, var(--color-warning) 7%, transparent);
	}

	.em-phase-balance-source.svelte-w6x0y,
	.em-phase-balance-gauge.svelte-w6x0y,
	.em-phase-balance-footer.svelte-w6x0y > div:where(.svelte-w6x0y),
	.em-phase-balance-marker.svelte-w6x0y {
		display: flex;
		align-items: center;
		gap: var(--spacing-s);
		min-width: 0;
	}

	.em-phase-balance-metric.svelte-w6x0y {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xxs);
		min-width: 0;
	}

	.em-phase-balance-gauge.svelte-w6x0y .linear-gauge {
		flex: 1;
	}

	.em-phase-balance-marker.svelte-w6x0y {
		justify-content: center;
		padding: var(--spacing-s);
	}

	.em-phase-balance-marker.svelte-w6x0y span:where(.svelte-w6x0y) {
		width: var(--spacing-xxs);
		height: var(--spacing-m);
		background: var(--color-white);
	}

	.em-phase-balance-footer.svelte-w6x0y {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--spacing-m);
		margin: 0 var(--spacing-m) var(--spacing-m);
		padding: var(--spacing-s) var(--spacing-m);
		border-top: 1px solid var(--em-border-soft);
	}

	.em-phase-balance-footer.svelte-w6x0y > div:where(.svelte-w6x0y) + div:where(.svelte-w6x0y) {
		padding-left: var(--spacing-m);
		border-left: 1px solid var(--em-border-soft);
	}

	@container phase-balance (max-width: 560px) {
		.em-phase-balance-summary.svelte-w6x0y {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.em-phase-balance-summary-item.svelte-w6x0y:first-child {
			grid-column: 1 / -1;
		}

		.em-phase-balance-summary-item.svelte-w6x0y:nth-child(n + 2) {
			border-top: 1px solid var(--em-border-soft);
			border-left: 0;
		}

		.em-phase-balance-summary-item.svelte-w6x0y:nth-child(3) {
			border-left: 1px solid var(--em-border-soft);
		}

		.em-phase-balance-row.svelte-w6x0y {
			grid-template-columns: minmax(0, 1fr) auto auto;
			gap: var(--spacing-s);
		}

		.em-phase-balance-gauge.svelte-w6x0y {
			grid-column: 1 / -1;
		}

		.em-phase-balance-row.svelte-w6x0y > :where(.svelte-w6x0y):nth-child(4) {
			display: none;
		}

		.em-phase-balance-footer.svelte-w6x0y {
			grid-template-columns: minmax(0, 1fr);
		}

		.em-phase-balance-footer.svelte-w6x0y > div:where(.svelte-w6x0y) + div:where(.svelte-w6x0y) {
			padding-top: var(--spacing-s);
			padding-left: 0;
			border-top: 1px solid var(--em-border-soft);
			border-left: 0;
		}
	}

	@container phase-balance (max-width: 360px) {
		.em-phase-balance-row.svelte-w6x0y {
			grid-template-columns: minmax(0, 1fr) repeat(2, minmax(52px, auto));
		}

		.em-phase-balance-summary.svelte-w6x0y {
			grid-template-columns: minmax(0, 1fr);
		}

		.em-phase-balance-summary-item.svelte-w6x0y:first-child {
			grid-column: auto;
		}

		.em-phase-balance-summary-item.svelte-w6x0y:nth-child(3) {
			border-left: 0;
		}

		.em-phase-balance-source.svelte-w6x0y .label {
			display: none;
		}
	}

	.em-peak-loading.svelte-19z78ra {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: calc(var(--spacing-xl) * 5);
	}
.em-insights-body.svelte-1qr0whx {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  min-width: 0;
}

.em-insight-list.svelte-1qr0whx {
  display: grid;
  align-content: start;
  gap: var(--spacing-s);
  flex: 1;
  min-height: 0;
}

/* ListItem intentionally defaults to one line; insight explanations must wrap in narrow cards. */
.em-insight-list.svelte-1qr0whx .text-nowrap {
  white-space: normal;
}
	.em-generation-chart-block.svelte-1hk4m88 {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xxs);
		flex: 1 1 auto;
		min-width: 0;
		min-height: 220px;
	}

	.em-generation-loader.svelte-1hk4m88 {
		flex: 1 1 auto;
		min-height: 220px;
	}

	.col-label.svelte-4mqngs {
		width: 75%;
	}
	.col-value.svelte-4mqngs {
		width: 25%;
	}
	.th-row.svelte-4mqngs {
		display: flex;
	}
	.th-text.svelte-4mqngs {
		flex: 1 1 auto;
		min-width: 0;
	}
	.ellipsis.svelte-4mqngs {
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.pv-distribution-container.svelte-ackn7d {
		width: 100%;
		min-width: 0;
		container-type: inline-size;
	}

	.pv-distribution-container--embedded.svelte-ackn7d .controls-container,
	.pv-distribution-container--embedded.svelte-ackn7d .controls-container > .container {
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	.pv-distribution-container--embedded.svelte-ackn7d .controls-container > .container {
		padding: 0 !important;
	}

	.pv-distribution-container--embedded.svelte-ackn7d .parameter-card-group {
		border: 0 !important;
		background: transparent !important;
	}

	.pv-distribution-layout.svelte-ackn7d {
		display: grid;
		grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr);
		gap: var(--spacing-m);
		width: 100%;
		min-width: 0;
	}

	.pv-distribution-chart.svelte-ackn7d,
	.pv-distribution-details.svelte-ackn7d {
		min-width: 0;
	}

	.grid.svelte-ackn7d {
		min-height: 100%;
		display: grid;
	}

	@container (max-width: 720px) {
		.pv-distribution-layout.svelte-ackn7d {
			grid-template-columns: minmax(0, 1fr);
		}

		.pv-distribution-details.svelte-ackn7d .live-panel-info {
			min-width: 0;
		}
	}
.em-tariff-state.svelte-lwa499 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
}

.em-tariff-body.svelte-lwa499 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m);
  container-type: inline-size;
  container-name: tariff-pressure;
  min-width: 0;
}

.em-tariff-kpis.svelte-lwa499 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-width: 0;
}

.em-tariff-kpi.svelte-lwa499 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  min-width: 0;
  padding: var(--spacing-s) var(--spacing-m);
  text-align: center;
}

.em-tariff-kpi.svelte-lwa499 + .em-tariff-kpi:where(.svelte-lwa499) {
  border-left: 1px solid var(--em-border-soft);
}

.em-tariff-current.svelte-lwa499 {
  align-items: flex-start;
  text-align: left;
}

.em-tariff-current-name.svelte-lwa499,
.em-tariff-price.svelte-lwa499,
.em-tariff-exposure.svelte-lwa499 {
  display: flex;
  align-items: center;
}

.em-tariff-current-name.svelte-lwa499 {
  gap: var(--spacing-s);
  color: var(--color-success);
}

.em-tariff-status-dot.svelte-lwa499 {
  width: var(--spacing-s);
  height: var(--spacing-s);
  border-radius: var(--radius-pill);
  background: var(--color-success);
  box-shadow: var(--shadow-glow-soft);
}

.em-tariff-status-dot-peak.svelte-lwa499 {
  background: var(--color-danger);
}

.em-tariff-current-name-peak.svelte-lwa499 {
  color: var(--color-danger);
}

.em-tariff-price.svelte-lwa499 {
  align-items: baseline;
}

.em-tariff-kpis.svelte-lwa499 .em-tariff-cost {
  color: var(--color-chart-money-value);
}

.em-tariff-kpis.svelte-lwa499 .em-tariff-used {
  color: var(--color-danger);
}

.em-tariff-exposure.svelte-lwa499 {
  flex-direction: row;
  gap: var(--spacing-s);
  text-align: left;
}

.em-tariff-exposure.svelte-lwa499 .em-tariff-exposure-good {
  color: var(--color-success);
}

.em-tariff-exposure.svelte-lwa499 .em-tariff-exposure-moderate {
  color: var(--color-warning);
}

.em-tariff-exposure.svelte-lwa499 .em-tariff-exposure-high {
  color: var(--color-danger);
}

.em-tariff-exposure.svelte-lwa499 .em-tariff-exposure-equal {
  color: var(--color-text);
}

.em-tariff-chart-block.svelte-lwa499 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-s) var(--spacing-m);
}

.em-tariff-chart-stage.svelte-lwa499 {
  min-width: 0;
}

.em-tariff-chart-stage.svelte-lwa499 .layer-chart-theme,
.em-tariff-chart-stage.svelte-lwa499 svg {
  overflow: visible;
}

.em-tariff-share.svelte-lwa499 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  padding: var(--spacing-s);
  border: 1px solid var(--em-border-soft);
  border-radius: var(--radius-theme-md);
  background: color-mix(in srgb, var(--color-1) 34%, transparent);
}

.em-tariff-stack.svelte-lwa499 {
  display: flex;
  width: 100%;
  height: var(--spacing-l);
  border-radius: var(--radius-small);
  overflow: hidden;
  background: var(--color-2);
  gap: var(--spacing-xxs);
}

.em-tariff-segment.svelte-lwa499 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-width: var(--spacing-xxs);
  transition: width 200ms;
}

.em-tariff-rows.svelte-lwa499 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.em-tariff-row-head.svelte-lwa499 {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}

.em-tariff-dot.svelte-lwa499 {
  width: var(--spacing-m);
  height: var(--spacing-m);
  border-radius: var(--radius-pill);
  flex: 0 0 auto;
}

.em-tariff-row-head.svelte-lwa499 .em-tariff-name {
  min-width: 0;
}

.em-tariff-row-head.svelte-lwa499 .em-tariff-value {
  margin-left: auto;
  white-space: nowrap;
}

.em-tariff-row-head.svelte-lwa499 .em-tariff-percent {
  flex: 0 0 auto;
  min-width: calc(var(--spacing-xl) + var(--spacing-s));
  text-align: right;
}

@container tariff-pressure (max-width: 560px) {
  .em-tariff-kpis.svelte-lwa499 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .em-tariff-kpi.svelte-lwa499:nth-child(odd) {
    border-left: 0;
  }
  .em-tariff-kpi.svelte-lwa499:nth-child(n+3) {
    border-top: 1px solid var(--em-border-soft);
  }
  .em-tariff-chart-block.svelte-lwa499 {
    padding: var(--spacing-xs) var(--spacing-s);
  }
}
@container tariff-pressure (max-width: 420px) {
  .em-tariff-row-head.svelte-lwa499 {
    flex-wrap: wrap;
  }
  .em-tariff-row-head.svelte-lwa499 .em-tariff-value {
    order: 4;
    width: 100%;
    margin-left: calc(var(--spacing-m) + var(--spacing-xs));
  }
}
	.em-phase-body.svelte-iukyk7 {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-s);
	}

	.em-phase-summary.svelte-iukyk7 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--spacing-s);
	}

	.em-phase-total.svelte-iukyk7 {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xxs);
		min-width: 0;
	}
.dash-environment-list.svelte-12plk6s {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: var(--spacing-s);
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.dash-environment-list--horizontal.svelte-12plk6s {
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: minmax(260px, 320px);
  justify-content: start;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline proximity;
  padding-bottom: var(--spacing-xs);
  scrollbar-width: none;
}

.dash-environment-list--horizontal.svelte-12plk6s::-webkit-scrollbar {
  display: none;
}

.dash-environment-list--horizontal.svelte-12plk6s .dash-parameter-widget-surface {
  scroll-snap-align: start;
}

.dash-environment-empty.svelte-12plk6s {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  padding: var(--spacing-m);
}
	.device-trend-state.svelte-1jd25z3 {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 220px;
		height: 100%;
	}

	.device-trend-chart-block.svelte-1jd25z3 {
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
		min-width: 0;
	}

	.device-trend-chart-card.svelte-1jd25z3 {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100%;
		min-width: 0;
		border-radius: var(--radius-extra-big);
		overflow: hidden;
	}

	/*
	 * The design-system dashboard gives every generic chart widget a 360px
	 * minimum height. Device trends have their own compact chart frame, so that
	 * minimum only creates empty space above and below the content.
	 */
	.container.energy-widget-device-trend {
		height: auto;
		min-height: 0;
	}

	.device-trend-stats.svelte-1jd25z3 {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 2px;
		padding: var(--spacing-s) var(--spacing-s) 0;
		min-width: 0;
	}

	.device-trend-stats-detail {
		line-height: 1.3;
	}

	.device-trend-chart-card.svelte-1jd25z3 .em-chart-frame .layer-chart-theme .lc-area-chart {
		padding: 0;
	}

	.device-trend-chart-card.svelte-1jd25z3 .layer-chart-theme--dashboard .lc-area-chart--dashboard {
		min-height: var(--em-chart-height, 196px);
	}

	.device-trend-chart-card.svelte-1jd25z3 .lc-group {
		--lc-series-color: #248def;
		color: #248def;
		fill: #248def;
	}

	.device-trend-chart-card.svelte-1jd25z3 .device-trend-legend.em-chart-legend-row {
		margin-top: var(--spacing-m);
		padding: 0 var(--spacing-s) var(--spacing-s);
	}

	.dash-energy-room-grid.svelte-1nvhlsn {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--spacing-m);
		min-width: 0;
	}

	@media (max-width: 760px) {
		.dash-energy-room-grid.svelte-1nvhlsn {
			grid-template-columns: minmax(0, 1fr);
		}
	}

	.energy-widget-version-badge.svelte-sp8wy4 {
		position: absolute;
		top: 4px;
		right: 6px;
		z-index: 5;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: 2px;
		max-width: 160px;
		pointer-events: none;
		user-select: none;
	}

	.energy-widget-version-badge-version.svelte-sp8wy4 {
		font-size: 9px;
		line-height: 1;
		font-weight: 600;
		letter-spacing: 0.02em;
		color: var(--color-primary);
	}

	.energy-widget-version-badge-component.svelte-sp8wy4 {
		font-size: 6px;
		line-height: 1.15;
		font-weight: 500;
		letter-spacing: 0.01em;
		color: var(--color-primary);
		opacity: 0.75;
		text-align: right;
		word-break: break-all;
	}

	.promo-gallery-widget.svelte-1bbvgv2 {
		width: 100%;
		height: var(--promo-gallery-height, 180px);
		max-height: var(--promo-gallery-height, 180px);
		border-radius: 16px;
		border: 1px solid rgba(255, 255, 255, 0.12);
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
		background: rgba(255, 255, 255, 0.03);
		box-sizing: border-box;
		overflow: hidden;
	}

	.promo-gallery-widget__viewport.svelte-1bbvgv2 {
		overflow: hidden;
		touch-action: none;
		cursor: grab;
		width: 100%;
		height: 100%;
		max-height: var(--promo-gallery-height, 180px);
		position: relative;
		user-select: none;
		-webkit-user-select: none;
	}

	.promo-gallery-widget__viewport.svelte-1bbvgv2:active,
	.promo-gallery-widget__viewport--dragging.svelte-1bbvgv2 {
		cursor: grabbing;
	}

	.promo-gallery-widget__slide.svelte-1bbvgv2 img {
		-webkit-user-drag: none;
		user-drag: none;
		pointer-events: none;
	}

	.promo-gallery-widget__track.svelte-1bbvgv2 {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		height: 100%;
		will-change: transform;
		/* transition is set imperatively — never via reactive class toggles */
	}

	.promo-gallery-widget__slide.svelte-1bbvgv2 {
		box-sizing: border-box;
		position: relative;
		overflow: hidden;
		flex-shrink: 0;
		display: flex;
		flex-direction: column;
		height: 100%;
		max-height: var(--promo-gallery-height, 180px);
		opacity: 1;
		transition: opacity 180ms ease-out;
	}

	.promo-gallery-widget__slide--dismissing.svelte-1bbvgv2 {
		opacity: 0;
		pointer-events: none;
	}

	.promo-gallery-widget--dismissing.svelte-1bbvgv2 .promo-gallery-widget__dismiss:where(.svelte-1bbvgv2),
	.promo-gallery-widget--dismissing.svelte-1bbvgv2 .promo-gallery-widget__nav:where(.svelte-1bbvgv2) {
		opacity: 0;
		pointer-events: none;
		transition: opacity 180ms ease-out;
	}

	@media (prefers-reduced-motion: reduce) {
		.promo-gallery-widget__slide.svelte-1bbvgv2,
		.promo-gallery-widget--dismissing.svelte-1bbvgv2 .promo-gallery-widget__dismiss:where(.svelte-1bbvgv2),
		.promo-gallery-widget--dismissing.svelte-1bbvgv2 .promo-gallery-widget__nav:where(.svelte-1bbvgv2) {
			transition: none;
		}
	}

	.promo-gallery-widget__slide.svelte-1bbvgv2 > * {
		flex: 1 1 auto;
		width: 100%;
		height: 100%;
		min-height: 0;
		max-height: var(--promo-gallery-height, 180px);
	}

	.promo-gallery-widget__dismiss.svelte-1bbvgv2 {
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 7;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 28px;
		height: 28px;
		border-radius: 6px;
		color: #ffffff;
		cursor: pointer;
		opacity: 0.92;
		background: rgba(0, 0, 0, 0.22);
		backdrop-filter: blur(4px);
	}

	.promo-gallery-widget__dismiss.svelte-1bbvgv2:hover {
		opacity: 1;
		background: rgba(0, 0, 0, 0.35);
	}

	.promo-gallery-widget--compact.svelte-1bbvgv2 {
		border-radius: 12px;
	}

	.promo-gallery-widget--compact.svelte-1bbvgv2 .promo-gallery-widget__dismiss:where(.svelte-1bbvgv2) {
		top: 6px;
		right: 6px;
		width: 22px;
		height: 22px;
		border-radius: 5px;
	}

	.promo-gallery-widget--compact.svelte-1bbvgv2 .promo-gallery-widget__nav:where(.svelte-1bbvgv2) {
		bottom: 6px;
		gap: 5px;
		padding: 4px 8px;
	}

	.promo-gallery-widget--compact.svelte-1bbvgv2 .promo-gallery-widget__dot:where(.svelte-1bbvgv2) {
		width: 6px;
		height: 6px;
	}

	.promo-gallery-widget__nav.svelte-1bbvgv2 {
		position: absolute;
		left: 50%;
		bottom: 12px;
		transform: translateX(-50%);
		z-index: 6;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 7px;
		padding: 7px 12px;
		border-radius: 999px;
		background: rgba(0, 0, 0, 0.28);
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
		border: 1px solid rgba(255, 255, 255, 0.12);
		opacity: 1;
		transition: opacity 0.25s ease;
		pointer-events: auto;
	}

	.promo-gallery-widget__nav--faded.svelte-1bbvgv2 {
		opacity: 0.28;
	}

	.promo-gallery-widget__nav.svelte-1bbvgv2:hover,
	.promo-gallery-widget__nav.svelte-1bbvgv2:focus-within {
		opacity: 1;
	}

	.promo-gallery-widget__dot.svelte-1bbvgv2 {
		width: 7px;
		height: 7px;
		padding: 0;
		border: none;
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.35);
		cursor: pointer;
		transition:
			background-color 0.2s ease,
			transform 0.2s ease;
	}

	.promo-gallery-widget__dot--active.svelte-1bbvgv2 {
		background: rgba(255, 255, 255, 0.95);
		transform: scale(1.2);
	}

	.promo-gallery-widget__dot.svelte-1bbvgv2:hover {
		background: rgba(255, 255, 255, 0.7);
	}

	.promo-gallery-widget__slide.svelte-1bbvgv2 .verivox-banner,
	.promo-gallery-widget__slide.svelte-1bbvgv2 .verivox-offers,
	.promo-gallery-widget__slide.svelte-1bbvgv2 .generic-promo-banner,
	.promo-gallery-widget__slide.svelte-1bbvgv2 .campaign-promo {
		border-radius: 0;
	}

	.promo-empty.svelte-vrharu {
		position: relative;
		width: 100%;
		height: 100%;
		min-height: 180px;
		max-height: 180px;
		overflow: hidden;
		isolation: isolate;
		box-sizing: border-box;
	}

	.promo-empty--compact.svelte-vrharu {
		min-height: 120px;
		max-height: 120px;
	}

	/*
	 * Gradient opposite the logo tilt: logo is ~-38deg (up-left diagonal),
	 * so the fill runs ~142deg (primary → white).
	 */
	.promo-empty__gradient.svelte-vrharu {
		position: absolute;
		inset: 0;
		z-index: 0;
		background: linear-gradient(
			142deg,
			var(--color-primary) 0%,
			var(--color-primary) 18%,
			#ffffff 78%,
			#ffffff 100%
		);
	}

	.promo-empty__logo.svelte-vrharu {
		position: absolute;
		z-index: 1;
		width: 160%;
		max-width: none;
		left: -28%;
		top: -42%;
		transform: rotate(-38deg);
		opacity: 0.22;
		pointer-events: none;
		user-select: none;
	}

	.promo-empty__content.svelte-vrharu {
		position: relative;
		z-index: 2;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-start;
		gap: 10px;
		height: 100%;
		padding: 16px;
		box-sizing: border-box;
	}

	.promo-empty--compact.svelte-vrharu .promo-empty__content:where(.svelte-vrharu) {
		padding: 10px 12px;
		gap: 6px;
	}

	.promo-empty--compact.svelte-vrharu .promo-empty__logo:where(.svelte-vrharu) {
		width: 140%;
		left: -22%;
		top: -48%;
		opacity: 0.18;
	}

	.promo-empty__copy {
		color: rgba(0, 0, 0, 0.72) !important;
		max-width: 70%;
		margin: 0;
	}

	.generic-promo-banner.svelte-2a5w95 {
		position: relative;
		width: 100%;
		height: 100%;
		min-height: 0;
		max-height: 180px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
	}

	.generic-promo-banner--compact.svelte-2a5w95 {
		max-height: 120px;
	}

	.generic-promo-banner--flush.svelte-2a5w95 {
		border-radius: 0;
	}

	.generic-promo-banner__scrim.svelte-2a5w95 {
		position: absolute;
		inset: 0;
		background: linear-gradient(
			180deg,
			rgba(0, 0, 0, 0.15) 0%,
			rgba(0, 0, 0, 0.45) 55%,
			rgba(0, 0, 0, 0.62) 100%
		);
		pointer-events: none;
		z-index: 0;
	}

	.generic-promo-banner__body.svelte-2a5w95 {
		position: relative;
		z-index: 1;
		display: flex;
		flex-direction: column;
		flex: 1;
		min-height: 0;
		padding: 16px 16px 44px;
		gap: 8px;
	}

	.generic-promo-banner--compact.svelte-2a5w95 .generic-promo-banner__body:where(.svelte-2a5w95) {
		padding: 10px 12px 28px;
		gap: 4px;
	}

	.generic-promo-banner--compact.svelte-2a5w95 .generic-promo-banner__cta-row:where(.svelte-2a5w95) {
		padding-top: 4px;
	}

	.generic-promo-banner__title {
		color: #ffffff !important;
		margin: 0;
		line-height: 1.3;
		max-width: 90%;
	}

	.generic-promo-banner__message {
		color: rgba(255, 255, 255, 0.92) !important;
		line-height: 1.4;
		max-width: 92%;
	}

	.generic-promo-banner__cta-row.svelte-2a5w95 {
		display: flex;
		margin-top: auto;
		padding-top: 12px;
	}

	.generic-promo-banner__cta-row--bl.svelte-2a5w95 {
		justify-content: flex-start;
	}

	.generic-promo-banner__cta-row--br.svelte-2a5w95 {
		justify-content: flex-end;
	}

	.generic-promo-banner__cta-row--bc.svelte-2a5w95 {
		justify-content: center;
	}

	.generic-promo-banner__cta-row--center.svelte-2a5w95 {
		flex: 1;
		align-items: center;
		justify-content: center;
		margin-top: 0;
	}

	.generic-promo-banner__cta {
		background: rgba(255, 255, 255, 0.95) !important;
		color: #1a1a1a !important;
		border: none !important;
		border-radius: 8px !important;
		font-weight: 600 !important;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
	}

	.dash-promo-widget-card__empty.svelte-jsnfr6 {
		width: 100%;
		height: 180px;
		max-height: 180px;
		border-radius: 16px;
		overflow: hidden;
		border: 1px solid rgba(255, 255, 255, 0.12);
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
		box-sizing: border-box;
	}
.schedule-day-chart.svelte-jrrige {
  --schedule-day-now: var(--color-theme-fg);
  --schedule-day-row: var(--spacing-m-plus);
  --schedule-day-lane: calc(var(--schedule-day-row) + 2 * var(--spacing-xxs));
  --schedule-day-visible-lanes: 6.5;
  --schedule-day-name-col: 35%;
  --schedule-day-col-gap: var(--spacing-s);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  min-width: 0;
}

.schedule-day-legend.svelte-jrrige {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-xs) var(--spacing-s-plus);
  margin-bottom: var(--spacing-xs);
}

.schedule-day-legend-item.svelte-jrrige {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
}

.schedule-day-swatch.svelte-jrrige {
  display: block;
  width: var(--spacing-s);
  height: var(--spacing-s);
}
.schedule-day-swatch--wide.svelte-jrrige {
  width: var(--spacing-m);
}

.schedule-day-grid-row.svelte-jrrige {
  display: grid;
  grid-template-columns: minmax(0, var(--schedule-day-name-col)) minmax(0, 1fr);
  column-gap: var(--schedule-day-col-gap);
  align-items: center;
}

.schedule-day-gutter.svelte-jrrige {
  overflow-y: hidden;
  scrollbar-gutter: stable;
}

.schedule-day-chart--fits.svelte-jrrige .schedule-day-gutter:where(.svelte-jrrige) {
  scrollbar-gutter: auto;
}
.schedule-day-chart--fits.svelte-jrrige .schedule-day-scroll:where(.svelte-jrrige) {
  overflow: visible;
}

.schedule-day-bar-cell.svelte-jrrige {
  grid-column: 2;
}

.schedule-day-scroll.svelte-jrrige {
  max-height: calc(var(--schedule-day-visible-lanes) * (var(--schedule-day-lane) + var(--spacing-xs)));
  margin-inline: calc(-1 * var(--spacing-xs));
  padding-inline: var(--spacing-xs);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.schedule-day-rows.svelte-jrrige {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.schedule-day-row.svelte-jrrige {
  position: relative;
  margin-inline: calc(-1 * var(--spacing-xs));
  padding: var(--spacing-xxs) var(--spacing-xs);
  border-radius: var(--spacing-xs);
}
.schedule-day-row.svelte-jrrige:hover {
  z-index: 2;
}
.schedule-day-row--interactive.svelte-jrrige {
  cursor: pointer;
}
.schedule-day-row--interactive.svelte-jrrige:hover {
  background: var(--color-theme-card-02);
}
.schedule-day-row--interactive.svelte-jrrige:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: -2px;
}
.schedule-day-row.svelte-jrrige .schedule-day-name {
  height: var(--schedule-day-row);
  line-height: var(--schedule-day-row);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.schedule-day-head.svelte-jrrige {
  display: block;
  width: 100%;
  height: var(--schedule-day-row);
  overflow: visible;
}

.schedule-day-now-text.svelte-jrrige {
  fill: var(--schedule-day-now);
}

.schedule-day-track.svelte-jrrige {
  display: block;
  width: 100%;
  height: var(--schedule-day-row);
  border-radius: var(--spacing-xs);
  overflow: hidden;
}

.schedule-day-target-text.svelte-jrrige {
  fill: var(--color-white);
  pointer-events: none;
}

.schedule-day-track-cell.svelte-jrrige {
  position: relative;
  min-width: 0;
}

.schedule-day-marks.svelte-jrrige {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.schedule-day-mark-hit.svelte-jrrige {
  fill: transparent;
}

.schedule-day-mark-dot.svelte-jrrige {
  fill: var(--color-theme-fg);
  stroke: var(--color-theme-bg);
  stroke-width: 1.5px;
  transform-box: fill-box;
  transform-origin: center;
  transition: transform 0.15s ease;
}

.schedule-day-mark-label.svelte-jrrige {
  visibility: hidden;
  pointer-events: none;
}
.schedule-day-mark-label.svelte-jrrige rect:where(.svelte-jrrige) {
  fill: var(--color-theme-fg);
}
.schedule-day-mark-label.svelte-jrrige text:where(.svelte-jrrige) {
  fill: var(--color-theme-text-inverse);
}

.schedule-day-mark.svelte-jrrige:hover .schedule-day-mark-dot:where(.svelte-jrrige) {
  transform: scale(1.3);
}
.schedule-day-mark.svelte-jrrige:hover .schedule-day-mark-label:where(.svelte-jrrige) {
  visibility: visible;
}

.schedule-day-now.svelte-jrrige {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: calc(var(--schedule-day-name-col) + var(--schedule-day-col-gap));
  width: calc(100% - var(--schedule-day-name-col) - var(--schedule-day-col-gap));
  height: 100%;
  overflow: visible;
  pointer-events: none;
}
.schedule-day-now.svelte-jrrige line:where(.svelte-jrrige) {
  stroke: var(--schedule-day-now);
  stroke-width: 2px;
}

.schedule-day-axis.svelte-jrrige {
  display: flex;
  justify-content: space-between;
  height: var(--schedule-day-row);
  align-items: flex-end;
}

.schedule-day-defs.svelte-jrrige {
  position: absolute;
  width: 0;
  height: 0;
}.dash-schedule-day.svelte-uc6mkw {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: var(--spacing-s);
}

.dash-schedule-day-state.svelte-uc6mkw {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
}
	.dash-energy-widget-frame.svelte-1inu0qq {
		position: relative;
		display: flex;
		flex-direction: column;
		width: 100%;
		/* height: 100%; */
		min-width: 0;
		min-height: 0;
	}

	.dash-energy-widget-body.svelte-1inu0qq {
		display: flex;
		flex-direction: column;
		flex: 1;
		min-width: 0;
		min-height: 0;
	}

	/* Border now comes from Container type="glass" (glass-surface mixin) for unified
	   chrome edge with room/device widgets. Radius follows --radius-theme-md. */

	.dash-energy-widget-frame.svelte-1inu0qq .energy-widget-heading-text,
	.dash-energy-widget-frame.svelte-1inu0qq .em-heatmap-heading-text,
	.dash-energy-widget-frame.svelte-1inu0qq .em-minimal-heatmap-heading > div {
		display: none;
	}

	.dash-energy-widget-frame.svelte-1inu0qq .em-info-tooltip-trigger {
		display: none;
	}

	.dash-energy-widget-frame.svelte-1inu0qq .live-indicator-wrapper {
		display: none;
	}

	.dash-energy-widget-frame.svelte-1inu0qq .em-minimal-heatmap-heading {
		min-height: 0;
		justify-content: flex-end;
	}

	.dev-enabled-option.svelte-16zszh3 {
		position: relative;
		width: 100%;
	}

	.dev-enabled-badge.svelte-16zszh3 {
		position: absolute;
		top: -7px;
		right: 8px;
		z-index: 1;
		padding: 1px 6px;
		border-radius: 4px;
		background: var(--color-warning, #ffc51d);
		color: #111;
		font-size: 9px;
		font-weight: 700;
		letter-spacing: 0.04em;
		line-height: 1.3;
		text-transform: uppercase;
		white-space: nowrap;
		pointer-events: none;
	}

	.verivox-logo-plate.svelte-1s9gacu {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: #ffffff;
		border-radius: 10px;
		padding: 8px 12px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
		position: relative;
		z-index: 2;
		flex-shrink: 0;
	}

	.verivox-logo-plate--compact.svelte-1s9gacu {
		border-radius: 8px;
		padding: 6px 10px;
	}

	.verivox-logo-plate__img.svelte-1s9gacu {
		display: block;
		height: 28px;
		width: auto;
		max-width: 120px;
		object-fit: contain;
	}

	.verivox-logo-plate--compact.svelte-1s9gacu .verivox-logo-plate__img:where(.svelte-1s9gacu) {
		height: 20px;
		max-width: 96px;
	}

	.verivox-banner-outer.svelte-ieum1g {
		padding: var(--spacing-s, 8px);
		height: 100%;
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
	}

	.verivox-banner-outer--flush.svelte-ieum1g {
		padding: 0;
	}

	.verivox-banner.svelte-ieum1g {
		position: relative;
		overflow: hidden;
		border-radius: 12px;
		isolation: isolate;
		min-height: 0;
		height: 100%;
		flex: 1;
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
	}

	.verivox-banner--notifications.svelte-ieum1g {
		max-height: none;
	}

	.verivox-banner--widget.svelte-ieum1g {
		max-height: 180px;
	}

	.verivox-banner--inline.svelte-ieum1g {
		border-radius: 10px;
		max-height: 120px;
	}

	.verivox-banner__circle.svelte-ieum1g {
		position: absolute;
		border-radius: 50%;
		pointer-events: none;
		z-index: 0;
	}

	.verivox-banner__circle--tr-lg.svelte-ieum1g {
		top: -48px;
		right: -39px;
		width: 110px;
		height: 110px;
		background: rgba(255, 196, 128, 0.4);
	}

	.verivox-banner__circle--tr-sm.svelte-ieum1g {
		top: -18px;
		right: -20px;
		width: 64px;
		height: 64px;
		background: rgba(255, 220, 170, 0.28);
	}

	.verivox-banner--inline.svelte-ieum1g .verivox-banner__circle--tr-lg:where(.svelte-ieum1g) {
		top: -40px;
		right: -32px;
		width: 80px;
		height: 80px;
	}

	.verivox-banner--inline.svelte-ieum1g .verivox-banner__circle--tr-sm:where(.svelte-ieum1g) {
		top: -14px;
		right: -16px;
		width: 48px;
		height: 48px;
	}

	.verivox-banner__logo.svelte-ieum1g {
		position: absolute;
		top: 10px;
		left: 10px;
		z-index: 2;
	}

	.verivox-banner--widget.svelte-ieum1g .verivox-banner__logo:where(.svelte-ieum1g) {
		top: 10px;
		left: 12px;
	}

	/* Inline: logo lives in-flow so it cannot overlap the title. */
	.verivox-banner__logo-inline.svelte-ieum1g {
		flex-shrink: 0;
		padding-right: 28px;
	}

	.verivox-banner__logo-inline.svelte-ieum1g .verivox-logo-plate--compact {
		padding: 4px 8px;
		border-radius: 7px;
	}

	.verivox-banner__logo-inline.svelte-ieum1g .verivox-logo-plate--compact .verivox-logo-plate__img {
		height: 16px;
		max-width: 80px;
	}

	.verivox-banner__dismiss.svelte-ieum1g {
		position: absolute;
		top: 8px;
		right: 8px;
		z-index: 3;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 28px;
		height: 28px;
		border-radius: 6px;
		color: #ffffff;
		cursor: pointer;
		opacity: 0.9;
		transition:
			opacity 0.15s ease,
			background-color 0.15s ease;
	}

	.verivox-banner--inline.svelte-ieum1g .verivox-banner__dismiss:where(.svelte-ieum1g) {
		top: 6px;
		right: 6px;
		width: 22px;
		height: 22px;
		border-radius: 5px;
	}

	.verivox-banner__dismiss.svelte-ieum1g:hover {
		opacity: 1;
		background-color: rgba(255, 255, 255, 0.12);
	}

	.verivox-banner__body.svelte-ieum1g {
		position: relative;
		z-index: 1;
		display: flex;
		flex-direction: column;
		flex: 1;
		height: 100%;
		min-height: 0;
		gap: 8px;
		padding: 48px 14px 12px;
		box-sizing: border-box;
	}

	.verivox-banner--widget.svelte-ieum1g .verivox-banner__body:where(.svelte-ieum1g) {
		padding: 46px 14px 40px;
		gap: 6px;
	}

	.verivox-banner--notifications.svelte-ieum1g .verivox-banner__body:where(.svelte-ieum1g) {
		padding: 52px 14px 14px;
		gap: 10px;
	}

	/*
	 * Inline (~120px): stacked in-flow logo → title → CTA.
	 * Keep bottom padding light so the CTA isn’t crushed; gallery dots sit over empty space.
	 */
	.verivox-banner--inline.svelte-ieum1g .verivox-banner__body:where(.svelte-ieum1g) {
		padding: 8px 10px 10px;
		gap: 6px;
		justify-content: space-between;
	}

	.verivox-banner__main.svelte-ieum1g {
		display: flex;
		flex-direction: column;
		gap: 6px;
		min-width: 0;
	}

	.verivox-banner--inline.svelte-ieum1g .verivox-banner__main:where(.svelte-ieum1g) {
		gap: 0;
		flex: 1 1 auto;
		justify-content: center;
		min-height: 0;
	}

	.verivox-banner__heading.svelte-ieum1g {
		display: flex;
		align-items: flex-start;
		gap: 8px;
		padding-right: 28px;
		min-width: 0;
	}

	.verivox-banner--inline.svelte-ieum1g .verivox-banner__heading:where(.svelte-ieum1g) {
		gap: 6px;
		padding-right: 4px;
		align-items: center;
	}

	.verivox-banner__bottom.svelte-ieum1g {
		margin-top: auto;
		display: flex;
		flex-direction: column;
		gap: 6px;
		flex-shrink: 0;
	}

	.verivox-banner--inline.svelte-ieum1g .verivox-banner__bottom:where(.svelte-ieum1g) {
		margin-top: 0;
		gap: 0;
	}

	.verivox-banner--widget.svelte-ieum1g .verivox-banner__bottom:where(.svelte-ieum1g) {
		flex-direction: row;
		align-items: flex-end;
		justify-content: space-between;
		gap: 8px;
	}

	.verivox-banner__footer.svelte-ieum1g {
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
	}

	.verivox-banner--widget.svelte-ieum1g .verivox-banner__footer:where(.svelte-ieum1g) {
		flex-shrink: 0;
	}

	.verivox-banner__actions.svelte-ieum1g {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 8px;
	}

	.verivox-banner--inline.svelte-ieum1g .verivox-banner__actions:where(.svelte-ieum1g) {
		gap: 6px;
	}

	.verivox-banner--inline.svelte-ieum1g .verivox-banner__cta {
		min-height: 28px !important;
		padding: 4px 12px !important;
		font-size: 12px !important;
		border-radius: 7px !important;
	}

	.verivox-banner__icon {
		color: #ffffff !important;
		flex-shrink: 0;
		margin-top: 1px;
	}

	.verivox-banner--inline.svelte-ieum1g .verivox-banner__icon {
		margin-top: 0;
	}

	.verivox-banner__title {
		color: #ffffff !important;
		line-height: 1.3;
		min-width: 0;
	}

	.verivox-banner--inline.svelte-ieum1g .verivox-banner__title {
		line-height: 1.25;
	}

	.verivox-banner__message {
		color: rgba(255, 255, 255, 0.92) !important;
		line-height: 1.35;
	}

	.verivox-banner--widget.svelte-ieum1g .verivox-banner__message {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.verivox-banner__cta {
		background: rgba(255, 255, 255, 0.95) !important;
		color: var(--verivox-cta-text, #e64600) !important;
		border: none !important;
		border-radius: 8px !important;
		font-weight: 600 !important;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
	}

	.verivox-banner__cta:hover {
		background: #ffffff !important;
		transform: translateY(-1px);
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
	}

	.verivox-banner__cancel {
		background: transparent !important;
		color: #ffffff !important;
		border: 1px solid rgba(255, 255, 255, 0.55) !important;
		border-radius: 8px !important;
		font-weight: 600 !important;
		box-shadow: none !important;
	}

	.verivox-banner__cancel:hover {
		background: rgba(255, 255, 255, 0.12) !important;
		border-color: rgba(255, 255, 255, 0.8) !important;
	}

	.verivox-banner__footer.svelte-ieum1g .attribution-footer {
		margin-top: 0;
		flex-shrink: 0;
	}

	.verivox-offers-outer.svelte-vmhok0 {
		padding: var(--spacing-s, 8px);
	}

	.verivox-offers-outer--flush.svelte-vmhok0 {
		padding: 0;
	}

	.verivox-offers.svelte-vmhok0 {
		position: relative;
		overflow: hidden;
		border-radius: 12px;
		isolation: isolate;
		min-height: 0;
		height: 100%;
		max-height: 180px;
	}

	.verivox-offers__circle.svelte-vmhok0 {
		position: absolute;
		border-radius: 50%;
		pointer-events: none;
		z-index: 0;
	}

	.verivox-offers__circle--tr-lg.svelte-vmhok0 {
		top: -48px;
		right: -36px;
		width: 110px;
		height: 110px;
		background: rgba(255, 196, 128, 0.4);
	}

	.verivox-offers__circle--tr-sm.svelte-vmhok0 {
		top: -18px;
		right: 18px;
		width: 64px;
		height: 64px;
		background: rgba(255, 220, 170, 0.28);
	}

	.verivox-offers__logo.svelte-vmhok0 {
		position: absolute;
		top: 10px;
		left: 10px;
		z-index: 2;
	}

	.verivox-offers__dismiss.svelte-vmhok0 {
		position: absolute;
		top: 8px;
		right: 8px;
		z-index: 3;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 28px;
		height: 28px;
		border-radius: 6px;
		color: #ffffff;
		cursor: pointer;
		opacity: 0.9;
	}

	.verivox-offers__dismiss.svelte-vmhok0:hover {
		opacity: 1;
		background-color: rgba(255, 255, 255, 0.12);
	}

	.verivox-offers__body.svelte-vmhok0 {
		position: relative;
		z-index: 1;
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding: 48px 14px 12px;
	}

	.verivox-offers__heading.svelte-vmhok0 {
		display: flex;
		align-items: flex-start;
		gap: 8px;
		padding-right: 28px;
	}

	.verivox-offers__grid.svelte-vmhok0 {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 8px;
	}

	.verivox-offers__footer.svelte-vmhok0 {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		gap: 12px;
	}

	.verivox-offers__actions.svelte-vmhok0 {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	.verivox-offers__icon {
		color: #ffffff !important;
		flex-shrink: 0;
		margin-top: 1px;
	}

	.verivox-offers__title {
		color: #ffffff !important;
		line-height: 1.35;
	}

	.verivox-offers__subtitle {
		color: rgba(255, 255, 255, 0.85) !important;
		margin-top: 2px;
	}

	.verivox-offers__cta {
		background: rgba(255, 255, 255, 0.95) !important;
		color: var(--verivox-cta-text, #e64600) !important;
		border: none !important;
		border-radius: 8px !important;
		font-weight: 600 !important;
	}

	.verivox-offers__cancel {
		background: transparent !important;
		color: #ffffff !important;
		border: 1px solid rgba(255, 255, 255, 0.55) !important;
		border-radius: 8px !important;
		font-weight: 600 !important;
		box-shadow: none !important;
	}

	.verivox-offers__footer.svelte-vmhok0 .attribution-footer {
		margin-top: 0;
	}

	.verivox-offers--inline.svelte-vmhok0 {
		border-radius: 10px;
		max-height: 120px;
	}

	.verivox-offers--inline.svelte-vmhok0 .verivox-offers__circle--tr-lg:where(.svelte-vmhok0) {
		width: 80px;
		height: 80px;
		top: -40px;
		right: -32px;
	}

	.verivox-offers--inline.svelte-vmhok0 .verivox-offers__circle--tr-sm:where(.svelte-vmhok0) {
		width: 48px;
		height: 48px;
		top: -14px;
		right: -16px;
	}

	.verivox-offers__logo-inline.svelte-vmhok0 {
		flex-shrink: 0;
		padding-right: 28px;
	}

	.verivox-offers__logo-inline.svelte-vmhok0 .verivox-logo-plate--compact {
		padding: 4px 8px;
		border-radius: 7px;
	}

	.verivox-offers__logo-inline.svelte-vmhok0 .verivox-logo-plate--compact .verivox-logo-plate__img {
		height: 16px;
		max-width: 80px;
	}

	.verivox-offers--inline.svelte-vmhok0 .verivox-offers__dismiss:where(.svelte-vmhok0) {
		top: 6px;
		right: 6px;
		width: 22px;
		height: 22px;
	}

	.verivox-offers--inline.svelte-vmhok0 .verivox-offers__body:where(.svelte-vmhok0) {
		padding: 8px 10px 10px;
		gap: 6px;
		justify-content: space-between;
	}

	.verivox-offers--inline.svelte-vmhok0 .verivox-offers__heading:where(.svelte-vmhok0) {
		align-items: center;
		padding-right: 4px;
	}

	.verivox-offers--inline.svelte-vmhok0 .verivox-offers__cta {
		min-height: 28px !important;
		padding: 4px 12px !important;
		font-size: 12px !important;
		border-radius: 7px !important;
	}

	@media (max-width: 767px) {
		.verivox-offers__grid.svelte-vmhok0 {
			grid-template-columns: 1fr;
		}
	}

	.colored-background.svelte-srt478 {
		background: #182f45;
		border-radius: 12px;
		padding: 16px;
	}

	div.svelte-1ovbizw {
		width: 100%;
		height: 100%;
	}
	canvas.svelte-1ovbizw {
		width: 100%;
		height: 100%;
		display: block;
	}

	.lottie-player-container.svelte-mct2fd {
		position: relative;
		display: inline-block;
	}

	.lottie-player-container.fill-container.svelte-mct2fd {
		display: flex;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
	}

	.lottie-player-container.fill-container.svelte-mct2fd > div {
		width: 100%;
		height: 100%;
	}

	.lottie-player-container.fill-container.svelte-mct2fd .lottie-player {
		width: 100%;
		height: 100%;
	}

	.lottie-player-container.fill-container.svelte-mct2fd .animation {
		width: 100%;
		height: 100%;
		display: flex;
	}

	.lottie-player-container.fill-container.svelte-mct2fd .animation svg {
		width: 100% !important;
		height: 100% !important;
	}

	.preview-label.svelte-mct2fd {
		position: absolute;
		background: rgba(231, 21, 21, 0.9);
		padding: 4px 8px;
		border-radius: 4px;
		z-index: 10;
		box-shadow: 0 1px 3px rgba(250, 250, 250, 0.1);
	}

	.preview-label-top-right.svelte-mct2fd {
		top: 8px;
		right: 8px;
	}

	.preview-label-top-left.svelte-mct2fd {
		top: 8px;
		left: 8px;
	}

	.step-dot.svelte-f30axv {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		border: none;
		background-color: rgba(255, 255, 255, 0.3);
		padding: 0;
		cursor: pointer;
		transition: background-color 0.2s ease;
	}

	.step-dot.active.svelte-f30axv {
		background-color: white;
	}

	.step-dot.svelte-f30axv:hover {
		background-color: rgba(255, 255, 255, 0.6);
	}

	.button.svelte-r44rle {
		padding: 16px 32px;
		font-size: 16px;
		font-weight: 500;
		color: #000000;
		background-color: #ececec;
		border: none;
		border-radius: 200px;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
		transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
		-webkit-tap-highlight-color: transparent;
		cursor: pointer;
		background-image: none;
		text-align: center;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: 100%;
		max-width: 350px;
		box-sizing: border-box;
	}
	.button.svelte-r44rle:active {
		transform: scale(0.97);
	}
	.button-icon.svelte-r44rle {
		width: 16px;
		height: 16px;
		fill: #dbb751;
		transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
	}
	.button.svelte-r44rle:hover .button-icon:where(.svelte-r44rle) {
		animation: svelte-r44rle-blink 0.8s ease-in-out 1;
	}
	@keyframes svelte-r44rle-blink {
		0%,
		100% {
			opacity: 1;
			transform: scale(1);
		}
		50% {
			opacity: 0.7;
			transform: scale(1.2);
		}
	}

	.button.svelte-1qhuy8q {
		padding: 16px 32px;
		font-size: 16px;
		font-weight: 500;
		color: #000000;
		background-color: #ffffff;
		border: none;
		border-radius: 200px;
		transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
		user-select: none;
		cursor: pointer;
		text-align: center;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		position: relative;
		box-sizing: border-box;
		transition: all 500ms ease;
		overflow: hidden;
		width: 100%;
		max-width: 350px;
		will-change: transform;
		transform: translateZ(0);
		backface-visibility: hidden;
	}

	.button.svelte-1qhuy8q:active {
		transform: scale(0.97);
	}

	/* Wrapper keeps icon aligned left of text with 10px gap */
	.icon-wrapper.svelte-1qhuy8q {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 10px;
		position: relative;
	}

	.button-icon.svelte-1qhuy8q {
		transform: translateY(210%); /* hidden below */
		transition: all 400ms ease;
	}

	/* On hover, rise to normal position */
	.button.svelte-1qhuy8q:hover .button-icon:where(.svelte-1qhuy8q) {
		transform: translateY(0);
	}

	.button.svelte-1qhuy8q:hover {
		box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.3);
	}

	.wrapper.svelte-8cwvcj {
		max-width: 450px;
	}

	.sub-text.svelte-8cwvcj {
		font-size: 18px;
	}

	.discount-code-container.svelte-1ah4euv {
		background-image: url('../images/discount_active_bg.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		height: 161px;
		width: 300px;
	}

	.bottom-content.svelte-1ah4euv {
		width: 100%;
		max-width: 480px;
		box-sizing: border-box;
	}

	.promo-modal-close-btn.svelte-149fcdc {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		width: 32px;
		height: 32px;
		padding: 0;
		margin: 0;
		background: transparent;
		border: none;
		cursor: pointer;
		color: var(--color-white, #ffffff);
		transition: opacity 0.15s ease;
	}

	.promo-modal-close-btn.svelte-149fcdc:hover {
		opacity: 0.7;
	}

	.promo-modal-close-btn.svelte-149fcdc:focus-visible {
		outline: 2px solid var(--color-primary, #2491ff);
		outline-offset: 2px;
		border-radius: 4px;
	}

	.promo-modal-header.svelte-nbav1k {
		display: flex;
		align-items: center;
		gap: 16px;
		padding: 0 15px;
		width: 100%;
		box-sizing: border-box;
	}

	/* Mobile header: centered title, smaller padding */
	.promo-modal-header.is-mobile.svelte-nbav1k {
		justify-content: center;
		padding: 0 11px 16px 10px;
	}

	.promo-modal-header__title.svelte-nbav1k {
		flex: 1;
		margin: 0;
		font-family: 'Inter', sans-serif;
		font-size: 22px;
		font-weight: 600;
		line-height: normal;
		color: var(--color-white, #ffffff);
	}

	/* Mobile title: smaller font, centered, no flex grow */
	.promo-modal-header.is-mobile.svelte-nbav1k .promo-modal-header__title:where(.svelte-nbav1k) {
		flex: none;
		font-size: 18px;
		text-align: center;
	}

	.promo-modal-wrapper.svelte-y8vt59 {
		inset: 0;
		position: fixed;
		z-index: var(--z-index, 1000);
		background: rgba(0, 0, 0, 0.8);
	}

	/* Transition container - handles positioning */
	.promo-modal-transition-container.svelte-y8vt59 {
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 2;
		pointer-events: none;
	}

	/* Mobile: bottom sheet positioning */
	.promo-modal-transition-container.is-mobile.svelte-y8vt59 {
		align-items: flex-end;
	}

	.promo-modal-container.svelte-y8vt59 {
		display: flex;
		flex-direction: column;
		width: 100%;
		max-width: var(--max-width, 600px);
		max-width: min(var(--max-width, 600px), 95%);
		max-height: 85vh;
		background: var(--color-base, #151617);
		border: 1px solid var(--color-3, #5b5f66);
		border-radius: var(--radius-big, 12px);
		overflow: hidden;
		pointer-events: all;
	}

	/* Mobile: bottom sheet container */
	.promo-modal-container.is-mobile.svelte-y8vt59 {
		max-width: 100%;
		max-height: calc(100% - 16px);
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		border-bottom: none;
		/* padding: 0 5px 16px 6px; */
	}

	/* Touch area for swipe gestures */
	.promo-modal-touch-area.svelte-y8vt59 {
		flex-shrink: 0;
		padding: 24px 0px;
	}

	/* Swipe handle - hidden on desktop */
	.promo-modal-swipe-handle.svelte-y8vt59 {
		display: none;
	}

	/* Mobile: show swipe handle */
	.promo-modal-container.is-mobile.svelte-y8vt59 .promo-modal-swipe-handle:where(.svelte-y8vt59) {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.promo-modal-swipe-handle__bar.svelte-y8vt59 {
		margin-bottom: 12px;
		margin-top: -8px;
		width: 40px;
		height: 4px;
		border-radius: var(--radius-small, 4px);
		background: var(--color-3, #5b5f66);
	}

	.promo-modal__content.svelte-y8vt59 {
		flex: 1;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.promo-modal__footer.svelte-y8vt59 {
		flex-shrink: 0;
		padding: 24px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: row;
		gap: 16px;
	}

	@media screen and (max-width: 639px) {
		.promo-modal-container.svelte-y8vt59 .promo-modal__footer:where(.svelte-y8vt59) {
			padding: 16px 24px 0px 24px;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			height: auto;
		}
	}

	.promo-modal-banner.svelte-16c52az {
		position: relative;
		width: 100%;
		flex-shrink: 0;
	}

	.promo-modal-banner__image.svelte-16c52az {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	.promo-modal-banner__overlay.svelte-16c52az {
		position: absolute;
		left: 12px;
		right: 12px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.promo-modal-banner__overlay.top.svelte-16c52az {
		top: 8px;
		bottom: auto;
	}

	.promo-modal-banner__overlay.bottom.svelte-16c52az {
		top: auto;
		bottom: 8px;
	}

	.active-badge.svelte-16c52az {
		display: flex;
		align-items: center;
		gap: 4px;
		height: 32px;
		padding: 6px 12px 6px 10px;
		background: var(--color-base, #151617);
		border-radius: 16px;
		box-sizing: border-box;
	}

	.active-badge__icon {
		color: var(--color-success, #66d092) !important;
		text-shadow: 0 0 14px var(--color-success, #66d092);
	}

	.active-badge__text.svelte-16c52az {
		font-family: 'Inter', sans-serif;
		font-size: 12px;
		font-weight: 500;
		line-height: normal;
		color: var(--color-white, #ffffff);
	}

	.expiry-badge.svelte-16c52az {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 4px 8px;
		background: rgba(36, 37, 39, 0.7);
		border-radius: 40px;
	}

	.expiry-badge__text.svelte-16c52az {
		font-family: 'Inter', sans-serif;
		font-size: 13px;
		font-weight: 400;
		line-height: 16px;
		color: var(--color-white, #ffffff);
		white-space: nowrap;
	}

	.content-section.svelte-aejtas {
		display: flex;
		flex-direction: column;
		gap: 24px;
		padding: 24px 24px 0px 24px;
	}

	.content-text.svelte-aejtas {
		font-family: 'Inter', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 19px;
		color: var(--color-white, #ffffff);
	}

	.content-paragraph.svelte-aejtas {
		margin: 0 0 12px 0;
	}

	@media (max-width: 639px) {
		.content-section.svelte-aejtas {
			padding: 16px 16px 0px 16px;
		}
	}

	.content-section.svelte-a6vp03 {
		display: flex;
		flex-direction: column;
		gap: 24px;
		padding: 24px 24px 0px 24px;
	}

	.content-text.svelte-a6vp03 {
		font-family: 'Inter', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 19px;
		color: var(--color-white, #ffffff);
	}

	.content-paragraph.svelte-a6vp03 {
		margin: 0 0 12px 0;
	}

	@media (max-width: 639px) {
		.content-section.svelte-a6vp03 {
			padding: 16px 16px 0px 16px;
		}
	}

	.content-section.svelte-fpd5bo {
		display: flex;
		flex-direction: column;
		gap: 24px;
		padding: 24px 24px 0px 24px;
	}

	.content-text.svelte-fpd5bo {
		font-family: 'Inter', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 19px;
		color: var(--color-white, #ffffff);
	}

	.content-paragraph.svelte-fpd5bo {
		margin: 0 0 10px 0;
	}

	@media (max-width: 639px) {
		.content-section.svelte-fpd5bo {
			padding: 16px 16px 0px 16px;
		}
	}

	.content-section.svelte-1mskmyl {
		display: flex;
		flex-direction: column;
		gap: 24px;
		padding: 24px 24px 0px 24px;
	}

	.content-text.svelte-1mskmyl {
		font-family: 'Inter', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 19px;
		color: var(--color-white, #ffffff);
	}

	.content-paragraph.svelte-1mskmyl {
		margin: 0 0 10px 0;
	}

	@media (max-width: 639px) {
		.content-section.svelte-1mskmyl {
			padding: 16px 16px 0px 16px;
		}
	}

	.content-section.svelte-ec7e6a {
		display: flex;
		flex-direction: column;
		gap: 12px;
		padding: 24px 24px 0;
	}

	.content-text.svelte-ec7e6a {
		font-family: 'Inter', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 19px;
		color: var(--color-white, #ffffff);
	}

	.content-paragraph.svelte-ec7e6a {
		margin: 0 0 10px;
	}

	.disclaimer.svelte-ec7e6a {
		font-family: 'Inter', sans-serif;
		font-size: 8px;
		font-weight: 500;
		line-height: 1;
		letter-spacing: 0.48px;
		color: var(--color-white, #ffffff);
		text-transform: uppercase;
	}

	.disclaimer-paragraph.svelte-ec7e6a {
		margin: 0;
	}

	@media (max-width: 639px) {
		.content-section.svelte-ec7e6a {
			padding: 16px 16px 0;
		}
	}

	.preview-button.svelte-1f2rmnp {
		position: relative;
		padding: 0;
		border: none;
		background: none;
		cursor: zoom-in;
	}

	.preview-image.svelte-1f2rmnp {
		height: auto;
		border-radius: var(--radius-big);
	}

	.preview-zoom.svelte-1f2rmnp {
		position: absolute;
		right: var(--spacing-s);
		bottom: var(--spacing-s);
		width: 28px;
		height: 28px;
		border-radius: var(--radius-small);
		background: var(--color-base);
		color: var(--color-1);
		box-shadow: var(--shadow);
	}

	.viewer.svelte-1f2rmnp {
		height: 100%;
		min-height: 0;
	}

	.viewer-image.svelte-1f2rmnp {
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
		border-radius: var(--radius-big);
	}

	.ai-breakdown-intro__content.svelte-x99l0p {
		padding: var(--spacing-l) var(--spacing-l) 0;
	}

	@media (max-width: 639px) {
		/* Primary action on top, secondary underneath, both full width. */
		.ai-breakdown-intro__actions.svelte-x99l0p {
			flex-direction: column-reverse;
		}

		.ai-breakdown-intro__content.svelte-x99l0p {
			padding: var(--spacing-m) var(--spacing-m) 0;
		}
	}

	/* Period metadata stays at the trailing edge even when the optional section title is hidden. */
	.dash-widget-title-row .energy-widget-title-actions.svelte-1rxc20,
	.dash-widget-title-container .energy-widget-title-actions.svelte-1rxc20 {
		margin-left: auto;
	}

	/*
	 * Promo / Add-widget sit above CardGrid as left-column chrome (outside DnD).
	 * DashLayout puts padding-top on `.card-grid-wrapper`; with a sibling above
	 * that wrapper the inset sat *between* the chrome and the first widget, and
	 * the chrome sat flush under the tabs. Move the inset onto the chrome instead
	 * (`pt-m` / `mt-s`/`mt-m` on the slot or action area) and zero the wrapper inset.
	 */
	.dash-promo-slot {
		flex: 0 0 auto;
	}

	
		.dashboard-layout
			.dash-column:has(> .dash-promo-slot-before, > .dash-action-area)
			> .card-grid-wrapper
	 {
		padding-top: 0;
	}

	/* Production Energy dashboard readability and bottom-dock clearance. */
	.energy-page-dashboard .miniature-styles {
		font-size: 12px !important;
		line-height: 16px !important;
	}

	.energy-page-dashboard .energy-widget-title-actions {
		font-size: 12px;
	}

	@media (max-width: 639px) {
		.energy-page-dashboard .dashboard-scroll {
			padding-bottom: calc(
				var(--floating-dock-scroll-clearance, 72px) + var(--spacing-l, 24px)
			) !important;
		}
	}

	.all-device-widgets-pack-overlay.svelte-w9232s {
		position: fixed;
		z-index: 40;
		right: max(16px, env(safe-area-inset-right, 0px));
		bottom: max(88px, calc(env(safe-area-inset-bottom, 0px) + 72px));
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: 8px;
		pointer-events: none;
	}

	.all-device-widgets-pack-overlay.svelte-w9232s button {
		pointer-events: auto;
		box-shadow: 0 8px 24px color-mix(in oklab, var(--color-1) 35%, transparent);
	}

	.all-device-widgets-pack-overlay__label.svelte-w9232s {
		padding: 6px 10px;
		border-radius: 8px;
		background: color-mix(in oklab, var(--color-1) 78%, transparent);
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
		pointer-events: none;
	}

	.double-time-picker-disabled {
		opacity: 0.5;
		pointer-events: none;
	}

	.input-wrapper.svelte-ogsnfi {
		width: 40px;
	}

	.button-width-mobile {
		width: calc(50% - 4px) !important;
	}

	.multiple-lines-ellipsis {
		display: -webkit-box;
		line-clamp: 3;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
.cloud-settings.svelte-1ueb3gq {
  box-sizing: border-box;
  padding: var(--spacing-m);
  border: 1px solid var(--color-theme-border-02);
  border-radius: var(--radius-theme-md);
}

.cloud-settings-toggle-row.svelte-1ueb3gq,
.cloud-settings-status.svelte-1ueb3gq {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.cloud-settings-toggle-row.svelte-1ueb3gq {
  gap: var(--spacing-s-plus);
}

.cloud-settings-meta.svelte-1ueb3gq {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--spacing-xxs);
  min-width: 0;
}

.cloud-settings-status.svelte-1ueb3gq {
  --cloud-status-bg: var(--color-theme-card-01);
  --cloud-status-border: var(--color-theme-border-02);
  gap: calc(var(--spacing-s) + var(--spacing-xxs));
  padding: var(--spacing-s-plus);
  border: 1px solid var(--cloud-status-border);
  border-radius: var(--radius-theme-sm);
  background: var(--cloud-status-bg);
}
.cloud-settings-status.is-connected.svelte-1ueb3gq {
  --cloud-status-bg: var(--color-theme-success-tint);
  --cloud-status-border: var(--color-theme-success-tint-strong);
}
.cloud-settings-status.is-disconnected.svelte-1ueb3gq {
  --cloud-status-bg: var(--color-theme-warning-tint);
  --cloud-status-border: var(--color-theme-warning-tint-strong);
}

.cloud-settings-features.svelte-1ueb3gq {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}

.cloud-settings-feature.svelte-1ueb3gq {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-s);
  min-width: 0;
  padding: var(--spacing-m);
}
.cloud-settings-feature.svelte-1ueb3gq + .cloud-settings-feature:where(.svelte-1ueb3gq) {
  border-left: 1px solid var(--color-theme-border-02);
}.access-point-settings.svelte-t3h92b {
  box-sizing: border-box;
  padding: var(--spacing-m);
  border: 1px solid var(--color-theme-border-02);
  border-radius: var(--radius-theme-md);
}

.access-point-settings-row.svelte-t3h92b,
.access-point-settings-status.svelte-t3h92b {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.access-point-settings-row.svelte-t3h92b {
  gap: var(--spacing-s-plus);
}

.access-point-settings-meta.svelte-t3h92b {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--spacing-xs);
  min-width: 0;
}

.access-point-settings-status.svelte-t3h92b {
  gap: var(--spacing-m);
  padding: var(--spacing-s-plus) var(--spacing-m);
  border-radius: var(--radius-theme-sm);
  background: var(--color-theme-card-02);
}

/* Every item carries a left divider; the negative offsets and overflow clip it at the start of each wrapped line. */
.access-point-settings-status-items.svelte-t3h92b {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-xs) var(--spacing-m);
  min-width: 0;
  margin-left: calc(-1 * var(--spacing-m));
  overflow: hidden;
}
.access-point-settings-status-items.svelte-t3h92b .access-point-settings-status-item {
  margin-left: -1px;
  padding-left: var(--spacing-m);
  border-left: 1px solid var(--color-theme-border-02);
}
.access-point-settings-status-items.svelte-t3h92b .access-point-settings-ssid {
  min-width: 0;
  overflow-wrap: anywhere;
}.shelly-code-editor {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background: white;
}

.shelly-code-editor > .editor,
.shelly-code-editor > .line-numbers,
.shelly-code-editor > .editor > textarea,
.shelly-code-editor > .editor > div.mirror-autocomplete,
.shelly-code-editor > .editor > pre {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.shelly-code-editor > .line-numbers {
	font-family: 'Cousine', monospace;
	padding: 10px 8px 12px 4px;
	width: 42px;
	text-align: right;
	color: #999;
	background: #eee;
	font-size: 13px;
	line-height: 20px;
	display: flex;
	flex-direction: column;
	user-select: none;
	box-sizing: border-box;
	z-index: 1;
}

.shelly-code-editor > .editor {
	width: calc(100% - 45px);
	left: 45px;
}

.shelly-code-editor > .editor > textarea,
.shelly-code-editor > .editor > div.mirror-autocomplete,
.shelly-code-editor > .editor > pre,
.shelly-code-editor > .editor > pre > code {
	background-color: transparent;
	margin: 0;
	border: 0;
	padding: 0;
	border-radius: unset;
	font-size: 13px;
	line-height: 20px;
}

.shelly-code-editor > .editor > pre > code {
	color: #003366;
}

.shelly-code-editor > .editor > pre {
	width: unset;
	pointer-events: none;
}

.shelly-code-editor > .editor > textarea,
.shelly-code-editor > .editor > div.mirror-autocomplete,
.shelly-code-editor > .editor > pre > code {
	font-size: 13px;
	font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
	padding-top: 10px;
	display: block;
}

.shelly-code-editor > .editor > textarea::selection {
	color: #eee;
	background-color: #3578e5;
}

.shelly-code-editor > .editor > textarea,
.shelly-code-editor > .editor > div.mirror-autocomplete {
	white-space: pre;
	box-shadow: transparent;
	font-weight: normal;
	font-style: normal;
	font-variant-caps: normal;
	font-variant-east-asian: normal;
	font-variant-ligatures: normal;
	font-variant-numeric: normal;
	border-radius: unset;
	overflow: auto;
	outline: none !important;
	background: none;
	border: none;
	color: transparent;
	z-index: 1;
	resize: none;
	caret-color: #111;
	padding-bottom: 165px;
	box-sizing: border-box;
}

.shelly-code-editor .token {
	box-sizing: border-box;
}

.shelly-code-editor .token.operator {
	color: #ff5598;
}

.shelly-code-editor .token.string {
	color: #41ad8f;
}

.shelly-code-editor .token.comment,
.shelly-code-editor .token.fullcomment {
	color: #9badb7;
}

.shelly-code-editor .token.arg,
.shelly-code-editor .token.punctuation,
.shelly-code-editor .token.keyword,
.shelly-code-editor .token.function,
.shelly-code-editor .token.boolean,
.shelly-code-editor .token.number,
.shelly-code-editor .token.selector,
.shelly-code-editor .token.property {
	color: #8500ff;
}

.shelly-code-editor .token.shelly {
	color: #3578e5;
}

.shelly-code-editor .token.hover {
	background-color: #9badb7;
	color: white;
}

.shelly-script-editor-context-menu,
.shelly-script-editor-autocomplete-menu {
	position: absolute;
	z-index: 1;
	width: auto;
	background: white;
	border-radius: 2px;
	display: none;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	font-size: 13px;
	font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
	color: #343434;
	padding: 2px 0;
	margin: 0;
}

.shelly-script-editor-autocomplete-menu {
	min-width: 125px;
	max-height: 155px;
	overflow-x: hidden;
	overflow-y: auto;
}

.shelly-script-editor-autocomplete-menu::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.shelly-script-editor-autocomplete-menu::-webkit-scrollbar-track {
	background: white;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

.shelly-script-editor-autocomplete-menu::-webkit-scrollbar-thumb,
.shelly-script-editor-autocomplete-menu::-webkit-scrollbar-thumb:hover {
	background: #e7e7e7;
}

.shelly-script-editor-context-menu.show,
.shelly-script-editor-autocomplete-menu.show {
	display: block;
}

.shelly-script-editor-context-menu > li,
.shelly-script-editor-autocomplete-menu > li {
	padding: 5px 10px 5px 5px;
	list-style: none;
	cursor: pointer;
	margin: 1px 0;
}

.shelly-script-editor-autocomplete-menu > li {
	padding: 5px;
	height: 25px;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	white-space: nowrap;
}

.shelly-script-editor-autocomplete-menu > li > span > .highlight {
	color: #2491ff;
}

.shelly-script-editor-context-menu > li.delimiter {
	border-top: 1px solid #eee;
	height: 0;
	padding: 0;
	margin: -1px 0;
}

.shelly-script-editor-context-menu > li > .icon,
.shelly-script-editor-autocomplete-menu > li > .icon {
	width: 27px;
	padding: 0px 5px;
	display: inline-block;
}

.shelly-script-editor-autocomplete-menu > li > .icon {
	width: 22px;
	padding-right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.shelly-script-editor-autocomplete-menu > li > .icon > svg {
	left: 3px;
}

.shelly-script-editor-context-menu > li:hover,
.shelly-script-editor-autocomplete-menu > li:hover,
.shelly-script-editor-autocomplete-menu > li.selected {
	background: #eee;
}

.shelly-script-editor-context-menu > li.disabled {
	background: #eee;
	color: #9badb7;
	pointer-events: none;
}

.shelly-script-editor-context-menu > li[data-event='snippets'] > .icon {
	font-size: 12px;
}

	.js-editor.svelte-42mhij {
		width: 100%;
		height: auto;
		min-height: 32px;
		padding: 4px;
		position: relative;
		font-size: 13px;
		font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
		line-height: 20px;
		white-space: pre;
		border-radius: var(--radius-small);
		background: #fff;
		box-sizing: border-box;
		color: #003366;
		display: flex;
		overflow: hidden;
	}

	.editor-content.svelte-42mhij {
		overflow: auto;
		padding-left: 45px;
		padding-top: 6px;
	}

	/* layout styles for snippets containers */
	.buttons-container-styles.svelte-1ty98fx {
		display: flex;
		flex-wrap: wrap;
	}

	.button-styles {
		margin-top: var(--spacing-s) !important;
		margin-right: var(--spacing-s) !important;
	}

	.button-styles:last-child {
		margin-right: 0 !important;
	}

	@media (max-width: 639px) {
		.buttons-container-styles.svelte-1ty98fx {
			flex-direction: column-reverse;
		}

		.button-styles {
			margin-right: 0 !important;
		}
	}

	.console-container.svelte-i694py {
		width: 100%;
		min-height: 6px;
		max-height: calc(100% - 100px);
		margin-top: 1px;
		position: relative;
		flex-shrink: 0;
		z-index: 2;
	}

	.resize-wrapper.svelte-i694py {
		width: 100%;
		top: -3px;
		position: absolute;
		cursor: n-resize;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		user-select: none;
	}

	.resize-wrapper.svelte-i694py > span:where(.svelte-i694py) {
		width: 25px;
		outline: 4px solid white;
		border-top: 1px solid var(--color-1);
		position: relative;
		z-index: 1;
		padding: 2px 5px;
	}

	.console.svelte-i694py {
		width: 100%;
		height: calc(100% - 30px);
		overflow: hidden;
		overflow-y: auto;
		background: white;
		position: relative;
		padding: 5px 10px;
		font-size: 13px;
		line-height: 20px;
		display: flex;
		flex-direction: column;
		padding-left: 24px;
	}

	.console-menu.svelte-i694py {
		position: absolute;
		left: 2px;
		top: 4px;
		cursor: pointer;
		z-index: 2;
		display: flex;
		flex-direction: column;
	}

	.console.svelte-i694py .log-item:where(.svelte-i694py) {
		display: flex;
		justify-content: space-between;
		padding: 0 5px;
	}

	.console.svelte-i694py .log-item:where(.svelte-i694py) .time:where(.svelte-i694py) {
		color: var(--color-1);
		word-break: normal;
	}

	.terminal.svelte-i694py {
		display: flex;
		align-items: center;
		height: 30px;
		background: white;
		border-top: 1px solid var(--color-1);
		position: relative;
		z-index: 3;
		padding: 0 5px;
	}

	.terminal.svelte-i694py > input:where(.svelte-i694py) {
		width: calc(100% - 40px);
		font-size: 13px;
		line-height: 16px;
		border: none;
		outline: none;
		padding: 0 5px;
		color: var(--color-1);
		font-family: monospace;
	}

	.terminal.svelte-i694py > input:where(.svelte-i694py)::placeholder {
		font-family: monospace;
		font-style: normal;
		font-weight: normal;
		margin: 0;
		color: var(--color-1-opacity);
	}

	.editor-container.svelte-1u3pce0 {
		display: flex;
		flex-direction: column;
		overflow: hidden;
		height: 100%;
		width: 100%;
		border-radius: 0;
	}

	.editor.svelte-1u3pce0 {
		position: relative;
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
		border-radius: 8px;
		overflow: hidden;
	}

	.buttons-wrapper.svelte-1u3pce0 {
		display: flex;
		gap: 8px;
	}

	.script-name-wrapper.svelte-1u3pce0 {
		flex: 1;
		min-width: 168px;
	}

	.toolbar-content.svelte-1u3pce0 {
		display: flex;
		gap: 8px;
		padding: 4px;
	}

	.loading.svelte-1u3pce0 {
		font-size: 13px;
		font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
		padding-top: 10px;
		display: block;
		position: absolute;
		left: 50px;
		top: 2px;
		color: #4f559c;
		width: calc(100% - 50px);
		height: 100%;
		z-index: 5;
	}

	.shelly-code-editor {
		position: relative;
	}

	@media (max-width: 420px) {
		.script-name-wrapper.svelte-1u3pce0 {
			width: 100%;
			padding-bottom: 0;
		}
	}

	.bulleted-list.svelte-1joswfa {
		display: flex;
		flex-direction: column;
		gap: 16px;
		margin: 0;
		padding-left: 24px;
	}

	.library-layout.svelte-ycj6ra {
		display: flex;
		flex-direction: column;
		height: 100%;
		min-height: 0;
		max-height: 100%;
	}

	.library-filter-bar.svelte-ycj6ra {
		flex-shrink: 0;
		position: sticky;
		top: 0;
		z-index: 1;
		padding-bottom: 12px;
		background: var(--color-base);
		border-bottom: 1px solid var(--color-border, rgba(255, 255, 255, 0.12));
	}

	.library-tag-chips.svelte-ycj6ra {
		display: flex;
		flex-wrap: wrap;
		gap: 4px;
	}

	.library-tag-chip-btn.svelte-ycj6ra {
		all: unset;
		cursor: pointer;
		display: inline-flex;
	}

	.library-tag-chip-btn.svelte-ycj6ra:hover {
		opacity: 0.85;
	}

	.library-list.svelte-ycj6ra {
		flex: 1;
		min-height: 0;
		overflow-y: auto;
		padding-top: 12px;
	}

	/* (unused) .auto-on-off-toggle-info {
		margin-top: 2px;
	}*/

	.device-protection.svelte-312nxn {
		box-sizing: border-box;
		padding: var(--spacing-m);
		border: 1px solid var(--color-theme-border-02);
		border-radius: var(--radius-theme-md);
	}

	.enhanced-security-list.svelte-6vbfkf {
		list-style: disc;
		padding-left: 1.25rem;
		margin: 0;
	}

	.io-mode-and-power.svelte-emrhz4 {
		display: grid;
		gap: var(--spacing-s);
		grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
		align-items: start;
	}

	.collapse-gap.svelte-dcvyle {
		width: 100%;
		overflow: hidden;
	}

	.input-state-preview-grid.svelte-6mkd2m {
		display: grid;
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.input-state-preview-heading.svelte-6mkd2m,
	.input-state-preview-span.svelte-6mkd2m {
		grid-column: 1 / -1;
		text-align: center;
	}

	@media (min-width: 640px) {
		.input-state-preview-grid.svelte-6mkd2m {
			grid-template-columns: 1fr 1fr;
		}
	}

	.advanced-setting-block.svelte-l5o8y {
		display: grid;
		grid-template-rows: 1fr;
		opacity: 1;
		transition:
			grid-template-rows 0.32s ease,
			opacity 0.24s ease;
	}

	.advanced-setting-block.is-collapsed.svelte-l5o8y {
		grid-template-rows: 0fr;
		opacity: 0;
		pointer-events: none;
	}

	.advanced-setting-block-inner.svelte-l5o8y {
		position: relative;
		min-height: 0;
		overflow: hidden;
		padding-left: 10px;
	}

	.advanced-setting-block.svelte-l5o8y:not(.is-collapsed) .advanced-setting-block-inner:where(.svelte-l5o8y)::before {
		content: '';
		position: absolute;
		left: 2px;
		top: 6px;
		bottom: 6px;
		width: 2px;
		border-radius: 2px;
		background: var(--color-primary);
		pointer-events: none;
	}

	.advanced-setting-block.svelte-l5o8y:not(.is-collapsed) .advanced-setting-block-inner:where(.svelte-l5o8y) {
		animation: svelte-l5o8y-advanced-setting-intro 0.7s ease-out forwards;
	}

	.advanced-setting-block.is-collapsed.svelte-l5o8y .advanced-setting-block-inner:where(.svelte-l5o8y) {
		animation: none;
	}

	@keyframes svelte-l5o8y-advanced-setting-intro {
		0% {
			box-shadow: inset 0 0 22px 6px rgba(var(--color-primary-rgb), 0.55);
		}

		100% {
			box-shadow: none;
		}
	}

	@media (prefers-reduced-motion: reduce) {
		.advanced-setting-block.svelte-l5o8y {
			transition: none;
		}

		.advanced-setting-block.svelte-l5o8y:not(.is-collapsed) .advanced-setting-block-inner:where(.svelte-l5o8y) {
			animation: none;
		}
	}

	.location-preview.svelte-1sbbvlh {
		display: flex;
		align-items: center;
		gap: var(--spacing-s, 8px);
		width: 100%;
	}
	.location-preview-map.svelte-1sbbvlh {
		position: relative;
		flex: 1;
		min-width: 0;
		height: 160px;
		overflow: hidden;
		pointer-events: none;
	}

	.geo-loading.svelte-1sxydti {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		min-height: 240px;
		width: 100%;
	}
	.location-g2-settings.svelte-1sxydti {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		width: 100%;
	}

	.dimming-behavior.svelte-ehmemn {
		display: flex;
		flex-direction: column;
		gap: 12px;
		width: 100%;
	}

	.separator.svelte-11p9irz {
		border-top: 1px solid var(--color-border, #212128);
	}

	.separator.svelte-1jkx7qc {
		border-top: 1px solid var(--color-border, #212128);
	}

	.geo-loading.svelte-1dusjp8 {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		min-height: 240px;
		width: 100%;
	}

	.geo-settings.svelte-1dusjp8 {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
	}

	.geo-settings.svelte-1dusjp8 > * {
		margin-bottom: 12px;
		width: 100%;
	}

	.geo-settings-group.svelte-1dusjp8 {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		width: 100%;
	}

	/* Animated waiting ellipsis: dots appear one by one, then reset. */
	.animated-ellipsis.svelte-1oenkps::after {
		content: '';
		animation: svelte-1oenkps-ai-ellipsis 1.5s steps(1, end) infinite;
	}

	@keyframes svelte-1oenkps-ai-ellipsis {
		0% {
			content: '';
		}
		25% {
			content: '.';
		}
		50% {
			content: '..';
		}
		75% {
			content: '...';
		}
		100% {
			content: '';
		}
	}
.pin-lock-card.svelte-83i115 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m-plus);
  width: 100%;
  padding: var(--spacing-l);
  border: 1px solid var(--color-theme-border-01);
  border-radius: var(--radius-small);
  box-sizing: border-box;
}

.pin-lock-card-divider.svelte-83i115 {
  width: 100%;
  margin: 0;
  border: 0;
  border-top: 1px solid var(--color-theme-border-02);
}

.pin-lock-status.svelte-83i115 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: var(--spacing-s);
}

.pin-lock-status-dot.svelte-83i115 {
  width: calc(var(--spacing-xs) + var(--spacing-xxs));
  height: calc(var(--spacing-xs) + var(--spacing-xxs));
  border-radius: 50%;
  background: currentColor;
}

.pin-lock-row.svelte-83i115 {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-m);
  width: 100%;
  min-width: 0;
}

.pin-lock-row-meta.svelte-83i115 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--spacing-xs);
  min-width: 0;
}

.pin-lock-row-trailing.svelte-83i115 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
}
	.col-label.svelte-rrysgk {
		width: 70%;
	}
	.col-value.svelte-rrysgk {
		width: 30%;
	}

	.col-label.svelte-g28hlc {
		width: 70%;
	}
	.col-value.svelte-g28hlc {
		width: 30%;
	}
	tr.no-vertical-padding.svelte-g28hlc th:where(.svelte-g28hlc),
	tr.no-vertical-padding.svelte-g28hlc td:where(.svelte-g28hlc) {
		padding-top: 0;
		padding-bottom: 0;
	}

	.preview-box.svelte-3pl4vr {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.preview-box-content.svelte-3pl4vr {
		width: 100%;
		height: 100%;
		max-width: 360px;
		min-width: 320px;
		display: block;
	}
	.preview-box-content-inner.svelte-3pl4vr {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100%;
		padding: 8px;
		border: 1px solid var(--color-3);
		border-top-left-radius: var(--radius-big);
		border-bottom-left-radius: var(--radius-big);
		background: var(--color-1);
	}
	.preview-box-content-inner-v2.svelte-3pl4vr {
		display: flex;
		flex-direction: column;
		padding: 16px 12px 10px;
		border: 1px solid var(--color-2);
		border-radius: var(--radius-extra-big);
		background: var(--color-base);
	}
	.template-preview-content.svelte-3pl4vr {
		display: flex;
		flex-direction: column;
		width: 100%;
		min-width: 0;
	}
	/* (unused) .template-preview-content > * {
		width: 100%;
		min-width: 0;
		flex: 0 0 auto;
	}*/
	.preview-box-status-bar.svelte-3pl4vr {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-top: -4px;
		margin-bottom: 4px;
		min-height: 20px;
	}
	.preview-box.svelte-3pl4vr .drawer-tabs {
		height: auto;
	}

	.time-input.svelte-5r95hr {
		display: flex;
		align-items: center;
		gap: var(--space-xs, 4px);
		width: 100%;
	}

	.separator.svelte-5r95hr {
		font-size: 16px;
		font-weight: bold;
		color: var(--color-white);
		flex-shrink: 0;
	}

	.emeter-led-indicator.svelte-j5wun6 {
		display: flex;
		flex-direction: column;
		gap: 12px;
		width: 100%;
	}

	.emeter-measurement.svelte-ftag0o {
		display: flex;
		flex-direction: column;
		gap: 12px;
		width: 100%;
	}

	.emeter-calibration.svelte-14mj660 {
		display: flex;
		flex-direction: column;
		gap: 12px;
		width: 100%;
	}

	.emeter-stored-data.svelte-1pkls4h {
		display: flex;
		flex-direction: column;
		gap: 12px;
		width: 100%;
	}

	.emeter-alarms.svelte-1oolbom {
		display: flex;
		flex-direction: column;
		gap: 12px;
		width: 100%;
	}

	.zone-card.svelte-znt1bd {
		display: flex;
		align-items: center;
		gap: 16px;
		padding: 16px 20px;
		background: #121517;
		border-radius: 10px;
		transition: background 0.2s ease;
		margin-bottom: 12px;
	}
	.zone-card.svelte-znt1bd:last-child {
		margin-bottom: 0;
	}
	.zone-card.inactive.svelte-znt1bd {
		opacity: 0.5;
		pointer-events: none;
	}
	.zone-number.svelte-znt1bd {
		width: 32px;
		height: 32px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		font-weight: 600;
		color: white;
		flex-shrink: 0;
	}
	.zone-info.svelte-znt1bd {
		flex: 1;
	}

	button.svelte-ocud4b {
		background: #121517;
		color: white;
		cursor: pointer;
		transition: all 0.2s ease;
		font-size: 18px;
		border: none;
	}
	button.svelte-ocud4b:hover {
		color: var(--color-primary);
	}

	.irrigation-container.svelte-ocud4b {
		background-color: #0e0f10;
		border-radius: 18px;
		padding: 8px;
	}

	ul.svelte-syb37p {
		padding: 0 0 0 12px;
		margin: 0;
	}
	ul.svelte-syb37p li:where(.svelte-syb37p) {
		line-height: 1.3;
	}

	.blu-trv-behavior.svelte-ubglfk {
		display: flex;
		flex-direction: column;
		gap: 12px;
		width: 100%;
	}

	.blu-trv-interface.svelte-glaa03 {
		display: flex;
		flex-direction: column;
		gap: 12px;
		width: 100%;
	}

	.blu-trv-temperature-settings.svelte-1b8g5qj {
		display: flex;
		flex-direction: column;
		gap: 12px;
		width: 100%;
	}

	.blu-trv-boost-settings.svelte-d0umu0 {
		display: flex;
		flex-direction: column;
		gap: 12px;
		width: 100%;
	}

	.presence-config-footer.svelte-1xg8ocm {
		position: sticky;
		bottom: 0;
		padding: 12px 0;
		background: var(--color-surface, var(--color-base));
		border-top: 1px solid var(--color-border, rgba(255, 255, 255, 0.12));
		z-index: 1;
	}

	.presence-config-footer.svelte-492kdv {
		position: sticky;
		bottom: 0;
		padding: 12px 0;
		background: var(--color-surface, var(--color-base));
		border-top: 1px solid var(--color-border, rgba(255, 255, 255, 0.12));
		z-index: 1;
	}

	.presence-config-footer.svelte-1fqwv4e {
		position: sticky;
		bottom: 0;
		padding: 12px 0;
		background: var(--color-surface, var(--color-base));
		border-top: 1px solid var(--color-border, rgba(255, 255, 255, 0.12));
		z-index: 1;
	}

	.time-fields.svelte-1fqwv4e {
		display: flex;
		gap: 12px;
	}

	.time-fields.svelte-1fqwv4e > div:where(.svelte-1fqwv4e) {
		flex: 1;
		min-width: 0;
	}

	.time-input.svelte-1fqwv4e {
		width: 100%;
		padding: 8px 10px;
		background: var(--color-surface-secondary, rgba(255, 255, 255, 0.06));
		border: 1px solid var(--color-border, rgba(255, 255, 255, 0.12));
		border-radius: 8px;
		color: var(--color-text-primary);
		font-size: 14px;
		box-sizing: border-box;
	}

	.time-input.svelte-1fqwv4e:focus {
		outline: none;
		border-color: var(--color-primary, #0088ff);
	}

	.button-presets-plus-rgbw.svelte-gc5db3 {
		display: flex;
		flex-direction: column;
		gap: 12px;
		width: 100%;
	}
.cury-ambient-vial-swatch.svelte-1ixu7f1 {
  width: 24px;
  height: 24px;
  border-radius: var(--radius-small);
  border: 1px solid var(--color-theme-border-02);
  flex-shrink: 0;
}
	.onboarding-step-container.svelte-2z2edj {
		border: 1px solid #5b5f66;
		border-radius: 12px;
		padding: 24px;
	}

	.main-modes-container.svelte-2z2edj {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.inner-modes-container.svelte-2z2edj {
		width: 50%;
	}

	@media (max-width: 639.98px) {
		.main-modes-container.svelte-2z2edj {
			flex-direction: column-reverse;
		}

		.inner-modes-container.svelte-2z2edj {
			width: 100%;
		}
	}

	.main-tab-first-inner-container.svelte-12htiex {
		margin-bottom: 12px;
	}

	.measurement-item.svelte-12htiex {
		max-width: 135px;
		border-bottom: 1px solid #333333;
	}

	.measurement-item.svelte-12htiex:last-child {
		border-bottom: none;
	}

	.liquid-column.svelte-12htiex {
		width: 60px;
		height: 300px;
		border-radius: 20px;
		background: linear-gradient(to top, #025a72 var(--level), #ffffff var(--level));
		position: relative;
		overflow: hidden;
		opacity: 95%;
	}

	.liquid-column.solids-generic-type.svelte-12htiex,
	.liquid-column.solids-pellets-type.svelte-12htiex,
	.liquid-column.solids-grain-type.svelte-12htiex,
	.liquid-column.solids-sand-type.svelte-12htiex {
		background: #ffffff;
	}

	.minimize-liquid-column.svelte-12htiex {
		scale: 0.8;
	}

	/* Blue liquid (covers markers inside) */
	.liquid-fill.svelte-12htiex {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: var(--level);
		background: #025a72;
		z-index: 2; /* above markers */
	}

	.liquid-fill.solids-generic-type.svelte-12htiex,
	.liquid-fill.solids-pellets-type.svelte-12htiex,
	.liquid-fill.solids-grain-type.svelte-12htiex,
	.liquid-fill.solids-sand-type.svelte-12htiex {
		background-color: white;
		background-size: 500%;
		border-top: 1px solid lightgray;
	}

	.liquid-fill.solids-generic-type.svelte-12htiex {
		background-image: url('../images/onboarding/distance/solids_generic.png');
	}

	.liquid-fill.solids-pellets-type.svelte-12htiex {
		background-image: url('../images/onboarding/distance/solids_pellets.png');
	}

	.liquid-fill.solids-grain-type.svelte-12htiex {
		background-image: url('../images/onboarding/distance/solids_grain.png');
	}

	.liquid-fill.solids-sand-type.svelte-12htiex {
		background-image: url('../images/onboarding/distance/solids_sand.png');
	}

	.wave.svelte-12htiex {
		position: absolute;
		bottom: calc(var(--level) - 0.2%);
		left: -20px;
		width: 200px;
		height: 20px;
		animation: svelte-12htiex-wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) 0s infinite;
		z-index: 2; /* above markers */
		user-select: none;
	}

	.wave.svelte-12htiex:nth-of-type(2) {
		bottom: calc(var(--level) - 0.2%);
		right: 0;
		width: 200px;
		height: 20px;
		animation: svelte-12htiex-wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -1.5s infinite;
		z-index: 2; /* above markers */
		user-select: none;
	}

	@keyframes svelte-12htiex-wave {
		0% {
			margin-left: -20px;
		}
		50% {
			margin-left: -100px;
		}
		100% {
			margin-left: -20px;
		}
	}

	/* Extra markers */
	.marker-10.svelte-12htiex,
	.marker-20.svelte-12htiex,
	.marker-30.svelte-12htiex,
	.marker-40.svelte-12htiex,
	.marker-50.svelte-12htiex,
	.marker-60.svelte-12htiex,
	.marker-70.svelte-12htiex,
	.marker-80.svelte-12htiex,
	.marker-90.svelte-12htiex {
		position: absolute;
		left: 40%;
		right: 40%;
		height: 1px;
		background: lightgray;
		z-index: 1;
	}

	.marker-10.svelte-12htiex {
		top: 10%;
	}

	.marker-20.svelte-12htiex {
		top: 20%;
	}

	.marker-30.svelte-12htiex {
		top: 30%;
	}

	.marker-40.svelte-12htiex {
		top: 40%;
	}

	.marker-50.svelte-12htiex {
		top: 50%;
	}

	.marker-60.svelte-12htiex {
		top: 60%;
	}

	.marker-70.svelte-12htiex {
		top: 70%;
	}

	.marker-80.svelte-12htiex {
		top: 80%;
	}

	.marker-90.svelte-12htiex {
		top: 90%;
	}

	/* Add label text */
	.marker-10.svelte-12htiex::after,
	.marker-20.svelte-12htiex::after,
	.marker-30.svelte-12htiex::after,
	.marker-40.svelte-12htiex::after,
	.marker-50.svelte-12htiex::after,
	.marker-60.svelte-12htiex::after,
	.marker-70.svelte-12htiex::after,
	.marker-80.svelte-12htiex::after,
	.marker-90.svelte-12htiex::after {
		position: absolute;
		bottom: -5px;
		left: 100%; /* or adjust based on where you want it */
		color: #999;
		font-size: 10px;
		margin-left: 2px;
	}

	/* Individual labels */
	.marker-10.svelte-12htiex::after {
		content: '90%';
		text-wrap: nowrap;
	}
	.marker-20.svelte-12htiex::after {
		content: '80%';
		text-wrap: nowrap;
	}
	.marker-30.svelte-12htiex::after {
		content: '70%';
		text-wrap: nowrap;
	}
	.marker-40.svelte-12htiex::after {
		content: '60%';
		text-wrap: nowrap;
	}
	.marker-50.svelte-12htiex::after {
		content: '50%';
		text-wrap: nowrap;
	}
	.marker-60.svelte-12htiex::after {
		content: '40%';
		text-wrap: nowrap;
	}
	.marker-70.svelte-12htiex::after {
		content: '30%';
		text-wrap: nowrap;
	}
	.marker-80.svelte-12htiex::after {
		content: '20%';
		text-wrap: nowrap;
	}
	.marker-90.svelte-12htiex::after {
		content: '10%';
		text-wrap: nowrap;
	}

	@media (min-width: 640px) {
		.occupancy-container.svelte-1mebbvf {
			margin-left: 24px;
		}
	}

	.secondary-tab-container.svelte-kis9eq {
		margin-top: 12px;
	}
	@media (min-width: 640px) {
		.garage-container.svelte-kis9eq {
			margin-left: 24px;
		}
	}

	@media (max-width: 639.98px) {
		.garage-container.svelte-kis9eq {
			margin-top: 24px;
			margin-bottom: 16px;
		}
	}

	.mode-preview.svelte-1xrl3cj {
		width: 100%;
		min-height: 300px;
	}

	.liquid-container.svelte-1xrl3cj {
		display: flex;
		justify-content: end;
		margin-bottom: 0;
		min-height: 300px;
	}

	@media (max-width: 639.98px) {
		.liquid-container.svelte-1xrl3cj {
			justify-content: center;
			margin-bottom: 16px;
		}
	}

	.liquid-diagram-container.svelte-yjbxpz,
	.occupancy-diagram-container.svelte-yjbxpz,
	.garage-diagram-container.svelte-yjbxpz {
		display: flex;
		justify-content: end;
	}

	.liquid-diagram.svelte-yjbxpz {
		position: relative;
		width: 203px;
		height: 241px;
	}

	.occupancy-diagram.svelte-yjbxpz {
		position: relative;
		width: 188px;
		height: 267px;
	}

	.garage-diagram.svelte-yjbxpz {
		position: relative;
		width: 300px;
	}

	.liquid-label.svelte-yjbxpz,
	.occupancy-label.svelte-yjbxpz,
	.garage-label.svelte-yjbxpz {
		pointer-events: none;
		position: absolute;
		font-size: 10px;
		color: #6e6e6e;
	}

	.liquid-label.svelte-yjbxpz:nth-of-type(1),
	.occupancy-label.svelte-yjbxpz:nth-of-type(1),
	.garage-label.svelte-yjbxpz:nth-of-type(1),
	.garage-label.svelte-yjbxpz:nth-of-type(4),
	.garage-label.svelte-yjbxpz:nth-of-type(5) {
		color: #fff;
	}

	.occupancy-label.svelte-yjbxpz:nth-of-type(1) {
		top: 46%;
		left: -24%;
	}

	.liquid-label.svelte-yjbxpz:nth-of-type(1) {
		top: 46%;
		left: -27%;
	}
	.liquid-label.svelte-yjbxpz:nth-of-type(2) {
		top: 31%;
		left: 14%;
	}
	.liquid-label.reverse.svelte-yjbxpz:nth-of-type(2) {
		top: 31%;
		left: 19%;
	}
	.liquid-label.svelte-yjbxpz:nth-of-type(3) {
		bottom: 1%;
		left: 19%;
	}
	.liquid-label.reverse.svelte-yjbxpz:nth-of-type(3) {
		bottom: 1%;
		left: 14%;
	}
	.liquid-label.svelte-yjbxpz:nth-of-type(4) {
		top: 58%;
		left: 13%;
	}

	.garage-label.svelte-yjbxpz:nth-of-type(1) {
		top: 25%;
		left: 15%;
	}
	.garage-label.svelte-yjbxpz:nth-of-type(2) {
		top: 61%;
		left: 14%;
	}
	.garage-label.svelte-yjbxpz:nth-of-type(3) {
		top: 11%;
		left: 80%;
	}
	.garage-label.svelte-yjbxpz:nth-of-type(4) {
		top: 61%;
		left: 86%;
	}
	.garage-label.svelte-yjbxpz:nth-of-type(5) {
		top: 90%;
		left: 49%;
	}

	@media (max-width: 639.98px) {
		.liquid-diagram-container.svelte-yjbxpz {
			margin-bottom: 24px;
			justify-content: center;
		}

		.occupancy-diagram-container.svelte-yjbxpz,
		.garage-diagram-container.svelte-yjbxpz {
			justify-content: center;
		}
	}

	.labels-container.svelte-le0kii {
		position: relative;
		overflow: hidden;
		height: 22px;
	}

	.slider-label.svelte-le0kii {
		position: absolute;
		top: 0;
	}

	.linear-chart.svelte-le0kii {
		overflow: hidden;
		border-radius: 12px;
	}

	.linear-chart.svelte-le0kii div:where(.svelte-le0kii) {
		height: 12px;
	}

	.linear-chart.svelte-le0kii div:where(.svelte-le0kii):nth-of-type(1),
	.linear-chart.svelte-le0kii div:where(.svelte-le0kii):nth-of-type(3) {
		background-color: #303235;
	}

	.linear-chart.svelte-le0kii div:where(.svelte-le0kii):nth-of-type(2) {
		background-color: #2491ff;
	}

	.liquid-diagram-container.svelte-le0kii,
	.occupancy-diagram-container.svelte-le0kii,
	.garage-diagram-container.svelte-le0kii {
		display: flex;
		justify-content: end;
	}

	.liquid-diagram.svelte-le0kii {
		position: relative;
		width: 203px;
		height: 242px;
	}

	.occupancy-diagram.svelte-le0kii {
		position: relative;
		width: 231px;
		height: 268px;
	}

	.garage-diagram.svelte-le0kii {
		position: relative;
		width: 300px;
	}

	.liquid-label.svelte-le0kii,
	.occupancy-label.svelte-le0kii,
	.garage-label.svelte-le0kii {
		pointer-events: none;
		position: absolute;
		font-size: 10px;
		color: #6e6e6e;
	}

	.garage-label.svelte-le0kii:nth-of-type(1),
	.garage-label.svelte-le0kii:nth-of-type(3),
	.occupancy-label.svelte-le0kii:nth-of-type(2),
	.liquid-label.svelte-le0kii:nth-of-type(2),
	.liquid-label.svelte-le0kii:nth-of-type(3),
	.liquid-label.svelte-le0kii:nth-of-type(4) {
		color: #fff;
	}

	.occupancy-label.svelte-le0kii:nth-of-type(1) {
		top: 46%;
		left: -19%;
	}
	.occupancy-label.svelte-le0kii:nth-of-type(2) {
		top: 74%;
		left: 8%;
	}

	.liquid-label.svelte-le0kii:nth-of-type(1) {
		top: 46%;
		left: -27%;
	}
	.liquid-label.svelte-le0kii:nth-of-type(2) {
		top: 31%;
		left: 14%;
	}
	.liquid-label.reverse.svelte-le0kii:nth-of-type(2) {
		top: 31%;
		left: 19%;
	}
	.liquid-label.svelte-le0kii:nth-of-type(3) {
		bottom: 1%;
		left: 19%;
	}
	.liquid-label.reverse.svelte-le0kii:nth-of-type(3) {
		bottom: 1%;
		left: 14%;
	}
	.liquid-label.svelte-le0kii:nth-of-type(4) {
		top: 58%;
		left: 13%;
	}

	.garage-label.svelte-le0kii:nth-of-type(1) {
		top: 52%;
		left: 10%;
	}
	.garage-label.svelte-le0kii:nth-of-type(2) {
		top: 11%;
		left: 80%;
	}
	.garage-label.svelte-le0kii:nth-of-type(3) {
		top: 90%;
		left: 49%;
	}

	@media (max-width: 639.98px) {
		.liquid-diagram-container.svelte-le0kii {
			margin-bottom: 24px;
			justify-content: center;
		}
		.occupancy-diagram-container.svelte-le0kii,
		.garage-diagram-container.svelte-le0kii {
			justify-content: center;
		}
	}

	.vibration-setting-container.svelte-afc7ef {
		display: flex;
		justify-content: end;
	}

	@media (max-width: 639.98px) {
		.vibration-setting-container.svelte-afc7ef {
			margin-bottom: 24px;
			justify-content: center;
		}
	}

	.liquid-diagram-container.svelte-11wq637 {
		display: flex;
		justify-content: end;
	}

	.liquid-diagram.svelte-11wq637 {
		position: relative;
		width: 203px;
		height: 242px;
	}

	.liquid-label.svelte-11wq637 {
		pointer-events: none;
		position: absolute;
		font-size: 10px;
		color: #6e6e6e;
	}

	.liquid-label.svelte-11wq637:nth-of-type(1) {
		top: 5%;
		left: -15%;
	}
	.liquid-label.svelte-11wq637:nth-of-type(2) {
		top: -1%;
		left: 53%;
	}
	.liquid-label.svelte-11wq637:nth-of-type(3) {
		top: 19%;
		left: 43%;
	}
	.liquid-label.svelte-11wq637:nth-of-type(4) {
		top: 38%;
		left: 50%;
	}
	.liquid-label.svelte-11wq637:nth-of-type(5) {
		top: 56%;
		left: 56%;
	}
	.liquid-label.svelte-11wq637:nth-of-type(6) {
		top: 75%;
		left: 63%;
	}
	.liquid-label.svelte-11wq637:nth-of-type(7) {
		bottom: 1%;
		right: -6%;
	}

	@media (max-width: 639.98px) {
		.liquid-diagram-container.svelte-11wq637 {
			margin-left: 24px;
			margin-bottom: 24px;
			justify-content: center;
		}
	}

	/* (unused) .intro-wizard-steps {
		min-width: 0;
		width: 100%;
		overflow-x: auto;
	}*/

	.zone-holder.svelte-tw4lbm {
		position: relative;
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
		border-radius: var(--radius-big);
		overflow: hidden;
	}

	.zone-canvas.svelte-tw4lbm {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
		touch-action: none;
	}

	.zone-canvas.view.svelte-tw4lbm {
		pointer-events: none;
	}

	.zone-holder.disabled.svelte-tw4lbm {
		pointer-events: none;
	}

	.color-picker.svelte-rjze63 {
		display: flex;
		gap: 8px;
		align-items: center;
	}
	/* swatches */
	.swatch.svelte-rjze63 {
		width: 25px;
		height: 25px;
		border-radius: 50%;
		border: 2px solid transparent;
		position: relative;
		cursor: pointer;
		transition: transform 0.1s;
		opacity: 0.8;
	}
	.swatch.svelte-rjze63:hover {
		transform: scale(1.1);
		opacity: 1;
	}

	/* selected state */
	.swatch.selected.svelte-rjze63 {
		box-shadow: inset 0 0 0 2px #fff;
		opacity: 1;
	}
	.swatch.selected.svelte-rjze63::after {
		content: '✓';
		font-size: 14px;
		color: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.camera-picture-settings.svelte-t2ofg1 {
		display: flex;
		flex-direction: column;
		gap: 12px;
		width: 100%;
	}

	.camera-slot-assignment.svelte-44snw2 {
		width: 100%;
	}

	.camera-slot-assignment__widget.svelte-44snw2 {
		display: flex;
		flex: 1 1 0;
		align-items: center;
		gap: 14px;
		min-width: 0;
		min-height: 92px;
		padding: 16px;
		background: rgba(255, 255, 255, 0.035);
		border: 1px solid rgba(255, 255, 255, 0.11);
		border-radius: var(--radius-big);
		box-sizing: border-box;
	}

	.camera-slot-assignment__camera.svelte-44snw2 {
		box-shadow: 0 16px 34px -30px rgba(255, 255, 255, 0.45);
	}

	.camera-slot-assignment__avatar.svelte-44snw2,
	.camera-slot-assignment__slot-icon.svelte-44snw2 {
		display: grid;
		width: 58px;
		height: 58px;
		place-items: center;
		flex-shrink: 0;
		overflow: hidden;
		color: #ffffff;
		font-size: 20px;
		background: rgba(255, 255, 255, 0.08);
		border-radius: 15px;
	}

	.camera-slot-assignment__avatar.svelte-44snw2 img:where(.svelte-44snw2) {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.camera-slot-assignment__copy.svelte-44snw2 {
		display: flex;
		min-width: 0;
		flex-direction: column;
		gap: 4px;
	}

	.camera-slot-assignment__copy.svelte-44snw2 span:where(.svelte-44snw2) {
		color: rgba(255, 255, 255, 0.5);
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 0.07em;
		text-transform: uppercase;
	}

	.camera-slot-assignment__copy.svelte-44snw2 strong:where(.svelte-44snw2) {
		overflow: hidden;
		font-size: 16px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.camera-slot-assignment__arrow.svelte-44snw2 {
		display: flex;
		flex: 0 0 68px;
		align-items: center;
		justify-content: center;
		color: rgba(255, 255, 255, 0.58);
	}

	.camera-slot-assignment__arrow.svelte-44snw2 i:where(.svelte-44snw2) {
		font-size: 22px;
	}

	.camera-slot-assignment__slot.svelte-44snw2 {
		background:
			radial-gradient(110% 170% at 100% 100%, rgba(255, 255, 255, 0.06) 0%, transparent 65%),
			rgba(255, 255, 255, 0.025);
		border-color: rgba(255, 255, 255, 0.24);
		border-style: dashed;
	}

	@media (max-width: 620px) {
		.camera-slot-assignment.svelte-44snw2 {
			flex-direction: column;
			gap: 10px;
		}

		.camera-slot-assignment__arrow.svelte-44snw2 {
			flex-basis: auto;
			height: 28px;
			transform: rotate(90deg);
		}

		.camera-slot-assignment__widget.svelte-44snw2 {
			min-height: 82px;
		}
	}

	.feature-promo-banner.svelte-1xcmpfp {
		--promo-padding: 16px;
		--promo-dismiss-size: 32px;
		--promo-content-indent: 40px;
		--promo-accent: #db5cf4;
		--promo-accent-start: #db5cf4;
		--promo-accent-end: #8e36ec;
		--promo-accent-soft: rgba(219, 92, 244, 0.34);
		--promo-accent-border: rgba(219, 92, 244, 0.55);
		--promo-accent-glow: rgba(219, 92, 244, 0.9);
		--promo-surface: var(--color-1, #242527);
		--promo-button-background: linear-gradient(
			90deg,
			var(--promo-accent-start) 0%,
			var(--promo-accent-end) 100%
		);
		--promo-button-color: #ffffff;
		position: relative;
		overflow: hidden;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		padding: var(--promo-padding);
		border: 1px solid var(--promo-accent-border);
		border-radius: var(--radius-big);
		background:
			radial-gradient(120% 120% at 50% 0%, var(--promo-accent-soft) 0%, transparent 62%),
			var(--promo-surface);
		box-shadow: 0 30px 70px -46px var(--promo-accent-glow);
		color: #ffffff;
	}

	.feature-promo-banner__dismiss.svelte-1xcmpfp {
		position: absolute;
		top: var(--promo-padding);
		right: var(--promo-padding);
		z-index: 1;
	}

	/*
	 * Keep banner padding even on both sides. Only the copy row insets
	 * so the title does not run under the close control; the CTA stays
	 * full-width and aligned with the left edge of the icon.
	 */
	.feature-promo-banner--dismissable.svelte-1xcmpfp .feature-promo-banner__content:where(.svelte-1xcmpfp) {
		padding-right: calc(var(--promo-dismiss-size) + 8px);
	}

	.feature-promo-banner__dismiss.svelte-1xcmpfp button {
		background: rgba(255, 255, 255, 0.16) !important;
		color: #ffffff !important;
		box-shadow: none !important;
	}

	.feature-promo-banner--premium.svelte-1xcmpfp {
		--promo-accent: var(--color-premium);
		--promo-accent-start: var(--color-premium);
		--promo-accent-end: var(--color-premium);
		--promo-accent-soft: color-mix(in srgb, var(--color-premium) 28%, transparent);
		--promo-accent-border: color-mix(in srgb, var(--color-premium) 58%, transparent);
		--promo-accent-glow: color-mix(in srgb, var(--color-premium) 88%, transparent);
		--promo-surface: rgba(255, 255, 255, 0.055);
		--promo-button-background: var(--gradient-premium);
		--promo-button-color: #171717;
	}

	.feature-promo-banner__content.svelte-1xcmpfp {
		display: grid;
		grid-template-columns: 28px minmax(0, 1fr);
		align-items: start;
		gap: 12px;
	}

	.feature-promo-banner__icon.svelte-1xcmpfp {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 28px;
		height: 28px;
		color: var(--promo-accent);
	}

	.feature-promo-banner--premium.svelte-1xcmpfp .feature-promo-banner__icon:where(.svelte-1xcmpfp) i {
		background: var(--gradient-premium);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.feature-promo-banner__copy.svelte-1xcmpfp {
		min-width: 0;
	}

	.feature-promo-banner__copy.svelte-1xcmpfp .feature-promo-banner__title,
	.feature-promo-banner__copy.svelte-1xcmpfp .feature-promo-banner__title * {
		color: #ffffff !important;
		font-weight: 700;
	}

	.feature-promo-banner__copy.svelte-1xcmpfp .feature-promo-banner__text,
	.feature-promo-banner__copy.svelte-1xcmpfp .feature-promo-banner__text * {
		color: #ffffff !important;
		font-weight: 500;
		line-height: 1.55;
	}

	.feature-promo-banner__action.svelte-1xcmpfp {
		display: flex;
		width: 100%;
		margin-top: 14px;
	}

	.feature-promo-banner--action-auto.svelte-1xcmpfp .feature-promo-banner__action:where(.svelte-1xcmpfp) {
		justify-content: flex-start;
		width: calc(100% - var(--promo-content-indent));
		margin-left: var(--promo-content-indent);
	}

	.feature-promo-banner__action.svelte-1xcmpfp .feature-promo-banner__button {
		display: flex !important;
		box-sizing: border-box;
		width: 100% !important;
		max-width: none !important;
		min-height: 46px;
		overflow: hidden;
		border: 0 !important;
		border-radius: 10px !important;
		background: var(--promo-button-background) !important;
		background-image: var(--promo-button-background) !important;
		background-position: 0 50% !important;
		background-size: 160% 100% !important;
		box-shadow: 0 12px 30px -14px var(--promo-accent-glow) !important;
		color: var(--promo-button-color) !important;
		transition:
			background-position 400ms ease,
			box-shadow 240ms ease,
			filter 240ms ease,
			transform 240ms cubic-bezier(0.2, 0.8, 0.2, 1);
	}

	.feature-promo-banner--action-auto.svelte-1xcmpfp
		.feature-promo-banner__action:where(.svelte-1xcmpfp)
		.feature-promo-banner__button {
		flex: 0 0 auto;
		width: auto !important;
		max-width: max-content !important;
	}

	.feature-promo-banner__action.svelte-1xcmpfp .feature-promo-banner__button * {
		color: var(--promo-button-color) !important;
	}

	.feature-promo-banner__action.svelte-1xcmpfp .feature-promo-banner__button:not(:disabled):hover {
		background-position: 100% 50% !important;
		box-shadow: 0 18px 38px -13px var(--promo-accent-glow) !important;
		filter: brightness(1.04);
		transform: translateY(-1px);
	}

	.feature-promo-banner__action.svelte-1xcmpfp .feature-promo-banner__button:not(:disabled):active {
		box-shadow: 0 8px 22px -16px var(--promo-accent-glow) !important;
		filter: brightness(0.98);
		transform: translateY(0) scale(0.985);
	}

	.feature-promo-banner__action.svelte-1xcmpfp .feature-promo-banner__button:focus-visible {
		outline: 2px solid color-mix(in srgb, var(--promo-accent) 82%, #ffffff) !important;
		outline-offset: 3px;
	}

	@media screen and (max-width: 420px) {
		.feature-promo-banner.svelte-1xcmpfp {
			--promo-padding: 14px;
			--promo-content-indent: 38px;
		}

		.feature-promo-banner__content.svelte-1xcmpfp {
			gap: 10px;
		}

		.feature-promo-banner__action.svelte-1xcmpfp {
			margin-top: 12px;
		}
	}

	@media (prefers-reduced-motion: reduce) {
		.feature-promo-banner__action.svelte-1xcmpfp .feature-promo-banner__button {
			transition: none;
		}
	}

	.flex-1.svelte-1lgcick {
		flex: 1;
	}

	.min-width-0.svelte-1lgcick {
		min-width: 0;
	}

	.ccs-camera-row.svelte-1lgcick {
		display: flex;
		align-items: center;
		gap: 12px;
		width: 100%;
		background: var(--color-secondary-1, #242527);
		border: 1px solid var(--color-secondary-2, #303235);
		border-radius: 12px;
		padding: 12px;
		color: inherit;
		text-align: left;
		cursor: pointer;
		transition:
			border-color 0.2s ease-in-out,
			opacity 0.2s ease-in-out;
	}

	.ccs-camera-row.svelte-1lgcick:hover:not(.ccs-camera-row--disabled) {
		border-color: #893bf2;
	}

	.ccs-camera-row--checked.svelte-1lgcick {
		border-color: #893bf2;
		background: rgba(137, 59, 242, 0.08);
	}

	.ccs-camera-row--disabled.svelte-1lgcick {
		opacity: 0.5;
		cursor: not-allowed;
	}

	.ccs-checkbox.svelte-1lgcick {
		width: 22px;
		height: 22px;
		border-radius: 6px;
		border: 1.5px solid var(--color-secondary-3, #5b5f66);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}

	.ccs-checkbox--checked.svelte-1lgcick {
		background: linear-gradient(135deg, #d56cf8 0%, #893bf2 100%);
		border-color: transparent;
		color: #ffffff;
	}

	/*
	 * "Locked" appearance for the checkbox — used when the camera is
	 * already assigned to another slot, so the visual conveys
	 * "already in use" rather than "currently picked".
	 */
	.ccs-checkbox--locked.svelte-1lgcick {
		background: var(--color-secondary-3, #5b5f66);
		color: #ffffff;
	}

	/*
	 * Radio button used by the single-select (Replace camera) mode.
	 * The inner dot is rendered with a pseudo-element so the
	 * gradient/ring stays consistent with the rest of the picker.
	 */
	.ccs-radio.svelte-1lgcick {
		width: 22px;
		height: 22px;
		border-radius: 50%;
		border: 1.5px solid var(--color-secondary-3, #5b5f66);
		flex-shrink: 0;
		position: relative;
		display: inline-block;
		background: transparent;
	}

	.ccs-radio--checked.svelte-1lgcick {
		border-color: #893bf2;
	}

	.ccs-radio--checked.svelte-1lgcick::after {
		content: '';
		position: absolute;
		inset: 3px;
		border-radius: 50%;
		background: linear-gradient(135deg, #d56cf8 0%, #893bf2 100%);
	}

	/*
	 * "Locked" radio (camera is in another slot) — neutralise the
	 * purple branding and use a flat grey ring + dot so the user
	 * reads it as "taken" rather than "your current pick".
	 */
	.ccs-radio--locked.svelte-1lgcick {
		border-color: var(--color-secondary-3, #5b5f66);
	}

	.ccs-radio--locked.svelte-1lgcick::after {
		background: var(--color-secondary-3, #5b5f66);
	}

	/*
	 * Square thumbnail for the camera row — matches the slot-row avatar
	 * in `ManageCameraCloudStorageModal` so the picker and slot list
	 * read as the same visual language.
	 */
	.ccs-device-avatar.svelte-1lgcick {
		width: 36px;
		height: 36px;
		border-radius: 8px;
		background: var(--color-secondary-2, #303235);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		flex-shrink: 0;
	}

	.ccs-device-avatar.svelte-1lgcick img:where(.svelte-1lgcick) {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.flex-1.svelte-16fyelg {
		flex: 1;
	}

	.min-width-0.svelte-16fyelg {
		min-width: 0;
	}

	/*
	 * Modal's content slot is the scroll container — `removeScrollPadding`
	 * strips its default inset, which leaves the body flush with the
	 * scrollbar. A small inline-end padding restores a comfortable gap
	 * between the slot rows and the vertical scrollbar.
	 */
	.ccs-modal-content.svelte-16fyelg {
		--ccs-upgrade-surface: rgba(219, 92, 244, 0.1);
		padding-inline-end: 8px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.ccs-premium-slot-summary {
		background: var(--ccs-upgrade-surface) !important;
	}

	.ccs-upgrade-copy.svelte-16fyelg {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.ccs-slot-row.svelte-16fyelg {
		display: flex;
		align-items: center;
		gap: 12px;
		background: var(--color-secondary-1, #242527);
		border: 1px solid var(--color-secondary-2, #303235);
		border-radius: 12px;
		padding: 12px;
	}

	/*
	 * Square device thumbnail used in slot rows. The inner <img> fills
	 * the box and crops with `object-fit: cover` so different device
	 * artwork aspect ratios still look uniform.
	 */
	.ccs-device-avatar.svelte-16fyelg {
		width: 36px;
		height: 36px;
		border-radius: 8px;
		background: var(--color-secondary-2, #303235);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		flex-shrink: 0;
	}

	.ccs-device-avatar.svelte-16fyelg img:where(.svelte-16fyelg) {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.ccs-slot-row--empty.svelte-16fyelg {
		padding: 0;
		background: transparent;
		border: none;
	}

	.ccs-slot-actions.svelte-16fyelg {
		display: inline-flex;
		gap: 4px;
		flex-shrink: 0;
	}

	.ccs-empty-slot.svelte-16fyelg {
		display: flex;
		align-items: center;
		gap: 12px;
		width: 100%;
		background: transparent;
		border: 1px dashed var(--color-secondary-3, #5b5f66);
		border-radius: 12px;
		padding: 16px;
		color: inherit;
		cursor: pointer;
		transition: border-color 0.2s ease-in-out;
	}

	.ccs-empty-slot.svelte-16fyelg:hover:not(:disabled) {
		border-color: #893bf2;
	}

	.ccs-empty-slot.svelte-16fyelg:disabled {
		cursor: not-allowed;
		opacity: 0.55;
	}

	.gap-xs.svelte-16fyelg {
		gap: 4px;
	}

	.mt-xs.svelte-16fyelg {
		margin-top: 4px;
	}

	.camera-setup-offer.svelte-1axfmi7 {
		--setup-accent: #b26eff;
		--setup-accent-rgb: 178, 110, 255;
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.camera-setup-offer--premium.svelte-1axfmi7 {
		--setup-accent: var(--color-premium);
		--setup-accent-rgb: 244, 224, 168;
	}

	.camera-setup-offer--ready.svelte-1axfmi7 {
		--setup-accent: #72dfa9;
		--setup-accent-rgb: 114, 223, 169;
	}

	.camera-setup-offer__hero.svelte-1axfmi7 {
		display: grid;
		grid-template-columns: 54px minmax(0, 1fr);
		gap: 16px;
		padding: 22px;
		background:
			radial-gradient(110% 170% at 0% 0%, rgba(var(--setup-accent-rgb), 0.2) 0%, transparent 60%),
			rgba(255, 255, 255, 0.035);
		border: 1px solid rgba(var(--setup-accent-rgb), 0.46);
		border-radius: var(--radius-big);
	}

	.camera-setup-offer__icon.svelte-1axfmi7 {
		display: grid;
		width: 54px;
		height: 54px;
		place-items: center;
		color: var(--setup-accent);
		font-size: 23px;
		background: rgba(var(--setup-accent-rgb), 0.13);
		border: 1px solid rgba(var(--setup-accent-rgb), 0.42);
		border-radius: 16px;
		box-shadow: 0 16px 32px -24px var(--setup-accent);
	}

	.camera-setup-offer__eyebrow.svelte-1axfmi7,
	.camera-setup-offer__hero.svelte-1axfmi7 h2:where(.svelte-1axfmi7),
	.camera-setup-offer__hero.svelte-1axfmi7 p:where(.svelte-1axfmi7) {
		margin: 0;
	}

	.camera-setup-offer__eyebrow.svelte-1axfmi7 {
		margin-bottom: 4px;
		color: var(--setup-accent);
		font-size: 11px;
		font-weight: 750;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}

	.camera-setup-offer__hero.svelte-1axfmi7 h2:where(.svelte-1axfmi7) {
		font-size: clamp(21px, 3vw, 28px);
		line-height: 1.2;
	}

	.camera-setup-offer__hero.svelte-1axfmi7 h2:where(.svelte-1axfmi7) + p:where(.svelte-1axfmi7) {
		margin-top: 8px;
		color: rgba(255, 255, 255, 0.67);
		font-size: 14px;
		line-height: 1.5;
	}

	.camera-setup-benefits.svelte-1axfmi7 {
		overflow: hidden;
		background: rgba(255, 255, 255, 0.025);
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: var(--radius-big);
	}

	.camera-setup-benefits__header.svelte-1axfmi7,
	.camera-setup-benefit.svelte-1axfmi7 {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(82px, max-content);
		align-items: center;
	}

	.camera-setup-benefits__header.svelte-1axfmi7 {
		padding: 10px 16px;
		color: rgba(255, 255, 255, 0.46);
		font-size: 10px;
		font-weight: 750;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		background: rgba(255, 255, 255, 0.035);
	}

	.camera-setup-benefits__header.svelte-1axfmi7 span:where(.svelte-1axfmi7) {
		white-space: nowrap;
	}

	.camera-setup-benefits__header.svelte-1axfmi7 span:where(.svelte-1axfmi7):last-child {
		padding-left: 12px;
		text-align: center;
	}

	.camera-setup-benefit.svelte-1axfmi7 {
		min-height: 66px;
		padding: 12px 16px;
		border-top: 1px solid rgba(255, 255, 255, 0.08);
		box-sizing: border-box;
	}

	.camera-setup-benefit__copy.svelte-1axfmi7 {
		display: grid;
		grid-template-columns: 26px minmax(0, 1fr);
		align-items: center;
		gap: 11px;
	}

	.camera-setup-benefit__copy.svelte-1axfmi7 > i:where(.svelte-1axfmi7) {
		color: var(--setup-accent);
		font-size: 16px;
		text-align: center;
	}

	.camera-setup-benefit__copy.svelte-1axfmi7 div:where(.svelte-1axfmi7) {
		display: flex;
		flex-direction: column;
		gap: 2px;
	}

	.camera-setup-benefit__copy.svelte-1axfmi7 strong:where(.svelte-1axfmi7) {
		font-size: 14px;
	}

	.camera-setup-benefit__copy.svelte-1axfmi7 span:where(.svelte-1axfmi7) {
		color: rgba(255, 255, 255, 0.55);
		font-size: 12px;
		line-height: 1.35;
	}

	.camera-setup-benefit__check.svelte-1axfmi7 {
		display: grid;
		width: 100%;
		place-items: center;
		justify-self: stretch;
		color: var(--setup-accent);
	}

	.camera-setup-benefits-link.svelte-1axfmi7 {
		display: inline-flex;
		align-items: center;
		align-self: flex-start;
		gap: 7px;
		margin: -6px 0 0;
		padding: 0;
		color: var(--setup-accent);
		font: inherit;
		font-size: 13px;
		font-weight: 650;
		background: transparent;
		border: 0;
		cursor: pointer;
		transition:
			color 0.2s ease,
			gap 0.2s ease;
	}

	.camera-setup-benefits-link.svelte-1axfmi7:hover,
	.camera-setup-benefits-link.svelte-1axfmi7:focus-visible {
		gap: 10px;
		color: #ffffff;
	}

	.camera-setup-primary--camera,
	.camera-setup-primary--camera:hover {
		color: #ffffff !important;
		background: linear-gradient(110deg, #d957f2 0%, #893bf2 100%) !important;
		border-color: transparent !important;
		box-shadow: 0 12px 30px -16px rgba(178, 110, 255, 0.9) !important;
	}

	.camera-setup-primary--ready,
	.camera-setup-primary--ready:hover {
		color: #171717 !important;
		background: #f4f4f4 !important;
		border-color: transparent !important;
		box-shadow: 0 10px 24px -18px rgba(255, 255, 255, 0.55) !important;
	}

	@media (max-width: 620px) {
		.camera-setup-offer__hero.svelte-1axfmi7 {
			grid-template-columns: 44px minmax(0, 1fr);
			padding: 18px;
		}

		.camera-setup-offer__icon.svelte-1axfmi7 {
			width: 44px;
			height: 44px;
			font-size: 19px;
			border-radius: 13px;
		}
	}

	/* The avatar's backgroundColor prop only accepts design system tokens, none
	   of which is the Camera Cloud Storage gradient. */
	.ccs-gradient-avatar .circle-avatar {
		background: var(--ccs-avatar-gradient) !important;
	}
.bluetooth-setting-row.svelte-reew36 {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-m);
  width: 100%;
  min-width: 0;
}
.bluetooth-setting-row.is-interactive.svelte-reew36 {
  align-items: center;
  cursor: pointer;
  border-radius: var(--radius-theme-sm);
}
.bluetooth-setting-row.is-interactive.svelte-reew36:focus-visible {
  outline: 1px solid var(--color-theme-accent);
  outline-offset: var(--spacing-xs);
}
.bluetooth-setting-row.is-disabled.svelte-reew36 {
  cursor: not-allowed;
}

.bluetooth-setting-row-leading.svelte-reew36,
.bluetooth-setting-row-trailing.svelte-reew36 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
}

.bluetooth-setting-row-meta.svelte-reew36 {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--spacing-xs);
  min-width: 0;
}.bluetooth-status-banner.svelte-iu7y8y {
  --bluetooth-banner-bg: var(--color-theme-card-01);
  --bluetooth-banner-border: var(--color-theme-border-02);
  --bluetooth-banner-icon-bg: var(--color-theme-card-02);
  --bluetooth-banner-icon-fg: var(--color-theme-text-sec);
  display: flex;
  align-items: center;
  gap: var(--spacing-m);
  width: 100%;
  padding: var(--spacing-m);
  border: 1px solid var(--bluetooth-banner-border);
  border-radius: var(--radius-small);
  background: var(--bluetooth-banner-bg);
  box-sizing: border-box;
}
.bluetooth-status-banner.is-accent.svelte-iu7y8y {
  --bluetooth-banner-bg: var(--color-theme-accent-tint);
  --bluetooth-banner-border: var(--color-theme-accent-tint-strong);
  --bluetooth-banner-icon-bg: var(--color-theme-accent);
  --bluetooth-banner-icon-fg: var(--color-theme-text-on-accent);
}
.bluetooth-status-banner.is-warning.svelte-iu7y8y {
  --bluetooth-banner-bg: var(--color-theme-warning-tint);
  --bluetooth-banner-border: var(--color-theme-warning-tint-strong);
  --bluetooth-banner-icon-bg: var(--color-theme-warning);
  --bluetooth-banner-icon-fg: var(--color-theme-text-inverse);
}

.bluetooth-status-banner-icon.svelte-iu7y8y {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: calc(var(--spacing-l) + var(--spacing-xs));
  height: calc(var(--spacing-l) + var(--spacing-xs));
  border-radius: 50%;
  background: var(--bluetooth-banner-icon-bg);
  color: var(--bluetooth-banner-icon-fg);
}

.bluetooth-status-banner-meta.svelte-iu7y8y {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--spacing-xxs);
  min-width: 0;
}

.bluetooth-status-banner-state.svelte-iu7y8y {
  flex-shrink: 0;
  white-space: nowrap;
}.bluetooth-card.svelte-kn7h8p {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m-plus);
  width: 100%;
  padding: var(--spacing-l);
  border: 1px solid var(--color-theme-border-01);
  border-radius: var(--radius-small);
  box-sizing: border-box;
}

.bluetooth-card-divider.svelte-kn7h8p {
  width: 100%;
  margin: 0;
  border: 0;
  border-top: 1px solid var(--color-theme-border-02);
}

.bluetooth-row-icon.svelte-kn7h8p {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--spacing-l);
  height: var(--spacing-l);
}
	.brpc-stack.svelte-1md976e {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-s);
	}

	.brpc-textarea.svelte-1md976e {
		width: 100%;
		padding: var(--spacing-s) var(--spacing-m);
		border: 1px solid var(--color-border-default);
		border-radius: var(--border-radius-s);
		background: var(--color-background-input);
		color: var(--color-text-default);
		font-size: var(--font-size-body-small);
		font-family: var(--font-family-mono, monospace);
		resize: vertical;
		box-sizing: border-box;
	}

	.brpc-textarea.svelte-1md976e:focus {
		outline: none;
		border-color: var(--color-border-focus);
	}

	.brpc-textarea.svelte-1md976e:disabled {
		opacity: 0.5;
		cursor: not-allowed;
	}

	.brpc-code.svelte-1md976e {
		margin: 0;
		padding: var(--spacing-s) var(--spacing-m);
		background: var(--color-background-code, var(--color-background-secondary));
		border: 1px solid var(--color-border-default);
		border-radius: var(--border-radius-s);
		font-family: var(--font-family-mono, monospace);
		font-size: var(--font-size-body-small);
		color: var(--color-text-muted);
		white-space: pre-wrap;
		word-break: break-all;
		overflow: auto;
		max-height: 300px;
	}

	.brpc-code--response.svelte-1md976e {
		color: var(--color-text-default);
		max-height: 360px;
	}

	/**
	 * Even out the spacing between history entries so the list reads as a
	 * clean stack — the design-system Collapse doesn't ship its own
	 * inter-item gap. `:not(:last-child)` keeps the bottom edge flush so
	 * we don't add dead space below the final entry.
	 */
	.collapse-title-left-align:not(:last-child) {
		margin-bottom: 8px;
	}