.breadcrumbs.svelte-14o9aq ul:where(.svelte-14o9aq) {
  display: flex;
  align-items: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.link-text:focus-visible {
  box-shadow: 0 0 0 1px var(--color-theme-accent) inset;
  outline: none;
}

.tooltip-element #tooltip {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}@keyframes svelte-1grxcye-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-1grxcye-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1grxcye-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-1grxcye-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1grxcye-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.choice-button.svelte-1grxcye {
  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: 10px;
  line-height: 12px;
  display: flex;
  min-width: 0;
  height: var(--spacing-l);
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  padding: 0 var(--spacing-xs);
  border: 1px solid var(--color-theme-border-02);
  border-radius: var(--radius-theme-sm);
  background: transparent;
  color: var(--color-theme-text);
  font-weight: 700;
  transition: border-color 220ms ease, background 220ms ease, color 220ms ease;
}
.choice-button.svelte-1grxcye:disabled {
  cursor: not-allowed;
}
.choice-button.svelte-1grxcye:disabled {
  opacity: 0.28;
}
.choice-button.is-selected.svelte-1grxcye {
  border-color: var(--choice-button-accent);
  background: color-mix(in srgb, var(--choice-button-accent) 29%, transparent);
}

.choice-button-icon.svelte-1grxcye {
  display: inline-flex;
  flex-shrink: 0;
  pointer-events: none;
  color: var(--choice-button-icon, inherit);
}

.choice-button-label.svelte-1grxcye {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.carousel.svelte-d7blcg {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}
.carousel.svelte-d7blcg video:where(.svelte-d7blcg),
.carousel.svelte-d7blcg img:where(.svelte-d7blcg) {
  position: relative;
  width: 100%;
  object-fit: contain;
  border-radius: var(--conent-radius);
}
.carousel.svelte-d7blcg .slides:where(.svelte-d7blcg) {
  display: flex;
  flex: auto;
  min-height: 0;
  transition: all 0.5s ease-in-out;
  gap: var(--spacing-m);
  z-index: 2;
}
.carousel.svelte-d7blcg .slides:where(.svelte-d7blcg) .slide:where(.svelte-d7blcg) {
  min-width: calc(100% - var(--spacing-m));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  align-self: start;
}
.carousel.svelte-d7blcg .dots-container:where(.svelte-d7blcg) {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.carousel.svelte-d7blcg .dots-container:where(.svelte-d7blcg) .dots:where(.svelte-d7blcg) {
  display: flex;
  gap: 8px;
}
.carousel.svelte-d7blcg .dots-container:where(.svelte-d7blcg) .dots:where(.svelte-d7blcg) .dot:where(.svelte-d7blcg) {
  height: 8px;
  width: 8px;
  border-radius: 8px;
  background-color: var(--color-theme-border-03);
  cursor: pointer;
  transition: width 200ms ease-in;
}
.carousel.svelte-d7blcg .dots-container:where(.svelte-d7blcg) .dots:where(.svelte-d7blcg) .dot.active:where(.svelte-d7blcg) {
  width: 24px;
  background-color: var(--color-theme-accent);
  box-shadow: var(--shadow-theme-glow-soft);
}@keyframes svelte-10htyyu-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-10htyyu-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-10htyyu-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-10htyyu-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-10htyyu-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.rectangular-avatar-wrapper.svelte-10htyyu {
  display: inline-flex;
  position: relative;
}
.rectangular-avatar-wrapper.preview.svelte-10htyyu {
  display: flex;
  width: 100%;
}
.rectangular-avatar-wrapper.svelte-10htyyu .selected-check:where(.svelte-10htyyu) {
  position: absolute;
  top: var(--spacing-s-plus);
  right: var(--spacing-s-plus);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--color-theme-accent);
  color: var(--color-theme-text-on-accent);
  pointer-events: none;
}
.rectangular-avatar-wrapper.svelte-10htyyu .selected-check:where(.svelte-10htyyu) .icon-grid {
  color: inherit;
}
.rectangular-avatar-wrapper.avatar-type-premium.svelte-10htyyu::before {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: var(--gradient-premium);
  border-radius: var(--ra-outer-radius);
  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)) {
  .rectangular-avatar-wrapper.avatar-type-premium.svelte-10htyyu::before {
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
  }
}
.rectangular-avatar-wrapper.avatar-type-premium.avatar-size-extra-small.svelte-10htyyu {
  width: 20px;
  height: 20px;
  --ra-outer-radius: var(--radius-theme-xs);
}
.rectangular-avatar-wrapper.avatar-type-premium.avatar-size-extra-small.svelte-10htyyu::before {
  padding: 1px;
}
.rectangular-avatar-wrapper.avatar-type-premium.avatar-size-small.svelte-10htyyu {
  width: 32px;
  height: 32px;
  --ra-outer-radius: var(--radius-theme-sm);
}
.rectangular-avatar-wrapper.avatar-type-premium.avatar-size-small.svelte-10htyyu::before {
  padding: 1px;
}
.rectangular-avatar-wrapper.avatar-type-premium.avatar-size-medium.svelte-10htyyu {
  width: 40px;
  height: 40px;
  --ra-outer-radius: var(--radius-theme-md);
}
.rectangular-avatar-wrapper.avatar-type-premium.avatar-size-medium.svelte-10htyyu::before {
  padding: 1px;
}
.rectangular-avatar-wrapper.avatar-type-premium.avatar-size-large.svelte-10htyyu {
  width: 56px;
  height: 56px;
  --ra-outer-radius: var(--radius-theme-lg);
}
.rectangular-avatar-wrapper.avatar-type-premium.avatar-size-large.svelte-10htyyu::before {
  padding: 2px;
}
.rectangular-avatar-wrapper.avatar-type-premium.avatar-size-extra-large.svelte-10htyyu {
  width: 120px;
  height: 120px;
  --ra-outer-radius: var(--radius-theme-xl);
}
.rectangular-avatar-wrapper.avatar-type-premium.avatar-size-extra-large.svelte-10htyyu::before {
  padding: 3px;
}
.rectangular-avatar-wrapper.avatar-type-premium.avatar-size-extra-extra-large.svelte-10htyyu {
  width: 174px;
  height: 174px;
  --ra-outer-radius: var(--radius-theme-xl);
}
.rectangular-avatar-wrapper.avatar-type-premium.avatar-size-extra-extra-large.svelte-10htyyu::before {
  padding: 4px;
}
.rectangular-avatar-wrapper.avatar-type-premium.avatar-size-preview.svelte-10htyyu {
  width: 100%;
  height: 196px;
  --ra-outer-radius: var(--radius-theme-lg);
}
.rectangular-avatar-wrapper.avatar-type-premium.avatar-size-preview.svelte-10htyyu::before {
  padding: 4px;
}
.rectangular-avatar-wrapper.svelte-10htyyu .rectangular-avatar:where(.svelte-10htyyu) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background-color: var(--avatar-bg, var(--color-theme-card-01));
  overflow: hidden;
}
.rectangular-avatar-wrapper.svelte-10htyyu .rectangular-avatar:where(.svelte-10htyyu) .icon-grid {
  color: inherit;
}
.rectangular-avatar-wrapper.svelte-10htyyu .rectangular-avatar.no-background:where(.svelte-10htyyu) {
  background: transparent !important;
}
.rectangular-avatar-wrapper.svelte-10htyyu .rectangular-avatar.has-bg-image:where(.svelte-10htyyu) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.rectangular-avatar-wrapper.svelte-10htyyu .rectangular-avatar.disabled-opacity:where(.svelte-10htyyu) {
  opacity: 0.3;
}
.rectangular-avatar-wrapper.svelte-10htyyu .rectangular-avatar.extra-extra-large:where(.svelte-10htyyu) {
  width: 174px;
  height: 174px;
  border-radius: var(--radius-theme-xl);
}
.rectangular-avatar-wrapper.svelte-10htyyu .rectangular-avatar.preview:where(.svelte-10htyyu) {
  width: 100%;
  height: 196px;
  border-radius: var(--radius-theme-lg);
}
.rectangular-avatar-wrapper.svelte-10htyyu .rectangular-avatar.preview:where(.svelte-10htyyu) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rectangular-avatar-wrapper.svelte-10htyyu .rectangular-avatar.border-color-primary:where(.svelte-10htyyu) {
  border: 2px solid var(--color-theme-accent);
}
.rectangular-avatar-wrapper.svelte-10htyyu .rectangular-avatar.border-color-danger:where(.svelte-10htyyu) {
  border: 2px solid var(--color-theme-danger);
}
.rectangular-avatar-wrapper.svelte-10htyyu .rectangular-avatar.border-color-warning:where(.svelte-10htyyu) {
  border: 2px solid var(--color-theme-warning);
}
.rectangular-avatar-wrapper.svelte-10htyyu .rectangular-avatar.border-color-success:where(.svelte-10htyyu) {
  border: 2px solid var(--color-theme-success);
}
.rectangular-avatar-wrapper.svelte-10htyyu .rectangular-avatar.border-color-white:where(.svelte-10htyyu) {
  border: 2px solid var(--color-theme-fg);
}
.rectangular-avatar-wrapper.svelte-10htyyu .rectangular-avatar.extra-large:where(.svelte-10htyyu) {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-theme-xl);
}
.rectangular-avatar-wrapper.svelte-10htyyu .rectangular-avatar.large:where(.svelte-10htyyu) {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-theme-lg);
}
.rectangular-avatar-wrapper.svelte-10htyyu .rectangular-avatar.medium:where(.svelte-10htyyu) {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-theme-md);
}
.rectangular-avatar-wrapper.svelte-10htyyu .rectangular-avatar.small:where(.svelte-10htyyu) {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-theme-sm);
}
.rectangular-avatar-wrapper.svelte-10htyyu .rectangular-avatar.extra-small:where(.svelte-10htyyu) {
  width: 20px;
  height: 20px;
  border-radius: var(--radius-theme-xs);
}
.rectangular-avatar-wrapper.svelte-10htyyu .rectangular-avatar.text:where(.svelte-10htyyu) {
  padding: 4px;
  text-transform: capitalize;
}
.rectangular-avatar-wrapper.svelte-10htyyu .icon-container:where(.svelte-10htyyu) {
  position: absolute;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rectangular-avatar-wrapper.svelte-10htyyu .icon-container.container-color-primary:where(.svelte-10htyyu) {
  background-color: var(--color-theme-accent);
}
.rectangular-avatar-wrapper.svelte-10htyyu .icon-container.container-color-danger:where(.svelte-10htyyu) {
  background-color: var(--color-theme-danger);
}
.rectangular-avatar-wrapper.svelte-10htyyu .icon-container.container-color-warning:where(.svelte-10htyyu) {
  background-color: var(--color-theme-warning);
}
.rectangular-avatar-wrapper.svelte-10htyyu .icon-container.container-color-success:where(.svelte-10htyyu) {
  background-color: var(--color-theme-success);
}
.rectangular-avatar-wrapper.svelte-10htyyu .icon-container.container-color-white:where(.svelte-10htyyu) {
  background-color: var(--color-theme-fg);
}
.rectangular-avatar-wrapper.svelte-10htyyu .icon-container.icon-container-xs:where(.svelte-10htyyu) {
  width: 12px;
  height: 12px;
  bottom: -4px;
  right: -5px;
}
.rectangular-avatar-wrapper.svelte-10htyyu .icon-container.icon-container-s:where(.svelte-10htyyu) {
  width: 14px;
  height: 14px;
  bottom: -6px;
  right: -6px;
}
.rectangular-avatar-wrapper.svelte-10htyyu .icon-container.icon-container-m:where(.svelte-10htyyu) {
  width: 14px;
  height: 14px;
  bottom: -4px;
  right: -6px;
}
.rectangular-avatar-wrapper.svelte-10htyyu .icon-container.icon-container-l:where(.svelte-10htyyu) {
  width: 20px;
  height: 20px;
  bottom: -6px;
  right: -9px;
}
.rectangular-avatar-wrapper.svelte-10htyyu .icon-container.icon-container-xl:where(.svelte-10htyyu) {
  width: 28px;
  height: 28px;
  bottom: -8px;
  right: -12px;
}
.rectangular-avatar-wrapper.svelte-10htyyu .icon-container.icon-container-xxl:where(.svelte-10htyyu) {
  width: 32px;
  height: 32px;
  bottom: -8px;
  right: -14px;
}
.rectangular-avatar-wrapper.svelte-10htyyu .icon-container:where(.svelte-10htyyu) .second-icon {
  color: var(--color-theme-text-inverse);
}
.rectangular-avatar-wrapper.svelte-10htyyu .avatar-badge:where(.svelte-10htyyu) {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.rectangular-avatar-wrapper.svelte-10htyyu .avatar-badge.premium:where(.svelte-10htyyu) {
  background: var(--gradient-premium);
}
.rectangular-avatar-wrapper.svelte-10htyyu .avatar-badge.size-xs:where(.svelte-10htyyu) {
  width: 12px;
  height: 12px;
  bottom: -4px;
  right: -5px;
}
.rectangular-avatar-wrapper.svelte-10htyyu .avatar-badge.size-s:where(.svelte-10htyyu) {
  width: 14px;
  height: 14px;
  bottom: -6px;
  right: -6px;
}
.rectangular-avatar-wrapper.svelte-10htyyu .avatar-badge.size-m:where(.svelte-10htyyu) {
  width: 14px;
  height: 14px;
  bottom: -4px;
  right: -6px;
}
.rectangular-avatar-wrapper.svelte-10htyyu .avatar-badge.size-l:where(.svelte-10htyyu) {
  width: 20px;
  height: 20px;
  bottom: -6px;
  right: -9px;
}
.rectangular-avatar-wrapper.svelte-10htyyu .avatar-badge.size-xl:where(.svelte-10htyyu) {
  width: 28px;
  height: 28px;
  bottom: -8px;
  right: -12px;
}
.rectangular-avatar-wrapper.svelte-10htyyu .avatar-badge.size-xxl:where(.svelte-10htyyu) {
  width: 32px;
  height: 32px;
  bottom: -8px;
  right: -14px;
}
.rectangular-avatar-wrapper.svelte-10htyyu .avatar-badge.size-preview:where(.svelte-10htyyu) {
  width: 32px;
  height: 32px;
  bottom: var(--spacing-s);
  right: var(--spacing-s);
}
.rectangular-avatar-wrapper.svelte-10htyyu .ra-notification-xxl {
  z-index: 1;
  width: 16px;
  height: 16px;
  top: 12px;
  right: 24px;
}
.rectangular-avatar-wrapper.svelte-10htyyu .ra-notification-xl {
  z-index: 1;
  width: 12px;
  height: 12px;
  top: 12px;
  right: 12px;
}
.rectangular-avatar-wrapper.svelte-10htyyu .ra-notification-l {
  z-index: 1;
  width: 8px;
  height: 8px;
  top: 4px;
  right: 4px;
}
.rectangular-avatar-wrapper.svelte-10htyyu .ra-notification-m {
  z-index: 1;
  width: 6px;
  height: 6px;
  top: 3px;
  right: 3px;
}
.rectangular-avatar-wrapper.svelte-10htyyu .ra-notification-s {
  z-index: 1;
  width: 5px;
  height: 5px;
  top: 2px;
  right: 2px;
}
.rectangular-avatar-wrapper.svelte-10htyyu .ra-notification-xs {
  z-index: 1;
  top: 1px;
  right: 1px;
  width: 4px;
  height: 4px;
}
.rectangular-avatar-wrapper.svelte-10htyyu .rectangular-avatar-notification {
  z-index: 1;
  position: absolute;
}@keyframes svelte-168bofs-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-168bofs-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-168bofs-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-168bofs-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-168bofs-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
 .dpv2-wrapper {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
 .dpv2-wrapper .flatpickr,
 .dpv2-wrapper .flatpickr-wrapper {
  width: 100%;
}
 .dpv2-wrapper .dpv2-select {
  display: none !important;
}
 .dpv2-wrapper .dp-custom-text-trigger {
  position: relative;
  display: flex;
  gap: var(--spacing-xs);
  align-items: center;
  cursor: pointer;
  color: var(--color-theme-text);
}
 .dpv2-wrapper .dp-custom-text-trigger.is-disabled {
  color: var(--color-theme-text-disabled);
}
 .dpv2-wrapper .dp-custom-text-trigger input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
}
/* (empty) :global .dpv2-calendar-portal .dpv2-calendar-wrapper {
  /*
        /*rtl:begin:ignore*\/
  /*
        /*rtl:end:ignore*\/
  /*
        /*rtl:begin:ignore*\/
  /*
        /*rtl:end:ignore*\/
}*/
 .dpv2-calendar-portal .dpv2-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);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.open,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.animate.open {
  -webkit-animation: svelte-168bofs-fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: svelte-168bofs-fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar .hasWeeks .dayContainer,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #20222c;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar:before,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.rightMost:before,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.arrowRight:before,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.rightMost:after,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.arrowCenter:before,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.arrowTop:before,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.arrowTop:before {
  border-bottom-color: #20222c;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.arrowTop:after {
  border-bottom-color: #3f4458;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.arrowBottom:before,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.arrowBottom:before {
  border-top-color: #20222c;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar.arrowBottom:after {
  border-top-color: #3f4458;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-calendar:focus {
  outline: 0;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-months .flatpickr-prev-month,
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-months .flatpickr-prev-month i,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-months .flatpickr-next-month i {
  position: relative;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  left: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  right: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-months .flatpickr-prev-month:hover,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-months .flatpickr-next-month:hover {
  color: #eee;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-months .flatpickr-prev-month:hover svg,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-months .flatpickr-prev-month svg,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-months .flatpickr-prev-month svg path,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .numInputWrapper {
  position: relative;
  height: auto;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .numInputWrapper input,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .numInputWrapper span {
  display: inline-block;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .numInputWrapper input {
  width: 100%;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .numInputWrapper input::-ms-clear {
  display: none;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .numInputWrapper input::-webkit-outer-spin-button,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .numInputWrapper span:hover {
  background: rgba(192, 187, 167, 0.1);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .numInputWrapper span:active {
  background: rgba(192, 187, 167, 0.2);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
 .dpv2-calendar-portal .dpv2-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%;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .numInputWrapper span.arrowDown {
  top: 50%;
}
 .dpv2-calendar-portal .dpv2-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%;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .numInputWrapper span svg {
  width: inherit;
  height: auto;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .numInputWrapper span svg path {
  fill: rgba(255, 255, 255, 0.5);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .numInputWrapper:hover {
  background: rgba(192, 187, 167, 0.05);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .numInputWrapper:hover span {
  opacity: 1;
}
 .dpv2-calendar-portal .dpv2-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);
}
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-current-month span.cur-month:hover {
  background: rgba(192, 187, 167, 0.05);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #fff;
}
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-current-month input.cur-year[disabled],
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(192, 187, 167, 0.05);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: #3f4458;
  outline: none;
  padding: 0;
}
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .dayContainer,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-weeks {
  padding: 1px 0 0 0;
}
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-days:focus {
  outline: 0;
}
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #20222c;
  box-shadow: -1px 0 0 #20222c;
}
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.inRange,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.prevMonthDay.inRange,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.nextMonthDay.inRange,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.today.inRange,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.prevMonthDay.today.inRange,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.nextMonthDay.today.inRange,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day:hover,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.prevMonthDay:hover,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.nextMonthDay:hover,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day:focus,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.prevMonthDay:focus,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #646c8c;
  border-color: #646c8c;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.today {
  border-color: #eee;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.today:hover,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.today:focus {
  border-color: #eee;
  background: #eee;
  color: #3f4458;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.selected,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.startRange,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.endRange,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.selected.inRange,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.startRange.inRange,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.endRange.inRange,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.selected:focus,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.startRange:focus,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.endRange:focus,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.selected:hover,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.startRange:hover,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.endRange:hover,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.selected.prevMonthDay,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.startRange.prevMonthDay,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.endRange.prevMonthDay,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.selected.nextMonthDay,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.startRange.nextMonthDay,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.endRange.nextMonthDay {
  background: #80cbc4;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #80cbc4;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.selected.startRange,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.startRange.startRange,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.selected.endRange,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.startRange.endRange,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.selected.startRange.endRange,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.startRange.startRange.endRange,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.flatpickr-disabled,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.flatpickr-disabled:hover,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.prevMonthDay,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.nextMonthDay,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.notAllowed,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.notAllowed.prevMonthDay,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(255, 255, 255, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.flatpickr-disabled,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(255, 255, 255, 0.1);
}
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-day.hidden {
  visibility: hidden;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .rangeMode .flatpickr-day {
  margin-top: 1px;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-weekwrapper {
  float: left;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #20222c;
  box-shadow: 1px 0 0 #20222c;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-weekwrapper span.flatpickr-day,
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(255, 255, 255, 0.95);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(255, 255, 255, 0.95);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-time input.flatpickr-minute,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-time .flatpickr-time-separator,
 .dpv2-calendar-portal .dpv2-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;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-time input:hover,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-time .flatpickr-am-pm:hover,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-time input:focus,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-time .flatpickr-am-pm:focus {
  background: #6a7395;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes svelte-168bofs-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-168bofs-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);
  }
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar {
  border: 1px solid var(--color-theme-card-02);
  border-radius: var(--radius-theme-md);
  overflow: visible;
  padding: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar.flatpickr-calendar {
  background: var(--color-theme-bg);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar.arrowBottom {
  margin-top: -4px !important;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar.arrowTop {
  margin-top: 2px !important;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar::before,  .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar::after {
  content: none;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-months,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-innerContainer {
  background: transparent;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-innerContainer {
  justify-content: center;
  overflow: unset;
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
  padding-bottom: var(--spacing-s-plus);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-days {
  width: 272px;
  overflow: unset;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-days .dayContainer {
  width: 280px;
  min-width: 280px;
  max-width: 280px;
  margin-left: -4px;
  margin-right: -4px;
  padding-bottom: 0;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  border: 1px solid transparent;
  border-radius: var(--radius-theme-sm);
  max-width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 8px 4px 0;
  box-shadow: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--color-theme-text);
  font-weight: 400;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day:hover:not(.flatpickr-disabled),  .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.today:hover:not(.flatpickr-disabled),  .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.selected:hover:not(.flatpickr-disabled) {
  background: var(--color-theme-card);
  border-color: transparent;
  color: var(--color-theme-text);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day:focus,  .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.today:focus,  .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.selected:focus {
  background: var(--color-theme-card);
  border-color: var(--color-theme-border-03);
  color: var(--color-theme-text);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.today {
  border-color: var(--color-theme-border-03);
  background: transparent;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.selected {
  background: var(--color-theme-card-02);
  color: var(--color-theme-text);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.prevMonthDay,  .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.nextMonthDay {
  color: var(--color-theme-text-tertiary);
  border-color: transparent;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.prevMonthDay:hover:not(.flatpickr-disabled),  .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.nextMonthDay:hover:not(.flatpickr-disabled) {
  color: var(--color-theme-text);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.selected.startRange.endRange {
  border-radius: var(--radius-theme-sm);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.inRange {
  border-radius: 0;
  background: var(--color-theme-card);
  border-color: transparent;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.startRange,  .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.endRange {
  background: var(--color-theme-card-02);
  border-color: transparent;
  color: var(--color-theme-text);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.startRange:hover:not(.flatpickr-disabled),  .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.endRange:hover:not(.flatpickr-disabled) {
  border-color: transparent;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.startRange {
  border-radius: var(--radius-theme-sm) 0px 0px var(--radius-theme-sm);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.endRange {
  border-radius: 0px var(--radius-theme-sm) var(--radius-theme-sm) 0px;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),  .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),  .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 var(--color-theme-card-02);
  box-shadow: -10px 0 0 var(--color-theme-card-02);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.flatpickr-disabled {
  cursor: not-allowed;
  color: var(--color-theme-text-disabled);
  opacity: 0.5;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-weekdays {
  height: 21px;
  border-bottom: none;
  margin-bottom: 0;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-weekdaycontainer {
  padding-bottom: 0;
  padding-top: 0;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-weekdaycontainer .flatpickr-weekday {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  background: transparent;
  height: 21px;
  line-height: 21px;
  color: var(--color-theme-text-tertiary);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-months {
  align-items: center;
  padding: var(--spacing-s-plus) var(--spacing-s-plus) var(--spacing-l);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-months .flatpickr-prev-month,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-months .flatpickr-next-month {
  width: 32px;
  height: 32px;
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  top: var(--spacing-s-plus);
  font-size: 16px;
  user-select: none;
  color: var(--color-theme-text);
  border-radius: var(--radius-theme-xs);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  cursor: not-allowed;
  color: var(--color-theme-text-disabled);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-months .flatpickr-prev-month {
  left: var(--spacing-s-plus);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-months .flatpickr-next-month {
  right: var(--spacing-s-plus);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-months .flatpickr-month {
  display: flex;
  padding-left: 32px;
  padding-right: 32px;
  background: transparent;
  color: var(--color-theme-text);
  fill: currentColor;
  justify-content: center;
  align-items: center;
  overflow: visible;
  gap: var(--spacing-s);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month {
  display: none;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-months .flatpickr-month .dpv2-month-select {
  width: 64px !important;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-months .flatpickr-month .dpv2-year-select {
  width: 76px !important;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar.time-picker-range .flatpickr-months .flatpickr-prev-month,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar.time-picker-range .flatpickr-months .flatpickr-next-month {
  width: 20px;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar.time-picker-range .flatpickr-months .flatpickr-next-month {
  right: 6px;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar.time-picker-range .flatpickr-months .flatpickr-prev-month {
  left: 6px;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar.time-picker-range .flatpickr-months .flatpickr-month {
  gap: var(--spacing-xs);
  padding-left: 12px;
  padding-right: 12px;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar.time-picker-range .flatpickr-months .flatpickr-month .dpv2-month-select {
  width: 64px !important;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar.time-picker-range .flatpickr-months .flatpickr-month .dpv2-year-select {
  width: 62px !important;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar.time-picker-range .flatpickr-months .flatpickr-month .dpv2-hour-select {
  width: 115px !important;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-month-select,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-year-select,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-hour-select {
  color: var(--color-theme-text);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-month-select input,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-year-select input,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-hour-select input {
  border-radius: var(--radius-theme-sm);
  padding: 0 20px 0 4px;
  background: var(--color-theme-bg);
  color: var(--color-theme-text);
  -webkit-text-fill-color: var(--color-theme-text);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-month-select .caret-wrapper,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-year-select .caret-wrapper,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-hour-select .caret-wrapper {
  right: 2px;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-month-select .select-option-list-wrapper,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-year-select .select-option-list-wrapper,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-hour-select .select-option-list-wrapper {
  background: var(--color-theme-bg);
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-month-select .select-option-list-wrapper::-webkit-scrollbar,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-year-select .select-option-list-wrapper::-webkit-scrollbar,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-hour-select .select-option-list-wrapper::-webkit-scrollbar {
  width: 3px;
}
@media (max-width: 1123px) {
   .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-month-select .select-option-list-wrapper::-webkit-scrollbar,
   .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-year-select .select-option-list-wrapper::-webkit-scrollbar,
   .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-hour-select .select-option-list-wrapper::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-month-select li,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-year-select li,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-hour-select li {
  padding: 8px 4px;
  padding-right: 12px;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-month-select li.selected,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-year-select li.selected,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-hour-select li.selected {
  position: relative;
}
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-month-select li.selected::before,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-year-select li.selected::before,
 .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .dpv2-hour-select li.selected::before {
  position: absolute;
  content: "\f00c";
  font-family: "Font Awesome 7 Pro";
  right: 4px;
  font-size: 10px;
  width: 10px;
}
 .dpv2-overlay-portal .dpv2-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
@media screen and (max-width: 350px) {
   .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-innerContainer {
    padding-left: var(--spacing-s);
    padding-right: var(--spacing-s);
  }
   .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-days {
    width: 272px;
  }
   .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-days .dayContainer {
    width: 280px;
    min-width: 280px;
    max-width: 280px;
    margin-left: -4px;
    margin-right: -4px;
  }
   .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-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: 8px 5px 0;
  }
   .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),  .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),  .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -40px 0 0 var(--color-theme-card-02);
    box-shadow: -40px 0 0 var(--color-theme-card-02);
  }
   .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-months {
    padding: var(--spacing-s);
    padding-bottom: var(--spacing-m);
  }
   .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-months .flatpickr-prev-month {
    left: var(--spacing-s);
  }
   .dpv2-calendar-portal .dpv2-calendar-wrapper .datepicker-v2-calendar .flatpickr-months .flatpickr-next-month {
    right: var(--spacing-s);
  }
}@keyframes svelte-11wyyt4-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-11wyyt4-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-11wyyt4-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-11wyyt4-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-11wyyt4-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.device-notice.svelte-11wyyt4 {
  --device-notice-accent: var(--color-theme-accent);
  --device-notice-surface: var(--color-theme-accent-tint-strong);
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-s-plus);
  padding: var(--spacing-s-plus);
  border: 1px solid var(--device-notice-accent);
  border-radius: var(--radius-theme-md);
  background: var(--device-notice-surface);
  color: var(--color-theme-text);
  transform-origin: 50% 0;
  animation: svelte-11wyyt4-device-notice-in 440ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
.device-notice.tone-warning.svelte-11wyyt4 {
  --device-notice-accent: var(--color-theme-warning);
  --device-notice-surface: color-mix(
  	in srgb,
  	var(--color-theme-warning) 28%,
  	var(--color-theme-card-01)
  );
}
.device-notice.tone-danger.svelte-11wyyt4 {
  --device-notice-accent: var(--color-theme-danger);
  --device-notice-surface: color-mix(
  	in srgb,
  	var(--color-theme-danger) 28%,
  	var(--color-theme-card-01)
  );
}
.device-notice.is-disabled.svelte-11wyyt4 {
  --device-notice-accent: var(--color-theme-border-03);
  --device-notice-surface: var(--color-theme-card-01);
  color: var(--color-theme-text-disabled);
}
.device-notice.is-dismissable.svelte-11wyyt4 {
  padding-right: calc(var(--spacing-s) + var(--spacing-xl));
}
.device-notice.dismissable.svelte-11wyyt4 {
  transition: padding-top 300ms ease-in-out, padding-bottom 300ms ease-in-out, height 300ms ease-in-out;
  overflow: hidden;
  height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.device-notice.svelte-11wyyt4 .device-notice-title {
  margin: 0;
  font-weight: 600;
}
.device-notice.svelte-11wyyt4 .device-notice-body {
  width: 100%;
  margin: 0;
  overflow-wrap: anywhere;
}

.device-notice-cta.svelte-11wyyt4 {
  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: 10px;
  line-height: 12px;
  min-height: var(--spacing-l);
  padding: var(--spacing-xs) var(--spacing-s-plus);
  border-radius: var(--radius-theme-pill);
  background: var(--color-theme-fg);
  color: var(--color-theme-text-inverse);
  font-weight: 700;
  cursor: pointer;
  transition: transform 150ms ease, opacity 180ms ease;
}
.device-notice-cta.svelte-11wyyt4:disabled {
  cursor: not-allowed;
}
.device-notice-cta.svelte-11wyyt4:hover, .device-notice-cta.svelte-11wyyt4:focus-visible {
  opacity: 0.92;
}
.device-notice-cta.svelte-11wyyt4:focus-visible {
  outline: 2px solid var(--color-theme-fg);
  outline-offset: 2px;
}
.device-notice-cta.svelte-11wyyt4:active {
  transform: scale(0.96);
}
.device-notice-cta.svelte-11wyyt4:disabled {
  background: var(--color-theme-border-03);
  color: var(--color-theme-text-disabled);
  cursor: default;
  opacity: 1;
  transform: none;
}

.device-notice-dismiss.svelte-11wyyt4 {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  position: absolute;
  top: var(--spacing-s);
  right: var(--spacing-s);
  display: grid;
  width: var(--spacing-xl);
  height: var(--spacing-xl);
  place-items: center;
  border-radius: var(--radius-theme-sm);
  color: var(--color-theme-text);
  transition: background-color 180ms ease, transform 180ms ease;
}
.device-notice-dismiss.svelte-11wyyt4:disabled {
  cursor: not-allowed;
}
.device-notice-dismiss.svelte-11wyyt4:hover {
  background: color-mix(in srgb, var(--color-theme-fg) 12%, transparent);
}
.device-notice-dismiss.svelte-11wyyt4:focus-visible {
  outline: 2px solid var(--color-theme-fg);
  outline-offset: 2px;
}
.device-notice-dismiss.svelte-11wyyt4:active {
  transform: scale(0.9);
}

@keyframes svelte-11wyyt4-device-notice-in {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .device-notice.svelte-11wyyt4 {
    animation: none;
  }
  .device-notice.dismissable.svelte-11wyyt4 {
    transition-duration: 0.01ms;
  }
}@keyframes svelte-1s7hogq-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-1s7hogq-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1s7hogq-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-1s7hogq-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1s7hogq-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.drawer.svelte-1s7hogq {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding: 8px;
  width: 390px;
  border: 1px solid var(--color-theme-border-03);
  border-top-left-radius: var(--radius-theme-md);
  border-bottom-left-radius: var(--radius-theme-md);
  background: var(--color-theme-card);
  z-index: 40;
}
@media screen and (min-width: 1124px) and (max-width: 1280px) {
  .drawer.svelte-1s7hogq {
    width: 335px;
  }
}
@media screen and (max-width: 1123px) {
  .drawer.svelte-1s7hogq {
    position: fixed;
    right: 0;
    top: calc(24px + env(safe-area-inset-top, 0px));
    max-width: 100%;
    height: calc(100% - 24px - env(safe-area-inset-top, 0px));
    height: calc(100dvh - 24px - env(safe-area-inset-top, 0px));
    max-height: calc(100dvh - 24px - env(safe-area-inset-top, 0px));
    transition: transform 0.3s ease;
    transform: translateX(100%);
  }
  .drawer.open.svelte-1s7hogq {
    transform: translateX(0);
    border-bottom-left-radius: 0;
  }
  .drawer.stop-transition.svelte-1s7hogq {
    transition: none;
  }
}
@media screen and (max-width: 639px) {
  .drawer.svelte-1s7hogq {
    top: calc(16px + env(safe-area-inset-top, 0px));
    height: calc(100% - 16px - env(safe-area-inset-top, 0px));
    height: calc(100dvh - 16px - env(safe-area-inset-top, 0px));
    max-height: calc(100dvh - 16px - env(safe-area-inset-top, 0px));
  }
}
.drawer.svelte-1s7hogq .drawer-heading:where(.svelte-1s7hogq) {
  display: flex;
  align-items: center;
  padding-right: 32px;
}
.drawer.svelte-1s7hogq .drawer-close-btn:where(.svelte-1s7hogq) {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
}
.drawer.svelte-1s7hogq .drawer-close-btn:where(.svelte-1s7hogq):disabled {
  cursor: not-allowed;
}
.drawer.svelte-1s7hogq .stats-bar-wrapper:where(.svelte-1s7hogq) {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: -4px;
  margin-bottom: 4px;
  min-height: 20px;
}
@media screen and (max-width: 1123px) {
  .drawer.svelte-1s7hogq .stats-bar-wrapper:where(.svelte-1s7hogq) {
    min-height: 32px;
    justify-content: space-between;
  }
}
.drawer.svelte-1s7hogq .stats-bar-wrapper:where(.svelte-1s7hogq) .stats-bar:where(.svelte-1s7hogq) {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.drawer.is-closable.svelte-1s7hogq .stats-bar-wrapper:where(.svelte-1s7hogq) {
  justify-content: space-between;
  min-height: 32px;
}

.drawer-overlay.svelte-1s7hogq {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 30;
  pointer-events: none;
  touch-action: none;
  transition: all 0.3s ease;
}
.drawer-overlay.show.svelte-1s7hogq {
  pointer-events: all;
  background: var(--background-image-overlay);
}header.svelte-xj4nca {
  display: flex;
  justify-content: space-between;
  margin: 0 22px 24px 22px;
}
header.new-layout.svelte-xj4nca {
  justify-content: space-between;
  align-items: center;
  margin: 4px 24px 2px 16px;
  overflow: hidden;
  max-height: 96px;
  opacity: 1;
  transform: translateY(0);
  transition: max-height 220ms ease, opacity 180ms ease, transform 220ms ease, margin 220ms ease;
}
header.new-layout.svelte-xj4nca .header-divider {
  display: flex;
  justify-content: center;
}
header.new-layout.svelte-xj4nca .main-layout-new-header-dashboard-switcher {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 88px;
}
@media screen and (max-width: 1123px) {
  header.new-layout.svelte-xj4nca .main-layout-new-header-dashboard-switcher {
    width: auto;
    margin: 0 calc(var(--spacing-l) + var(--spacing-xs) + var(--spacing-xxs)) 0 calc(var(--spacing-s) + var(--spacing-xxs));
  }
}
@media screen and (max-width: 639px) {
  header.new-layout.svelte-xj4nca .main-layout-new-header-dashboard-switcher {
    width: auto;
    margin: 0 var(--spacing-m) 0 0;
  }
}
header.new-layout.chrome-compact.svelte-xj4nca {
  margin: 2px 16px 0 12px;
  max-height: 72px;
  gap: 8px;
}
header.new-layout.chrome-compact.svelte-xj4nca .header-title-stack {
  gap: 0;
}
header.new-layout.chrome-compact.svelte-xj4nca .header-title-stack .text {
  line-height: 1.2;
}
header.new-layout.chrome-compact.svelte-xj4nca .header-actions:where(.svelte-xj4nca) {
  gap: 6px;
}
header.new-layout.chrome-compact.svelte-xj4nca .header-divider {
  opacity: 0.45;
  transform: scaleY(0.85);
}
header.new-layout.chrome-glass.svelte-xj4nca {
  margin: 6px 20px 4px 16px;
  gap: 12px;
}
header.new-layout.chrome-glass.svelte-xj4nca .header-actions:where(.svelte-xj4nca) {
  gap: 10px;
}
header.new-layout.chrome-glass.svelte-xj4nca .header-divider {
  opacity: 0.35;
}
header.new-layout.chrome-glass.svelte-xj4nca .icon-button.circle,
header.new-layout.chrome-glass.svelte-xj4nca .icon-button[class*="circle"] {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
header.new-layout.chrome-glass.svelte-xj4nca .icon-button.secondary.circle,
header.new-layout.chrome-glass.svelte-xj4nca .icon-button.secondary[class*="circle"] {
  background-color: color-mix(in srgb, var(--color-theme-fg) 12%, transparent);
  border-color: color-mix(in srgb, var(--color-theme-fg) 16%, transparent);
}
@media screen and (max-width: 1123px) {
  header.new-layout.is-collapsed.svelte-xj4nca {
    max-height: 0;
    opacity: 0;
    margin-top: 0;
    margin-bottom: 0;
    transform: translateY(-100%);
    pointer-events: none;
  }
}
header.new-layout.header-over-media.svelte-xj4nca {
  --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"] header.new-layout.header-over-media.svelte-xj4nca {
  --alpha-chrome-ink-muted: 72%;
  --chrome-ink: #eaeaea;
}
header.new-layout.header-over-media.svelte-xj4nca > *:first-child {
  --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"] header.new-layout.header-over-media.svelte-xj4nca > *:first-child {
  --alpha-chrome-ink-muted: 72%;
  --chrome-ink: #eaeaea;
}
header.new-layout.header-over-media.svelte-xj4nca .header-actions:where(.svelte-xj4nca) {
  color: var(--color-theme-fg);
}

.limited-width.svelte-xj4nca {
  max-width: 720px;
  margin: 0 auto var(--spacing-m) auto;
  box-sizing: content-box;
  padding: 0 16px;
}

.with-background.svelte-xj4nca {
  background-color: var(--color-theme-bg);
  padding: calc(16px + env(safe-area-inset-top, 0px)) 56px 16px 56px;
  margin: 0;
}

@media screen and (max-width: 1123px) {
  header.new-layout.svelte-xj4nca {
    margin-top: 0px;
  }
  .with-background.svelte-xj4nca {
    padding: calc(16px + env(safe-area-inset-top, 0px)) 48px 16px 48px;
  }
}
@media screen and (max-width: 639px) {
  header.svelte-xj4nca {
    margin: 2px 16px 24px 16px;
  }
  header.new-layout.svelte-xj4nca {
    margin: 0px 16px;
  }
  header.new-layout.chrome-compact.svelte-xj4nca {
    margin: 0 12px;
  }
  header.new-layout.chrome-glass.svelte-xj4nca {
    margin: 2px 16px;
  }
  .with-background.svelte-xj4nca {
    padding: calc(16px + env(safe-area-inset-top, 0px)) 32px 16px 32px;
  }
}
@media screen and (max-width: 639px) {
  .main-layout-new-header-sheet.homes-dropdown-menu-items-container {
    position: fixed;
    top: 0;
    left: 0;
    right: unset;
    width: 100%;
    max-width: 100%;
    border-radius: 0 0 var(--radius-theme-lg) var(--radius-theme-lg);
    border-left: 0;
    border-right: 0;
  }
}@keyframes svelte-1gldaqi-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-1gldaqi-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1gldaqi-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-1gldaqi-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1gldaqi-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.input-wrapper-v3.svelte-1gldaqi {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}
.input-wrapper-v3.svelte-1gldaqi input:where(.svelte-1gldaqi) {
  width: 100%;
  background: var(--color-theme-bg);
  border: 1px solid var(--color-theme-border-03);
  outline: none;
  color: inherit;
  caret-color: var(--color-theme-text);
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.input-wrapper-v3.svelte-1gldaqi input:where(.svelte-1gldaqi):hover:not(:disabled):not(.input-error) {
  border-color: var(--color-theme-text);
}
.input-wrapper-v3.svelte-1gldaqi input:where(.svelte-1gldaqi):focus:not(:disabled):not(.input-error) {
  border-color: var(--color-theme-text);
}
.input-wrapper-v3.svelte-1gldaqi input.input-error:where(.svelte-1gldaqi) {
  border-color: var(--color-theme-danger);
}
.input-wrapper-v3.svelte-1gldaqi input:where(.svelte-1gldaqi):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-v3.svelte-1gldaqi input:where(.svelte-1gldaqi)::-webkit-outer-spin-button, .input-wrapper-v3.svelte-1gldaqi input:where(.svelte-1gldaqi)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-wrapper-v3.svelte-1gldaqi input[type=number]:where(.svelte-1gldaqi) {
  -moz-appearance: textfield;
}
.input-wrapper-v3.svelte-1gldaqi input:where(.svelte-1gldaqi):-webkit-autofill, .input-wrapper-v3.svelte-1gldaqi input:where(.svelte-1gldaqi):-webkit-autofill:hover, .input-wrapper-v3.svelte-1gldaqi input:where(.svelte-1gldaqi):-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-v3.svelte-1gldaqi input.input-m:where(.svelte-1gldaqi) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  height: var(--control-height-m);
  padding: 0 5px;
}
.input-wrapper-v3.svelte-1gldaqi input.input-m:where(.svelte-1gldaqi):focus {
  box-shadow: var(--shadow-theme-glow-fg-soft);
}
.input-wrapper-v3.svelte-1gldaqi input.input-m:focus.input-error:where(.svelte-1gldaqi) {
  box-shadow: var(--shadow-theme-glow-danger-soft);
}
.input-wrapper-v3.svelte-1gldaqi input.input-m:where(.svelte-1gldaqi)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
}
.input-wrapper-v3.svelte-1gldaqi input.input-l:where(.svelte-1gldaqi) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  height: var(--control-height-l);
  padding: 0 11px;
}
.input-wrapper-v3.svelte-1gldaqi input.input-l:where(.svelte-1gldaqi):focus {
  box-shadow: var(--shadow-theme-glow-fg-strong);
}
.input-wrapper-v3.svelte-1gldaqi input.input-l:focus.input-error:where(.svelte-1gldaqi) {
  box-shadow: var(--shadow-theme-glow-danger-strong);
}
.input-wrapper-v3.svelte-1gldaqi input.input-l:where(.svelte-1gldaqi)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
}
.input-wrapper-v3.svelte-1gldaqi input.input-xl:where(.svelte-1gldaqi) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  height: var(--control-height-xl);
  padding: 0 var(--spacing-l);
}
.input-wrapper-v3.svelte-1gldaqi input.input-xl:where(.svelte-1gldaqi):focus {
  box-shadow: var(--shadow-theme-glow-fg-strong);
}
.input-wrapper-v3.svelte-1gldaqi input.input-xl:focus.input-error:where(.svelte-1gldaqi) {
  box-shadow: var(--shadow-theme-glow-danger-strong);
}
.input-wrapper-v3.svelte-1gldaqi input.input-xl:where(.svelte-1gldaqi)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
}
.input-wrapper-v3.svelte-1gldaqi input.input-m:where(.svelte-1gldaqi)::placeholder, .input-wrapper-v3.svelte-1gldaqi input.input-l:where(.svelte-1gldaqi)::placeholder, .input-wrapper-v3.svelte-1gldaqi input.input-xl:where(.svelte-1gldaqi)::placeholder {
  font-style: italic;
  color: var(--color-theme-text-sec);
}
.input-wrapper-v3.svelte-1gldaqi input.input-variant-pill:where(.svelte-1gldaqi) {
  border-radius: var(--radius-theme-pill);
}
.input-wrapper-v3.svelte-1gldaqi input.input-variant-rounded:where(.svelte-1gldaqi) {
  border-radius: var(--radius-theme-sm);
}
.input-wrapper-v3.svelte-1gldaqi .input-icon:where(.svelte-1gldaqi) {
  position: absolute;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--color-theme-text-sec);
}
.input-wrapper-v3.svelte-1gldaqi .input-icon.is-disabled:where(.svelte-1gldaqi) {
  color: var(--color-theme-text-disabled);
}
.input-wrapper-v3.svelte-1gldaqi .right-button:where(.svelte-1gldaqi) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  position: absolute;
  transform: translateY(-50%);
  width: var(--spacing-l);
  height: var(--spacing-l);
  padding: var(--spacing-xxs);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-theme-text-sec);
}
.input-wrapper-v3.svelte-1gldaqi .right-button:where(.svelte-1gldaqi):disabled {
  cursor: not-allowed;
}
.input-wrapper-v3.svelte-1gldaqi .right-button.disabled:where(.svelte-1gldaqi) {
  cursor: not-allowed;
}
.input-wrapper-v3.svelte-1gldaqi .right-button:where(.svelte-1gldaqi):focus-visible {
  border-radius: var(--radius-theme-xs);
  box-shadow: 0 0 0 1px var(--color-theme-accent) inset;
  outline: none;
}
.input-wrapper-v3.svelte-1gldaqi .right-button:where(.svelte-1gldaqi):disabled {
  color: var(--color-theme-text-disabled);
}
.input-wrapper-v3.has-icon.input-wrapper-m.svelte-1gldaqi input:where(.svelte-1gldaqi) {
  padding-left: 31px;
}
.input-wrapper-v3.has-icon.input-wrapper-m.svelte-1gldaqi .input-icon:where(.svelte-1gldaqi) {
  top: calc(var(--control-height-m) / 2);
  left: calc((31px - 15px) / 2);
}
.input-wrapper-v3.has-right-button.input-wrapper-m.svelte-1gldaqi input:where(.svelte-1gldaqi) {
  padding-right: 31px;
}
.input-wrapper-v3.has-right-button.input-wrapper-m.svelte-1gldaqi .right-button:where(.svelte-1gldaqi) {
  top: calc(var(--control-height-m) / 2);
  right: var(--spacing-xs);
}
.input-wrapper-v3.has-icon.input-wrapper-l.svelte-1gldaqi input:where(.svelte-1gldaqi) {
  padding-left: 43px;
}
.input-wrapper-v3.has-icon.input-wrapper-l.svelte-1gldaqi .input-icon:where(.svelte-1gldaqi) {
  top: calc(var(--control-height-l) / 2);
  left: calc((43px - 15px) / 2);
}
.input-wrapper-v3.has-right-button.input-wrapper-l.svelte-1gldaqi input:where(.svelte-1gldaqi) {
  padding-right: 43px;
}
.input-wrapper-v3.has-right-button.input-wrapper-l.svelte-1gldaqi .right-button:where(.svelte-1gldaqi) {
  top: calc(var(--control-height-l) / 2);
  right: 10px;
}
.input-wrapper-v3.has-icon.input-wrapper-xl.svelte-1gldaqi input:where(.svelte-1gldaqi) {
  padding-left: 55px;
}
.input-wrapper-v3.has-icon.input-wrapper-xl.svelte-1gldaqi .input-icon:where(.svelte-1gldaqi) {
  top: calc(var(--control-height-xl) / 2);
  left: calc((55px - 15px) / 2);
}
.input-wrapper-v3.has-right-button.input-wrapper-xl.svelte-1gldaqi input:where(.svelte-1gldaqi) {
  padding-right: 55px;
}
.input-wrapper-v3.has-right-button.input-wrapper-xl.svelte-1gldaqi .right-button:where(.svelte-1gldaqi) {
  top: calc(var(--control-height-xl) / 2);
  right: 21px;
}

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

.info-text.validation-text-m.svelte-1gldaqi, .info-text.validation-text-l.svelte-1gldaqi, .info-text.validation-text-xl.svelte-1gldaqi {
  color: var(--color-theme-text);
}.login-form-container.svelte-1rrggs {
  width: 344px;
  margin: auto;
}
.login-form-container.svelte-1rrggs > * {
  width: 100%;
}

@media screen and (max-width: 639px) {
  .login-form-container.svelte-1rrggs {
    width: 100%;
    margin: auto auto 0 auto;
  }
}.middle-icon-container.svelte-vykrcc {
  width: 221px;
}

.point-container.svelte-vykrcc {
  align-self: center;
  width: 4px;
  height: 4px;
  background-color: var(--color-theme-border-03);
  border-radius: 50%;
}.login-layout-wrapper.svelte-jl4pre {
  display: flex;
  width: 100%;
  height: 100vh;
  background-color: var(--color-theme-bg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre),
.login-layout-wrapper.svelte-jl4pre .login-form-wrapper:where(.svelte-jl4pre) {
  display: flex;
  justify-content: center;
}
.login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) {
  flex-direction: column;
  flex: auto;
  background: var(--background-image-overlay);
  padding: 32px 32px 32px 100px;
  align-items: flex-start;
}
.login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) .logo-container:where(.svelte-jl4pre),
.login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) .second-logo-container:where(.svelte-jl4pre) {
  width: 221px;
  height: 61px;
}
.login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) .logo-container:where(.svelte-jl4pre) img:where(.svelte-jl4pre),
.login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) .second-logo-container:where(.svelte-jl4pre) img:where(.svelte-jl4pre) {
  width: 100%;
  height: 100%;
}
.login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) .logo-container.no-bottom-spacing:where(.svelte-jl4pre),
.login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) .second-logo-container.no-bottom-spacing:where(.svelte-jl4pre) {
  margin-bottom: 0px;
}
.login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) .logo-container:where(.svelte-jl4pre) {
  margin-bottom: 32px;
}
.login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) .second-logo-container:where(.svelte-jl4pre) {
  height: 46px;
}
.login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) .login-title {
  font-weight: 200;
  font-size: 36px;
  line-height: 44px;
  margin-bottom: 16px;
}
.login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) .login-subtitle {
  font-weight: 900;
  font-size: 36px;
  line-height: 44px;
}
.login-layout-wrapper.svelte-jl4pre .login-form-wrapper:where(.svelte-jl4pre) {
  align-items: center;
  background: var(--color-theme-bg);
  width: 40%;
  max-width: 624px;
}

@media screen and (max-width: 1123px) {
  .login-layout-wrapper.svelte-jl4pre {
    flex-direction: column;
  }
  .login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) {
    align-items: center;
    padding: 32px;
    min-height: 50%;
    flex: 1;
  }
  .login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) .login-title,
  .login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) .login-subtitle {
    text-align: center;
  }
  .login-layout-wrapper.svelte-jl4pre .login-form-wrapper:where(.svelte-jl4pre) {
    flex: 1;
    align-items: unset;
    padding: 32px;
    padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px));
    width: 100%;
    max-width: unset;
  }
}
@media screen and (max-width: 639px) {
  .login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) {
    flex: 2;
    min-height: 40%;
  }
  .login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) .logo-container:where(.svelte-jl4pre) {
    width: 144px;
    height: 40px;
    margin-bottom: 24px;
  }
  .login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) .logo-container.with-bigger-height:where(.svelte-jl4pre) {
    height: 46px;
  }
  .login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) .logo-container.with-middle-icon:where(.svelte-jl4pre) {
    margin-bottom: var(--spacing-m);
  }
  .login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) .login-title,
  .login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) .login-subtitle {
    font-size: 22px;
    line-height: 27px;
  }
  .login-layout-wrapper.svelte-jl4pre .login-form-wrapper:where(.svelte-jl4pre) {
    flex: 3;
  }
}.login-layout-v2-wrapper.svelte-1jqlouy {
  display: flex;
  width: 100%;
  min-height: 100vh;
  background: var(--color-theme-bg);
}
.login-layout-v2-wrapper.svelte-1jqlouy .login-bg:where(.svelte-1jqlouy) {
  display: none;
}
.login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy),
.login-layout-v2-wrapper.svelte-1jqlouy .login-form-wrapper:where(.svelte-1jqlouy) {
  display: flex;
  justify-content: center;
}
.login-layout-v2-wrapper.svelte-1jqlouy .login-titles-container:where(.svelte-1jqlouy) {
  padding: var(--spacing-m-plus);
}
.login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) {
  flex-direction: column;
  flex: auto;
  justify-content: space-between;
  margin: var(--spacing-m-plus);
  padding: var(--spacing-xl);
  align-items: flex-start;
  background-image: var(--login-bg-image, none);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: var(--radius-big);
}
.login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) .logo-container:where(.svelte-1jqlouy),
.login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) .second-logo-container:where(.svelte-1jqlouy) {
  width: 148px;
  height: auto;
}
.login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) .logo-container:where(.svelte-1jqlouy) img:where(.svelte-1jqlouy),
.login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) .second-logo-container:where(.svelte-1jqlouy) img:where(.svelte-1jqlouy) {
  width: 100%;
  height: 100%;
}
.login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) .logo-container.no-bottom-spacing:where(.svelte-1jqlouy),
.login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) .second-logo-container.no-bottom-spacing:where(.svelte-1jqlouy) {
  margin-bottom: 0;
}
.login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) .logo-container:where(.svelte-1jqlouy) {
  margin-bottom: var(--spacing-xl);
}
.login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) .second-logo-container:where(.svelte-1jqlouy) {
  height: 46px;
}
.login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) .login-title,
.login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) .login-subtitle {
  color: var(--color-white);
}
.login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) .login-title {
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  margin-bottom: var(--spacing-m);
}
.login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) .login-subtitle {
  font-weight: 200;
  font-size: 32px;
  line-height: 100%;
}
.login-layout-v2-wrapper.svelte-1jqlouy .login-form-wrapper:where(.svelte-1jqlouy) {
  align-items: center;
  width: 40%;
  max-width: 624px;
}

@media screen and (max-width: 1123px) {
  .login-layout-v2-wrapper.svelte-1jqlouy {
    position: relative;
    flex-direction: column;
    overflow-x: clip;
    overflow-y: clip;
  }
  .login-layout-v2-wrapper.svelte-1jqlouy::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
  }
  .login-layout-v2-wrapper.svelte-1jqlouy .login-bg:where(.svelte-1jqlouy) {
    display: block;
    position: absolute;
    inset: -4px;
    z-index: 0;
    pointer-events: none;
    background-image: var(--login-bg-image, none);
    background-repeat: no-repeat;
    background-size: 102%;
    background-position: 100% -135px;
    filter: blur(2px);
  }
  .login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy),
  .login-layout-v2-wrapper.svelte-1jqlouy .login-form-wrapper:where(.svelte-1jqlouy) {
    position: relative;
    z-index: 2;
  }
  .login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) {
    background-image: none;
    margin: 0;
    border-radius: 0;
    align-items: center;
    padding: var(--spacing-xl);
    min-height: 50%;
    flex: 1;
    justify-content: flex-end;
  }
  .login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) .login-title,
  .login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) .login-subtitle {
    text-align: center;
  }
  .login-layout-v2-wrapper.svelte-1jqlouy .login-form-wrapper:where(.svelte-1jqlouy) {
    flex: 1;
    align-items: unset;
    padding: var(--spacing-xl);
    padding-bottom: calc(var(--spacing-xl) + env(safe-area-inset-bottom, 0px));
    width: 100%;
    max-width: unset;
    background: linear-gradient(to top, var(--color-theme-bg) 0%, var(--color-theme-bg) 80%, transparent 100%);
  }
}
@media screen and (min-width: 640px) and (max-width: 1123px) {
  .login-layout-v2-wrapper.svelte-1jqlouy::after {
    top: 0;
    height: 40%;
    background: linear-gradient(to bottom, color-mix(in srgb, var(--color-theme-bg) 45%, transparent) 0%, transparent 100%);
  }
}
@media screen and (max-width: 639px) {
  .login-layout-v2-wrapper.svelte-1jqlouy::after {
    top: 0;
    height: 40%;
    background: linear-gradient(to bottom, color-mix(in srgb, var(--color-theme-bg) 45%, transparent) 0%, transparent 100%);
  }
  .login-layout-v2-wrapper.svelte-1jqlouy .login-titles-container:where(.svelte-1jqlouy) {
    padding: var(--spacing-s);
  }
  .login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) {
    flex: 2;
    min-height: 40%;
  }
  .login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) .logo-container:where(.svelte-1jqlouy) {
    width: 144px;
    height: 40px;
    margin-bottom: 0;
  }
  .login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) .logo-container.with-bigger-height:where(.svelte-1jqlouy) {
    height: 46px;
  }
  .login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) .logo-container.with-middle-icon:where(.svelte-1jqlouy) {
    margin-bottom: var(--spacing-m);
  }
  .login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) .login-title,
  .login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) .login-subtitle {
    font-size: 18px;
    line-height: 1;
  }
  .login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) .login-title {
    margin-bottom: var(--spacing-s);
  }
  .login-layout-v2-wrapper.svelte-1jqlouy .login-main:where(.svelte-1jqlouy) .login-subtitle {
    opacity: 0.75;
  }
  .login-layout-v2-wrapper.svelte-1jqlouy .login-form-wrapper:where(.svelte-1jqlouy) {
    flex: 3;
    padding: 0;
    background: none;
  }
  .login-layout-v2-wrapper.svelte-1jqlouy .login-form-container {
    --form-shadow-fade: var(--spacing-xl);
    padding: var(--form-shadow-fade) var(--spacing-xl) calc(var(--spacing-xl) + env(safe-area-inset-bottom, 0px));
    background: linear-gradient(to top, var(--color-theme-bg) 0%, var(--color-theme-bg) calc(100% - var(--control-height-xl)), transparent 100%);
  }
  .login-layout-v2-wrapper.svelte-1jqlouy .login-bg:where(.svelte-1jqlouy) {
    background-size: 120%;
    background-position: top;
  }
}/* List top inset + scrolled tab underlap dissolve: see mainLayout.css (scroll-edge-dissolve mixin). */
@keyframes svelte-5k40py-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-5k40py-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-5k40py-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-5k40py-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-5k40py-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
html,
body {
  overscroll-behavior-y: none;
}

.main-layout.svelte-5k40py {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100vh;
  padding-top: 24px;
  overflow-y: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.main-layout.new-layout.svelte-5k40py {
  height: 100vh;
  height: 100dvh;
  min-height: 100%;
  min-height: -webkit-fill-available;
  padding-top: 16px;
  padding-bottom: 0;
  margin: 0;
}
.main-layout.new-layout.svelte-5k40py .main:where(.svelte-5k40py) {
  padding-top: 16px;
  padding-left: 16px;
}
.main-layout.new-layout.svelte-5k40py:has(header.settings-page-header) .main:where(.svelte-5k40py) {
  padding-top: 0;
}
.main-layout.floating-main-menu.svelte-5k40py {
  --floating-dock-scroll-clearance: 16px;
}
@media screen and (max-width: 1123px) {
  .main-layout.floating-main-menu.svelte-5k40py {
    --floating-dock-scroll-clearance: calc(60px + calc(0px + env(safe-area-inset-bottom, 0px)) + 16px);
  }
}
@media screen and (max-width: 639px) {
  .main-layout.floating-main-menu.svelte-5k40py {
    --floating-dock-scroll-clearance: calc(60px + calc(0px + env(safe-area-inset-bottom, 0px)) + 16px);
  }
}
.main-layout.no-top-padding.svelte-5k40py {
  padding-top: 0;
}
.main-layout.no-top-padding.new-layout.svelte-5k40py .main:where(.svelte-5k40py) {
  padding-top: 0;
}
.main-layout.svelte-5k40py::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-layout.bright.svelte-5k40py::before {
  background: rgba(0, 0, 0, 0.5);
}
.main-layout.dark.svelte-5k40py::before {
  background: var(--background-image-overlay);
}
.main-layout.background-repeat.svelte-5k40py {
  background-size: contain;
  background-repeat: repeat;
}
.main-layout.svelte-5k40py .header:where(.svelte-5k40py),
.main-layout.svelte-5k40py .main:where(.svelte-5k40py) {
  position: relative;
}
.main-layout.svelte-5k40py .header:where(.svelte-5k40py) {
  flex-shrink: 0;
  width: 100%;
  z-index: 2;
}
.main-layout.svelte-5k40py .main:where(.svelte-5k40py) {
  display: flex;
  position: relative;
  flex: 1;
  overflow: hidden;
}
.main-layout.svelte-5k40py .menu:where(.svelte-5k40py) {
  display: flex;
  flex-shrink: 0;
  width: 114px;
}
.main-layout.svelte-5k40py .menu.new-layout:where(.svelte-5k40py) {
  padding-top: 0;
  z-index: 2;
  width: var(--main-menu-width, 72px);
}
.main-layout.svelte-5k40py .content:where(.svelte-5k40py) {
  position: relative;
  display: flex;
  width: 100%;
  overflow: hidden;
}
.main-layout.svelte-5k40py .content:where(.svelte-5k40py) .menu:where(.svelte-5k40py) {
  order: -1;
}
.main-layout.svelte-5k40py .scroll:where(.svelte-5k40py),
.main-layout.svelte-5k40py .static-content:where(.svelte-5k40py) {
  padding-left: 32px;
  padding-right: 18px;
}
.main-layout.svelte-5k40py .scroll.new-layout:where(.svelte-5k40py) {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  padding-right: 9px;
  flex: 1;
  min-width: 0;
  overflow: unset;
}
.main-layout.svelte-5k40py .static-content.new-layout:where(.svelte-5k40py) {
  padding: 0;
  padding-right: 15px;
  padding-left: 24px;
}
.main-layout.svelte-5k40py .layout-content-wrapper:where(.svelte-5k40py) {
  display: flex;
  flex: 1;
  min-height: 0;
}
.main-layout.svelte-5k40py .page:where(.svelte-5k40py) {
  display: flex;
  flex-direction: column;
  flex: auto;
  overflow: hidden;
  padding-right: 14px;
}
.main-layout.svelte-5k40py .page.new-layout:where(.svelte-5k40py) {
  padding-right: 0;
}
.main-layout.svelte-5k40py .scroll:where(.svelte-5k40py) {
  flex: auto;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: none;
  /* Firefox styles selector */
}
@supports (-moz-appearance: none) {
  .main-layout.svelte-5k40py .scroll:where(.svelte-5k40py) {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
  }
}
.main-layout.svelte-5k40py .scroll:where(.svelte-5k40py) .main-layout-loader-wrapper:where(.svelte-5k40py) {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.main-layout.svelte-5k40py .scroll:where(.svelte-5k40py) .scroll-content-new-layout:where(.svelte-5k40py) {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: none;
  padding-right: 15px;
  padding-left: 24px;
}
.main-layout.has-top-fade.svelte-5k40py .scroll-content-new-layout:where(.svelte-5k40py),
.main-layout.has-top-fade.svelte-5k40py .dashboard-scroll {
  --scroll-dissolve-underlap: var(
  	--header-content-fade-underlap,
  	12px
  );
  --scroll-dissolve-height: var(
  	--header-content-fade-height,
  	32px
  );
  -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%);
}
.main-layout.svelte-5k40py .no-scroll-container:where(.svelte-5k40py) {
  overflow: hidden;
  height: 100%;
}
.main-layout.svelte-5k40py .no-scroll-container.no-scroll-padding:where(.svelte-5k40py) {
  padding-right: 15px;
  padding-left: 24px;
}
.main-layout.svelte-5k40py .sidebar:where(.svelte-5k40py) {
  display: flex;
  flex-shrink: 0;
}
@media screen and (min-width: 1124px) {
  .main-layout.svelte-5k40py .sidebar:where(.svelte-5k40py):not(.sidebar-desktop-on-top) {
    transition: all 0.3s ease;
    transition-property: transform, width;
    will-change: transform, width;
    transform: translateX(100%);
    width: 0px;
  }
  .main-layout.svelte-5k40py .sidebar:not(.sidebar-desktop-on-top).open:where(.svelte-5k40py) {
    transform: translateX(0);
    width: 390px;
  }
}
@media screen and (min-width: 1124px) and (min-width: 1124px) and (max-width: 1280px) {
  .main-layout.svelte-5k40py .sidebar:not(.sidebar-desktop-on-top).open:where(.svelte-5k40py) {
    width: 335px;
  }
}
@media screen and (min-width: 1124px) {
  .main-layout.svelte-5k40py .sidebar:not(.sidebar-desktop-on-top).sidepanel-open:where(.svelte-5k40py) {
    transform: translateX(0);
    width: calc(var(--sidepanel-width) + 24px);
  }
}

@media screen and (min-width: 1124px) {
  .main-layout.new-layout.svelte-5k40py .menu.new-layout:where(.svelte-5k40py) {
    position: fixed;
    top: 16px;
    left: 16px;
    bottom: 16px;
    z-index: 3;
    pointer-events: none;
  }
  .main-layout.new-layout.svelte-5k40py .menu.new-layout:where(.svelte-5k40py) .main-menu {
    pointer-events: auto;
  }
  .main-layout.new-layout.svelte-5k40py .header:where(.svelte-5k40py) {
    padding-left: calc(var(--main-menu-width, 72px) + 24px);
  }
  .main-layout.new-layout.svelte-5k40py .main:where(.svelte-5k40py) {
    padding-left: calc(var(--main-menu-width, 72px) + 16px);
  }
  .main-layout.new-layout.floating-main-menu.svelte-5k40py {
    --main-menu-width: 60px;
  }
  .main-layout.new-layout.floating-main-menu.svelte-5k40py .menu.new-layout:where(.svelte-5k40py) {
    top: 16px;
    left: 16px;
    bottom: 16px;
    width: 60px;
  }
  .main-layout.new-layout.floating-main-menu.svelte-5k40py .header:where(.svelte-5k40py),
  .main-layout.new-layout.floating-main-menu.svelte-5k40py .main:where(.svelte-5k40py) {
    padding-left: calc(16px + 60px + 16px);
  }
  .main-layout.new-layout.floating-main-menu.svelte-5k40py .scroll.new-layout:where(.svelte-5k40py) .scroll-content-new-layout:where(.svelte-5k40py) {
    padding-bottom: var(--floating-dock-scroll-clearance, 16px);
  }
}
@media screen and (max-width: 1123px) {
  .main-layout.new-layout.svelte-5k40py {
    padding-top: env(safe-area-inset-top, 0px);
    padding-left: 0;
  }
  .main-layout.new-layout.svelte-5k40py .main:where(.svelte-5k40py) {
    padding-top: 0;
    padding-left: 0;
  }
  .main-layout.svelte-5k40py .content:where(.svelte-5k40py) {
    flex-direction: column;
  }
  .main-layout.svelte-5k40py .menu:where(.svelte-5k40py) {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 24px;
    height: 68px;
    width: 100%;
    order: 0;
    z-index: 10;
  }
  .main-layout.svelte-5k40py .menu.new-layout:where(.svelte-5k40py) {
    padding: 0;
    z-index: 20;
    pointer-events: none;
  }
  .main-layout.svelte-5k40py .menu.new-layout:where(.svelte-5k40py) .main-menu {
    height: 100%;
    pointer-events: auto;
  }
  .main-layout.svelte-5k40py .scroll:where(.svelte-5k40py),
  .main-layout.svelte-5k40py .static-content:where(.svelte-5k40py) {
    padding-left: 24px;
    padding-right: 15px;
  }
  .main-layout.svelte-5k40py .page:where(.svelte-5k40py) {
    padding-right: 9px;
  }
  .main-layout.svelte-5k40py .scroll:where(.svelte-5k40py) {
    padding-bottom: 68px;
  }
  .main-layout.svelte-5k40py .scroll.new-layout:where(.svelte-5k40py) {
    position: relative;
    padding-bottom: 64px;
    margin-bottom: 0;
  }
  .main-layout.svelte-5k40py .scroll.new-layout:where(.svelte-5k40py)::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 56px;
    pointer-events: none;
    z-index: 6;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
  }
  .main-layout.svelte-5k40py .scroll:where(.svelte-5k40py) .scroll-content-new-layout:where(.svelte-5k40py) {
    padding-left: 16px;
    padding-right: 12px;
    padding-top: var(--spacing-m);
    --header-content-fade-start: var(--header-content-fade-height, 32px);
  }
  .main-layout.svelte-5k40py .scroll:where(.svelte-5k40py) .scroll-content-new-layout:where(.svelte-5k40py):has(.dashboard-layout) {
    padding-top: 0;
  }
  .main-layout.svelte-5k40py .static-content.new-layout:where(.svelte-5k40py) {
    padding-left: 16px;
    padding-right: 12px;
    position: relative;
    flex-shrink: 0;
    z-index: 5;
    margin-bottom: 0;
  }
  .main-layout.svelte-5k40py .static-content.new-layout:where(.svelte-5k40py) .tabs-wrapper {
    margin-bottom: 0;
  }
  .main-layout.new-layout.has-top-fade.svelte-5k40py .static-content.new-layout:where(.svelte-5k40py) {
    margin-bottom: calc(-1 * var(--header-content-fade-underlap, 12px));
  }
  .main-layout.svelte-5k40py .no-scroll-container.no-scroll-padding:where(.svelte-5k40py) {
    padding-left: 16px;
    padding-right: 12px;
  }
  .main-layout.svelte-5k40py .page.new-layout:where(.svelte-5k40py) {
    margin-bottom: 0;
  }
  .main-layout.svelte-5k40py .no-bottom-padding:where(.svelte-5k40py) {
    padding-bottom: 0;
  }
  .main-layout.floating-main-menu.svelte-5k40py .menu.new-layout:where(.svelte-5k40py) {
    position: static;
    height: 0;
    padding: 0;
  }
  .main-layout.floating-main-menu.svelte-5k40py .scroll.new-layout:where(.svelte-5k40py) {
    padding-bottom: 0;
    --floating-dock-fade-end: calc(0px + env(safe-area-inset-bottom, 0px));
    --floating-dock-fade-start: calc(calc(0px + env(safe-area-inset-bottom, 0px)) + var(--floating-dock-fade-height, 120px));
    --scroll-dissolve-end: var(--floating-dock-fade-end);
    --scroll-dissolve-start: var(--floating-dock-fade-start);
    -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%);
  }
  .main-layout.floating-main-menu.svelte-5k40py .scroll.new-layout:where(.svelte-5k40py)::after {
    content: none;
  }
  .main-layout.floating-main-menu.svelte-5k40py .scroll.new-layout:where(.svelte-5k40py) .scroll-content-new-layout:where(.svelte-5k40py) {
    padding-bottom: var(--floating-dock-scroll-clearance, calc(60px + calc(0px + env(safe-area-inset-bottom, 0px)) + 16px));
  }
  .main-layout.floating-main-menu.is-list-editing.svelte-5k40py .scroll.new-layout:where(.svelte-5k40py) .scroll-content-new-layout:where(.svelte-5k40py) {
    flex: 1;
    height: auto;
    max-height: none;
    padding-bottom: var(--floating-dock-scroll-clearance, calc(60px + calc(0px + env(safe-area-inset-bottom, 0px)) + 16px));
  }
}
@media screen and (max-width: 639px) {
  .main-layout.svelte-5k40py {
    padding-top: 16px;
  }
  .main-layout.new-layout.svelte-5k40py {
    padding-top: env(safe-area-inset-top, 0px);
  }
  .main-layout.new-layout.svelte-5k40py .main:where(.svelte-5k40py) {
    padding-top: 0;
  }
  .main-layout.svelte-5k40py .menu:where(.svelte-5k40py) {
    padding: 0 16px;
  }
  .main-layout.svelte-5k40py .menu.new-layout:where(.svelte-5k40py) {
    padding: 0;
  }
  .main-layout.svelte-5k40py .scroll:where(.svelte-5k40py),
  .main-layout.svelte-5k40py .static-content:where(.svelte-5k40py) {
    padding-left: 16px;
    padding-right: 11px;
  }
  .main-layout.svelte-5k40py .scroll.new-layout:where(.svelte-5k40py) {
    padding-left: 0;
    padding-right: 5px;
  }
  .main-layout.svelte-5k40py .scroll:where(.svelte-5k40py) .scroll-content-new-layout:where(.svelte-5k40py) {
    padding-left: 12px;
    padding-right: 10px;
    padding-top: var(--spacing-m);
  }
  .main-layout.svelte-5k40py .scroll:where(.svelte-5k40py) .scroll-content-new-layout:where(.svelte-5k40py):has(.dashboard-layout) {
    padding-top: 0;
  }
  .main-layout.svelte-5k40py .static-content.new-layout:where(.svelte-5k40py) {
    padding-left: 12px;
    padding-right: 10px;
  }
  .main-layout.svelte-5k40py .no-scroll-container.no-scroll-padding:where(.svelte-5k40py) {
    padding-left: 12px;
    padding-right: 10px;
  }
  .main-layout.svelte-5k40py .page:where(.svelte-5k40py) {
    padding-right: 5px;
  }
}
html.ios-vv-height-lock,
html.ios-vv-height-lock body,
html.ios-vv-height-lock #app {
  height: 100lvh;
  min-height: 100lvh;
}

html.ios-vv-height-lock .main-layout.new-layout {
  height: 100lvh !important;
  min-height: 100lvh !important;
  max-height: none !important;
  padding-top: 60px !important;
}

html.ios-vv-height-lock .main-layout.new-layout .menu.new-layout {
  height: 0 !important;
  padding: 0 !important;
}

html.ios-vv-height-lock .main-layout.new-layout .scroll.main-layout-scroll.new-layout {
  padding-bottom: 0 !important;
}

html.ios-vv-height-lock .main-layout.new-layout .page.new-layout {
  padding-top: 0 !important;
}

html.ios-vv-height-lock .main-layout.new-layout .scroll .scroll-content-new-layout {
  min-height: 100%;
  padding-bottom: 112px !important;
}@keyframes svelte-1mpyjz0-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-1mpyjz0-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1mpyjz0-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-1mpyjz0-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1mpyjz0-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.main-menu.svelte-1mpyjz0 {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  border: 1px solid var(--color-theme-border-03);
  border-top-right-radius: var(--radius-theme-md);
  align-items: flex-start;
  width: 100%;
  max-width: 114px;
}
.main-menu.svelte-1mpyjz0 .inner-container:where(.svelte-1mpyjz0) {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.main-menu.new-layout.svelte-1mpyjz0 {
  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);
  border: none;
  max-width: var(--main-menu-width, 72px);
  padding: var(--spacing-m);
}
@supports (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)) {
  .main-menu.new-layout.svelte-1mpyjz0 {
    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)));
  }
}
.main-menu.new-layout.svelte-1mpyjz0 .menu-item:last-of-type .menu-item-icon {
  margin-bottom: 0;
}
@media screen and (min-width: 1124px) {
  .main-menu.new-layout.svelte-1mpyjz0 {
    padding-top: 0;
  }
  .main-menu.new-layout.svelte-1mpyjz0 .inner-container:where(.svelte-1mpyjz0) {
    height: 100%;
  }
}
.main-menu.mobile.svelte-1mpyjz0 {
  flex-direction: row;
  max-width: unset;
  border-top-left-radius: var(--radius-theme-sm);
  border-top-right-radius: var(--radius-theme-sm);
  justify-content: center;
}
.main-menu.mobile.new-layout.svelte-1mpyjz0 {
  border: none;
  border-radius: var(--radius-pill);
}
.main-menu.mobile.new-layout.svelte-1mpyjz0 .inner-container:where(.svelte-1mpyjz0) {
  padding-right: 8px;
  padding-left: 8px;
}
.main-menu.mobile.svelte-1mpyjz0 .inner-container:where(.svelte-1mpyjz0) {
  flex-direction: row;
  justify-content: center;
  flex: 1;
  height: 100%;
}
@media screen and (max-width: 1123px) {
  .main-menu.svelte-1mpyjz0:not(.desktop):not(.mobile) {
    flex-direction: row;
    max-width: unset;
    border-top-left-radius: var(--radius-theme-sm);
    border-top-right-radius: var(--radius-theme-sm);
    justify-content: center;
  }
  .main-menu:not(.desktop):not(.mobile).new-layout.svelte-1mpyjz0 {
    border: none;
    border-radius: var(--radius-pill);
  }
  .main-menu.svelte-1mpyjz0:not(.desktop):not(.mobile) .inner-container:where(.svelte-1mpyjz0) {
    flex-direction: row;
    justify-content: center;
    flex: 1;
    height: 100%;
  }
}
@media screen and (max-width: 639px) {
  .main-menu.svelte-1mpyjz0:not(.desktop) {
    flex-direction: row;
    max-width: unset;
    border-top-left-radius: var(--radius-theme-sm);
    border-top-right-radius: var(--radius-theme-sm);
    justify-content: center;
  }
  .main-menu:not(.desktop).new-layout.svelte-1mpyjz0 {
    border: none;
    border-radius: var(--radius-pill);
  }
  .main-menu:not(.desktop).new-layout.svelte-1mpyjz0 .inner-container:where(.svelte-1mpyjz0) {
    padding-right: 8px;
    padding-left: 8px;
  }
  .main-menu.svelte-1mpyjz0:not(.desktop) .inner-container:where(.svelte-1mpyjz0) {
    flex-direction: row;
    justify-content: center;
    flex: 1;
    height: 100%;
  }
}@keyframes svelte-1vf9fzy-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-1vf9fzy-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1vf9fzy-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-1vf9fzy-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1vf9fzy-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
:is(.main-menu-layer.svelte-1vf9fzy, .pill-shaped-dock-layer.svelte-1vf9fzy) {
  position: relative;
  z-index: 20;
  --dock-blur: var(--surface-glass-blur);
}
:is(.main-menu-layer:where(.svelte-1vf9fzy), .pill-shaped-dock-layer:where(.svelte-1vf9fzy)).is-inline.svelte-1vf9fzy {
  width: 100%;
}

body.main-menu-expanded-open,
body.pill-shaped-dock-expanded-open {
  overflow: hidden;
  overscroll-behavior: none;
}

:is(.main-menu-backdrop.svelte-1vf9fzy, .pill-shaped-dock-backdrop.svelte-1vf9fzy) {
  position: fixed;
  inset: 0;
  z-index: 20;
  isolation: isolate;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: default;
  background: radial-gradient(120% 85% at 50% 0%, color-mix(in srgb, var(--color-theme-accent) 22%, transparent) 0%, color-mix(in srgb, var(--color-theme-overlay) 100%, transparent) 52%, color-mix(in srgb, var(--color-theme-overlay) 100%, transparent) 100%);
  backdrop-filter: blur(0px) saturate(108%);
  -webkit-backdrop-filter: blur(0px) saturate(108%);
  opacity: 0;
  transform: translateZ(0);
  will-change: opacity, backdrop-filter, -webkit-backdrop-filter;
}
:is(.main-menu-backdrop:where(.svelte-1vf9fzy), .pill-shaped-dock-backdrop:where(.svelte-1vf9fzy)).is-expanding.svelte-1vf9fzy {
  animation: svelte-1vf9fzy-main-menu-backdrop-open 400ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
:is(.main-menu-backdrop:where(.svelte-1vf9fzy), .pill-shaped-dock-backdrop:where(.svelte-1vf9fzy)).is-collapsing.svelte-1vf9fzy {
  animation: svelte-1vf9fzy-main-menu-backdrop-close 400ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@media screen and (max-width: 768px) {
  :is(.main-menu-backdrop.svelte-1vf9fzy, .pill-shaped-dock-backdrop.svelte-1vf9fzy) {
    top: var(--ios-visual-viewport-offset-top, 0px);
    right: 0;
    left: 0;
    bottom: auto;
    height: var(--ios-visual-viewport-height, 100%);
  }
}

@keyframes svelte-1vf9fzy-main-menu-backdrop-open {
  from {
    opacity: 0;
    background: radial-gradient(120% 85% at 50% 0%, color-mix(in srgb, var(--color-theme-accent) 8%, transparent) 0%, color-mix(in srgb, var(--color-theme-overlay) 40%, transparent) 52%, color-mix(in srgb, var(--color-theme-overlay) 40%, transparent) 100%);
    backdrop-filter: blur(0px) saturate(108%);
    -webkit-backdrop-filter: blur(0px) saturate(108%);
  }
  to {
    opacity: 1;
    background: radial-gradient(120% 85% at 50% 0%, color-mix(in srgb, var(--color-theme-accent) 22%, transparent) 0%, color-mix(in srgb, var(--color-theme-overlay) 100%, transparent) 52%, color-mix(in srgb, var(--color-theme-overlay) 100%, transparent) 100%);
    backdrop-filter: blur(6px) saturate(120%);
    -webkit-backdrop-filter: blur(6px) saturate(120%);
  }
}
@keyframes svelte-1vf9fzy-main-menu-backdrop-close {
  from {
    opacity: 1;
    background: radial-gradient(120% 85% at 50% 0%, color-mix(in srgb, var(--color-theme-accent) 22%, transparent) 0%, color-mix(in srgb, var(--color-theme-overlay) 100%, transparent) 52%, color-mix(in srgb, var(--color-theme-overlay) 100%, transparent) 100%);
    backdrop-filter: blur(6px) saturate(120%);
    -webkit-backdrop-filter: blur(6px) saturate(120%);
  }
  to {
    opacity: 0;
    background: radial-gradient(120% 85% at 50% 0%, color-mix(in srgb, var(--color-theme-accent) 8%, transparent) 0%, color-mix(in srgb, var(--color-theme-overlay) 40%, transparent) 52%, color-mix(in srgb, var(--color-theme-overlay) 40%, transparent) 100%);
    backdrop-filter: blur(0px) saturate(108%);
    -webkit-backdrop-filter: blur(0px) saturate(108%);
  }
}
:is(.main-menu-floating.svelte-1vf9fzy, .pill-shaped-dock.svelte-1vf9fzy) {
  --nav-indicator-width: 4.125rem;
  --nav-indicator-x: 0px;
  --active-nav-color: var(--color-theme-accent);
  --nav-icon-size: 20px;
  --nav-icon-scale: 0.9;
  --nav-icon-active-scale: 1;
  --nav-collapsed-left: 50%;
  --nav-collapsed-width: min(84%, 640px);
  --nav-collapsed-bottom: calc(0px + env(safe-area-inset-bottom, 0px));
  --nav-collapsed-radius: 30px;
  --nav-bar-frozen-width: var(--nav-collapsed-width);
  --nav-side-padding: calc(5px + var(--nav-indicator-width) / 2 - var(--nav-icon-size) / 2);
  --nav-bar-height: 60px;
  --nav-expand-step: 20px;
  --nav-expanded-radius: calc(var(--nav-collapsed-radius) + 20px);
  --nav-expanded-width: calc(var(--nav-collapsed-width) + var(--nav-expand-step) * 2);
  --nav-side-gap: max(0px, calc((100vw - var(--nav-expanded-width)) / 2));
  --nav-open-top: calc(
  	var(--ios-visual-viewport-offset-top, env(safe-area-inset-top, 0px)) +
  		max(var(--nav-side-gap), var(--nav-expand-step))
  );
  --nav-open-bottom: var(--nav-collapsed-bottom);
  --nav-stage-one-height: calc(var(--nav-bar-height) + var(--nav-expand-step));
  --nav-expanded-height: calc(
  	var(--ios-visual-viewport-height, 100dvh) - var(--nav-open-top) - var(--nav-open-bottom)
  );
  --nav-final-height: max(var(--nav-stage-one-height), var(--nav-expanded-height));
  --dock-bar-fill: var(--surface-glass-bg);
  --dock-bar-fill-mid: color-mix(in srgb, var(--surface-glass-bg) 45%, transparent);
  --dock-shell-fill: color-mix(in srgb, rgb(var(--surface-glass-rgb)) 86%, transparent);
  --dock-hairline: var(--surface-glass-border-color);
  --dock-glyph: var(--color-theme-text);
  --dock-glyph-muted: var(--color-theme-text-sec);
  --dock-divider: color-mix(in srgb, var(--color-theme-fg) 16%, transparent);
  --dock-shadow: var(--shadow-theme);
  --dock-indicator-frost: color-mix(in srgb, var(--color-theme-fg) 17%, transparent);
  --dock-indicator-pad: var(--color-theme-bg);
  --dock-blur: var(--surface-glass-blur);
  position: fixed;
  left: var(--nav-collapsed-left);
  right: auto;
  bottom: var(--nav-collapsed-bottom);
  z-index: 21;
  width: var(--nav-collapsed-width);
  max-width: var(--nav-collapsed-width);
  height: var(--nav-bar-height);
  padding: 0;
  margin: 0;
  border-radius: var(--nav-collapsed-radius);
  background: transparent;
  backdrop-filter: blur(var(--dock-blur));
  -webkit-backdrop-filter: blur(var(--dock-blur));
  box-shadow: var(--dock-shadow);
  overflow: hidden;
  pointer-events: none;
  transform: translateX(-50%) scale(1);
  transform-origin: center bottom;
  transition: transform 220ms ease, box-shadow 300ms ease, opacity 220ms ease, filter 220ms ease;
}
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-compact.svelte-1vf9fzy:not(.is-expanded) {
  transform: translateX(-50%) scale(0.7);
}
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-edit-inert.svelte-1vf9fzy {
  opacity: 0.48;
  filter: brightness(0.72);
  pointer-events: none;
}
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-edit-inert.svelte-1vf9fzy :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)),
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-edit-inert.svelte-1vf9fzy :is(.main-menu-panel:where(.svelte-1vf9fzy), .pill-shaped-dock-panel:where(.svelte-1vf9fzy)) {
  pointer-events: none;
}
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-edit-inert.svelte-1vf9fzy :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) :is(.main-menu-item, .pill-dock-item) {
  pointer-events: none;
}
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-edit-inert.is-compact.svelte-1vf9fzy:not(.is-expanded) {
  transform: translateX(-50%) scale(1);
}
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-wide.svelte-1vf9fzy {
  --nav-collapsed-width: min(94%, 720px);
}
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-fit-content.svelte-1vf9fzy {
  --nav-collapsed-width: var(--nav-content-width, min(84%, 640px));
}
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).highlight-icon-grow.svelte-1vf9fzy {
  --nav-icon-active-scale: 1;
}
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-expanded.svelte-1vf9fzy {
  left: var(--nav-collapsed-left);
  width: var(--nav-expanded-width);
  max-width: var(--nav-expanded-width);
  bottom: var(--nav-open-bottom);
  height: var(--nav-final-height);
  border-radius: var(--nav-expanded-radius);
  overflow: hidden;
  pointer-events: auto;
  background: var(--dock-shell-fill);
  backdrop-filter: blur(var(--dock-blur));
  -webkit-backdrop-filter: blur(var(--dock-blur));
  box-shadow: var(--dock-shadow), inset 0 1px 0 var(--dock-hairline);
}
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-expanding.svelte-1vf9fzy {
  animation: svelte-1vf9fzy-main-menu-expand-shell 400ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-collapsing.svelte-1vf9fzy {
  animation: svelte-1vf9fzy-main-menu-collapse-shell 400ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-inline.svelte-1vf9fzy {
  --nav-collapsed-width: 100%;
  --nav-side-padding: 0.75rem;
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  transform: none;
  width: var(--nav-collapsed-width);
  max-width: 100%;
  margin-inline: auto;
  pointer-events: auto;
  z-index: 1;
}
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-inline.svelte-1vf9fzy :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  justify-content: space-between;
  gap: 0;
  padding-inline: var(--nav-side-padding);
}
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-inline.svelte-1vf9fzy :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) :is(.main-menu-item, .pill-dock-item) {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: none;
  margin-inline: 0;
}
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-inline.svelte-1vf9fzy :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) :is(.main-menu-item, .pill-dock-item)::before {
  transition: none;
}
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-inline.svelte-1vf9fzy :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) :is(.main-menu-item-icon, .pill-dock-item-icon),
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-inline.svelte-1vf9fzy :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) .menu-item-icon {
  transition: color 120ms ease, transform 120ms cubic-bezier(0.22, 1, 0.36, 1);
}
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-inline.svelte-1vf9fzy :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) :is(.main-menu-divider, .pill-dock-divider) {
  flex: 0 0 auto;
  margin-inline: 0.25rem;
}

@keyframes svelte-1vf9fzy-main-menu-expand-shell {
  0% {
    left: var(--nav-collapsed-left);
    width: var(--nav-collapsed-width);
    bottom: var(--nav-collapsed-bottom);
    height: var(--nav-bar-height);
    border-radius: var(--nav-collapsed-radius);
    background: transparent;
    backdrop-filter: blur(var(--dock-blur));
    -webkit-backdrop-filter: blur(var(--dock-blur));
    box-shadow: var(--dock-shadow);
  }
  100% {
    left: var(--nav-collapsed-left);
    width: var(--nav-expanded-width);
    bottom: var(--nav-open-bottom);
    height: var(--nav-final-height);
    border-radius: var(--nav-expanded-radius);
    background: var(--dock-shell-fill);
    backdrop-filter: blur(var(--dock-blur));
    -webkit-backdrop-filter: blur(var(--dock-blur));
    box-shadow: var(--dock-shadow), inset 0 1px 0 var(--dock-hairline);
  }
}
@keyframes svelte-1vf9fzy-main-menu-collapse-shell {
  0% {
    left: var(--nav-collapsed-left);
    width: var(--nav-expanded-width);
    bottom: var(--nav-open-bottom);
    height: var(--nav-final-height);
    border-radius: var(--nav-expanded-radius);
    background: var(--dock-shell-fill);
    backdrop-filter: blur(var(--dock-blur));
    -webkit-backdrop-filter: blur(var(--dock-blur));
    box-shadow: var(--dock-shadow), inset 0 1px 0 var(--dock-hairline);
  }
  50% {
    left: var(--nav-collapsed-left);
    width: var(--nav-expanded-width);
    bottom: var(--nav-open-bottom);
    height: var(--nav-stage-one-height);
    border-radius: var(--nav-expanded-radius);
    background: var(--dock-bar-fill);
    backdrop-filter: blur(var(--dock-blur));
    -webkit-backdrop-filter: blur(var(--dock-blur));
    box-shadow: var(--dock-shadow), inset 0 1px 0 var(--dock-hairline);
  }
  100% {
    left: var(--nav-collapsed-left);
    width: var(--nav-collapsed-width);
    bottom: var(--nav-collapsed-bottom);
    height: var(--nav-bar-height);
    border-radius: var(--nav-collapsed-radius);
    background: transparent;
    backdrop-filter: blur(var(--dock-blur));
    -webkit-backdrop-filter: blur(var(--dock-blur));
    box-shadow: var(--dock-shadow);
  }
}
:is(.main-menu-bar.svelte-1vf9fzy, .pill-shaped-dock-bar.svelte-1vf9fzy) {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: var(--nav-bar-height);
  padding: 5px var(--nav-side-padding);
  background: var(--dock-bar-fill);
  box-shadow: inset 0 -1px 0 var(--dock-hairline);
  backdrop-filter: blur(var(--dock-blur));
  -webkit-backdrop-filter: blur(var(--dock-blur));
  border-radius: 30px;
  overflow: visible;
  pointer-events: auto;
  z-index: 4;
}

@media screen and (max-width: calc(1124px - 1px)) {
  :is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-fit-content.svelte-1vf9fzy:not(.is-inline):not(.is-expanded) {
    width: max-content;
    max-width: calc(100vw - var(--spacing-m, 16px) * 2);
  }
  :is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-fit-content.svelte-1vf9fzy:not(.is-inline):not(.is-expanded) :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: max-content;
    max-width: 100%;
    justify-content: flex-start;
  }
}
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-expanded.svelte-1vf9fzy :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) {
  left: 50%;
  right: auto;
  width: var(--nav-bar-frozen-width);
  max-width: var(--nav-bar-frozen-width);
  bottom: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: blur(var(--dock-blur));
  -webkit-backdrop-filter: blur(var(--dock-blur));
  border-radius: var(--nav-collapsed-radius);
  transform: translateX(-50%);
}

:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-expanding.svelte-1vf9fzy :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) {
  animation: svelte-1vf9fzy-main-menu-expand-bar 400ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-collapsing.svelte-1vf9fzy :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) {
  animation: svelte-1vf9fzy-main-menu-collapse-bar 400ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes svelte-1vf9fzy-main-menu-expand-bar {
  0% {
    bottom: 0;
    background: var(--dock-bar-fill);
    box-shadow: inset 0 -1px 0 var(--dock-hairline);
    backdrop-filter: blur(var(--dock-blur));
    -webkit-backdrop-filter: blur(var(--dock-blur));
  }
  100% {
    bottom: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: blur(var(--dock-blur));
    -webkit-backdrop-filter: blur(var(--dock-blur));
  }
}
@keyframes svelte-1vf9fzy-main-menu-collapse-bar {
  0%, 50% {
    bottom: 0;
    background: var(--dock-bar-fill-mid);
    box-shadow: inset 0 -1px 0 var(--dock-hairline);
    backdrop-filter: blur(var(--dock-blur));
    -webkit-backdrop-filter: blur(var(--dock-blur));
  }
  100% {
    bottom: 0;
    background: var(--dock-bar-fill);
    box-shadow: inset 0 -1px 0 var(--dock-hairline);
    backdrop-filter: blur(var(--dock-blur));
    -webkit-backdrop-filter: blur(var(--dock-blur));
  }
}
:is(.main-menu-panel.svelte-1vf9fzy, .pill-shaped-dock-panel.svelte-1vf9fzy) {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: var(--nav-bar-height);
  padding: 1.1rem 1rem 0.75rem;
  background: transparent;
  border-radius: 0;
  max-height: none;
  overflow: auto;
  opacity: 0;
  pointer-events: none;
  transform: translateY(0.5rem);
  transition: opacity 220ms ease, transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
  z-index: 2;
}
:is(.main-menu-panel:where(.svelte-1vf9fzy), .pill-shaped-dock-panel:where(.svelte-1vf9fzy)).is-flush.svelte-1vf9fzy {
  padding: 0;
  overflow: hidden;
}

:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-expanded.svelte-1vf9fzy :is(.main-menu-panel:where(.svelte-1vf9fzy), .pill-shaped-dock-panel:where(.svelte-1vf9fzy)) {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-collapsing.svelte-1vf9fzy :is(.main-menu-panel:where(.svelte-1vf9fzy), .pill-shaped-dock-panel:where(.svelte-1vf9fzy)) {
  opacity: 0;
  pointer-events: none;
  transform: translateY(0.35rem);
}

:is(.main-menu-active-glow.svelte-1vf9fzy, .pill-shaped-dock-active-glow.svelte-1vf9fzy) {
  position: absolute;
  left: 5px;
  top: 5px;
  width: var(--nav-indicator-width);
  height: 50px;
  transform: translateX(var(--nav-indicator-x));
  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
  z-index: 1;
  opacity: 0;
}
:is(.main-menu-active-glow:where(.svelte-1vf9fzy), .pill-shaped-dock-active-glow:where(.svelte-1vf9fzy)).is-visible.svelte-1vf9fzy {
  opacity: 1;
}
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-scrubbing.svelte-1vf9fzy :is(.main-menu-active-glow:where(.svelte-1vf9fzy), .pill-shaped-dock-active-glow:where(.svelte-1vf9fzy)) {
  transition: none;
}
.svelte-1vf9fzy:is(.main-menu-active-glow:where(.svelte-1vf9fzy), .pill-shaped-dock-active-glow:where(.svelte-1vf9fzy))::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, var(--active-nav-color) 0%, transparent 100%);
  opacity: 0.44;
  transform: translateX(-50%) scale(1.02);
  pointer-events: none;
}

:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).indicator-circle.svelte-1vf9fzy :is(.main-menu-active-glow:where(.svelte-1vf9fzy), .pill-shaped-dock-active-glow:where(.svelte-1vf9fzy)) {
  width: 50px;
  min-width: 50px;
  height: 50px;
}

:is(.main-menu-indicator.svelte-1vf9fzy, .pill-shaped-dock-indicator.svelte-1vf9fzy) {
  position: absolute;
  left: 5px;
  top: 5px;
  width: var(--nav-indicator-width);
  height: 50px;
  border-radius: 30px;
  transform: translateX(var(--nav-indicator-x));
  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1), width 220ms ease;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
}
:is(.main-menu-indicator:where(.svelte-1vf9fzy), .pill-shaped-dock-indicator:where(.svelte-1vf9fzy)).is-visible.svelte-1vf9fzy {
  opacity: 1;
}
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-scrubbing.svelte-1vf9fzy :is(.main-menu-indicator:where(.svelte-1vf9fzy), .pill-shaped-dock-indicator:where(.svelte-1vf9fzy)) {
  transition: none;
}
.svelte-1vf9fzy:is(.main-menu-indicator:where(.svelte-1vf9fzy), .pill-shaped-dock-indicator:where(.svelte-1vf9fzy))::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--dock-indicator-frost);
  border-radius: 30px;
}
.svelte-1vf9fzy:is(.main-menu-indicator:where(.svelte-1vf9fzy), .pill-shaped-dock-indicator:where(.svelte-1vf9fzy))::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 30px;
  border: 1px solid transparent;
  background: linear-gradient(to top, color-mix(in srgb, var(--active-nav-color) 50%, transparent), transparent 50%) padding-box, linear-gradient(var(--dock-indicator-pad), var(--dock-indicator-pad)) padding-box, linear-gradient(0deg, color-mix(in srgb, var(--active-nav-color) 58%, transparent) 0%, transparent 100%) border-box;
  box-shadow: inset 0 0 12px color-mix(in srgb, var(--active-nav-color) 31%, transparent);
}

:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).indicator-circle.svelte-1vf9fzy :is(.main-menu-indicator:where(.svelte-1vf9fzy), .pill-shaped-dock-indicator:where(.svelte-1vf9fzy)) {
  width: 50px;
  min-width: 50px;
  height: 50px;
  border-radius: 50%;
}
:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).indicator-circle.svelte-1vf9fzy :where(.svelte-1vf9fzy):is(.main-menu-indicator:where(.svelte-1vf9fzy), .pill-shaped-dock-indicator:where(.svelte-1vf9fzy))::before, :is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).indicator-circle.svelte-1vf9fzy :where(.svelte-1vf9fzy):is(.main-menu-indicator:where(.svelte-1vf9fzy), .pill-shaped-dock-indicator:where(.svelte-1vf9fzy))::after {
  border-radius: 50%;
}

.svelte-1vf9fzy:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)):not(.is-inline) :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) :is(.main-menu-item, .pill-dock-item)::before {
  opacity: 0 !important;
  transform: translateX(-50%) scale(0) !important;
  transition: none;
}

:is(.main-menu-bar.svelte-1vf9fzy, .pill-shaped-dock-bar.svelte-1vf9fzy) :is(.main-menu-item, .pill-dock-item) {
  position: relative;
  z-index: 3;
  display: grid;
  justify-items: center;
  align-content: center;
  width: var(--nav-indicator-width);
  min-width: var(--nav-indicator-width);
  height: 50px;
  margin-inline: calc((var(--nav-indicator-width) - var(--nav-icon-size)) / -2);
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--dock-glyph);
  cursor: pointer;
  isolation: isolate;
  pointer-events: auto;
  transition: color 160ms ease;
  --item-color: var(--active-nav-color);
}
:is(.main-menu-bar.svelte-1vf9fzy, .pill-shaped-dock-bar.svelte-1vf9fzy) :is(.main-menu-item, .pill-dock-item)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, var(--item-color) 0%, transparent 100%);
  opacity: var(--item-active-opacity, 0);
  transform: translateX(-50%) scale(var(--item-active-scale, 0));
  transition: transform 840ms cubic-bezier(0.22, 1, 0.36, 1), opacity 720ms ease;
  pointer-events: none;
}
:is(.main-menu-bar.svelte-1vf9fzy, .pill-shaped-dock-bar.svelte-1vf9fzy) :is(.main-menu-item-icon, .pill-dock-item-icon),
:is(.main-menu-bar.svelte-1vf9fzy, .pill-shaped-dock-bar.svelte-1vf9fzy) .menu-item-icon {
  font-size: var(--nav-icon-size);
  line-height: 1;
  color: var(--dock-glyph-muted);
  transform-origin: center;
  transform: scale(var(--nav-icon-scale));
  transition: color 160ms ease, transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
}
:is(.main-menu-bar.svelte-1vf9fzy, .pill-shaped-dock-bar.svelte-1vf9fzy) :is(.main-menu-item, .pill-dock-item).is-active {
  color: var(--dock-glyph);
}
:is(.main-menu-bar.svelte-1vf9fzy, .pill-shaped-dock-bar.svelte-1vf9fzy) :is(.main-menu-item, .pill-dock-item).is-active :is(.main-menu-item-icon, .pill-dock-item-icon),
:is(.main-menu-bar.svelte-1vf9fzy, .pill-shaped-dock-bar.svelte-1vf9fzy) :is(.main-menu-item, .pill-dock-item).is-active .menu-item-icon {
  color: var(--dock-glyph);
  text-shadow: 0 1px 10px color-mix(in srgb, var(--dock-glyph) 35%, transparent);
  transform: scale(var(--nav-icon-active-scale));
}
:is(.main-menu-bar.svelte-1vf9fzy, .pill-shaped-dock-bar.svelte-1vf9fzy) :is(.main-menu-item-logo, .pill-dock-item-logo) {
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
:is(.main-menu-bar.svelte-1vf9fzy, .pill-shaped-dock-bar.svelte-1vf9fzy) :is(.main-menu-item-more, .pill-dock-item-more) .menu-item.new-layout {
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  color: inherit;
}
:is(.main-menu-bar.svelte-1vf9fzy, .pill-shaped-dock-bar.svelte-1vf9fzy) :is(.main-menu-item-more, .pill-dock-item-more) .menu-item.new-layout .menu-item-icon {
  margin: 0;
  padding: 0;
  background: transparent;
  font-size: var(--nav-icon-size);
  transform-origin: center;
  transition: color 160ms ease, transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
}
:is(.main-menu-bar.svelte-1vf9fzy, .pill-shaped-dock-bar.svelte-1vf9fzy) :is(.main-menu-item-more, .pill-dock-item-more) .menu-item.new-layout .new-layout-icon {
  color: var(--dock-glyph-muted);
}
:is(.main-menu-bar.svelte-1vf9fzy, .pill-shaped-dock-bar.svelte-1vf9fzy) :is(.main-menu-item, .pill-dock-item).is-active .new-layout-icon,
:is(.main-menu-bar.svelte-1vf9fzy, .pill-shaped-dock-bar.svelte-1vf9fzy) :is(.main-menu-item, .pill-dock-item).is-active .active-icon {
  color: var(--dock-glyph);
}
:is(.main-menu-bar.svelte-1vf9fzy, .pill-shaped-dock-bar.svelte-1vf9fzy) :is(.main-menu-item-more, .pill-dock-item-more)
   .menu-item.new-layout
   .menu-item-icon.hovered:not(.disabled),
:is(.main-menu-bar.svelte-1vf9fzy, .pill-shaped-dock-bar.svelte-1vf9fzy) :is(.main-menu-item-more, .pill-dock-item-more)
   .menu-item.new-layout
   .menu-item-icon.is-focused:not(.disabled) {
  background-color: transparent;
}
:is(.main-menu-bar.svelte-1vf9fzy, .pill-shaped-dock-bar.svelte-1vf9fzy) :is(.main-menu-item-more, .pill-dock-item-more)
   .menu-item.new-layout
   .menu-item-icon.hovered:not(.disabled)
   .new-layout-icon {
  color: var(--dock-glyph-muted);
}
:is(.main-menu-bar.svelte-1vf9fzy, .pill-shaped-dock-bar.svelte-1vf9fzy) :is(.main-menu-item, .pill-dock-item).is-active
   .menu-item.new-layout
   .menu-item-icon.hovered:not(.disabled)
   .new-layout-icon {
  color: var(--dock-glyph);
}
:is(.main-menu-bar.svelte-1vf9fzy, .pill-shaped-dock-bar.svelte-1vf9fzy) :is(.main-menu-item-more, .pill-dock-item-more) .menu-item.new-layout .new-layout-notification {
  top: -5px;
  right: -8px;
}
:is(.main-menu-bar.svelte-1vf9fzy, .pill-shaped-dock-bar.svelte-1vf9fzy) :is(.main-menu-divider, .pill-dock-divider) {
  width: 1px;
  height: 18px;
  margin-inline: 2px;
  border-radius: 999px;
  background: var(--dock-divider);
  z-index: 3;
  pointer-events: none;
}

@media screen and (max-width: calc(1124px - 1px)) {
  :is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-fit-content.svelte-1vf9fzy:not(.is-inline) {
    --nav-mobile-action-size: calc(var(--nav-bar-height) - 10px);
    --nav-side-padding: calc(
    	5px + (var(--nav-indicator-width) - var(--nav-mobile-action-size)) / 2
    );
  }
  :is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-fit-content.svelte-1vf9fzy:not(.is-inline) :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) :is(.main-menu-item, .pill-dock-item) {
    width: var(--nav-mobile-action-size);
    min-width: var(--nav-mobile-action-size);
    margin-inline: 0;
  }
  :is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-hidden.svelte-1vf9fzy:not(.is-inline):not(.is-expanded) {
    transform: translate(-50%, calc(100% + var(--nav-collapsed-bottom))) scale(1);
    opacity: 0;
    pointer-events: none;
  }
  :is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)).is-hidden.svelte-1vf9fzy:not(.is-inline):not(.is-expanded) :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) {
    pointer-events: none;
  }
}
@media screen and (min-width: 1124px) {
  :is(.main-menu-backdrop.svelte-1vf9fzy, .pill-shaped-dock-backdrop.svelte-1vf9fzy) {
    display: none;
  }
  .svelte-1vf9fzy:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)):not(.is-inline) {
    left: calc(16px + 60px / 2);
    right: auto;
    bottom: auto;
    top: 50%;
    width: calc(100vh - 16px * 2);
    max-width: calc(100vh - 16px * 2);
    box-shadow: none;
    transform: translate(-50%, -50%) rotate(90deg);
    transform-origin: center center;
    pointer-events: auto;
  }
  :is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)):not(.is-inline).is-expanded.svelte-1vf9fzy {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  :is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)):not(.is-inline).is-expanded.svelte-1vf9fzy :is(.main-menu-panel:where(.svelte-1vf9fzy), .pill-shaped-dock-panel:where(.svelte-1vf9fzy)) {
    display: none;
  }
  :is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)):not(.is-inline).is-compact.svelte-1vf9fzy:not(.is-expanded) {
    transform: translate(-50%, -50%) rotate(90deg) scale(0.7);
  }
  :is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)):not(.is-inline).is-compact.svelte-1vf9fzy:not(.is-expanded):hover, :is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)):not(.is-inline).is-compact.svelte-1vf9fzy:not(.is-expanded):focus-within {
    transform: translate(-50%, -50%) rotate(90deg) scale(1);
  }
  :is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)):not(.is-inline).is-edit-inert.svelte-1vf9fzy {
    pointer-events: none;
  }
  :is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)):not(.is-inline).is-edit-inert.is-compact.svelte-1vf9fzy:not(.is-expanded) {
    transform: translate(-50%, -50%) rotate(90deg) scale(1);
  }
  :is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)):not(.is-inline).is-edit-inert.is-compact.svelte-1vf9fzy:not(.is-expanded):hover, :is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)):not(.is-inline).is-edit-inert.is-compact.svelte-1vf9fzy:not(.is-expanded):focus-within {
    transform: translate(-50%, -50%) rotate(90deg) scale(1);
  }
  .svelte-1vf9fzy:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)):not(.is-inline) :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    justify-content: flex-start;
    gap: 0.35rem;
  }
  .svelte-1vf9fzy:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)):not(.is-inline) :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) :is(.main-menu-item-icon, .pill-dock-item-icon),
  .svelte-1vf9fzy:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)):not(.is-inline) :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) :is(.main-menu-item-more, .pill-dock-item-more) .menu-item-icon {
    transform: rotate(-90deg) scale(var(--nav-icon-scale));
  }
  .svelte-1vf9fzy:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)):not(.is-inline) :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) :is(.main-menu-item-logo, .pill-dock-item-logo) {
    transform: rotate(-90deg);
  }
  .svelte-1vf9fzy:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)):not(.is-inline) :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) :is(.main-menu-item, .pill-dock-item).is-active
    :is(.main-menu-item-icon, .pill-dock-item-icon),
  .svelte-1vf9fzy:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)):not(.is-inline) :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) :is(.main-menu-item, .pill-dock-item).is-active .menu-item-icon {
    transform: rotate(-90deg) scale(var(--nav-icon-active-scale));
  }
  .svelte-1vf9fzy:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)):not(.is-inline) :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) :is(.main-menu-item, .pill-dock-item) {
    margin-inline: 0;
  }
  .svelte-1vf9fzy:is(.main-menu-floating:where(.svelte-1vf9fzy), .pill-shaped-dock:where(.svelte-1vf9fzy)):not(.is-inline) :is(.main-menu-bar:where(.svelte-1vf9fzy), .pill-shaped-dock-bar:where(.svelte-1vf9fzy)) :is(.main-menu-divider, .pill-dock-divider) {
    margin-inline-start: auto;
    margin-inline-end: 0.5rem;
  }
}.menu-container.svelte-r16jz6 {
  display: flex;
  background-color: var(--color-theme-bg);
  padding: 24px 9px 24px 24px;
  border-radius: var(--radius-theme-md);
  width: 100%;
}
.menu-container.svelte-r16jz6 .devider:where(.svelte-r16jz6) {
  width: 1px;
  background-color: var(--color-theme-border-03);
}
.menu-container.svelte-r16jz6 .left-slot-container:where(.svelte-r16jz6) {
  flex-shrink: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.menu-container.svelte-r16jz6 .right-slot-container:where(.svelte-r16jz6) {
  padding-right: 15px;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

@media screen and (max-width: 639px) {
  .menu-container.svelte-r16jz6 {
    padding: 16px 5px 16px 16px;
  }
  .menu-container.svelte-r16jz6 .right-slot-container:where(.svelte-r16jz6) {
    padding-right: 11px;
  }
}@keyframes svelte-whfb8p-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-whfb8p-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-whfb8p-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-whfb8p-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-whfb8p-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.menu-item.svelte-whfb8p {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 15px 15px 15px;
  border-bottom: 1px solid var(--color-theme-border-03);
}
.menu-item.svelte-whfb8p:disabled {
  cursor: not-allowed;
}
.menu-item.disabled.svelte-whfb8p {
  cursor: not-allowed;
}
.menu-item.svelte-whfb8p .menu-item-icon {
  position: relative;
  margin-bottom: 4px;
}
.menu-item.svelte-whfb8p #tooltip {
  width: max-content;
}
.menu-item.svelte-whfb8p .notification-position {
  position: absolute;
  top: 0;
  right: -10px;
}
.menu-item.svelte-whfb8p .new-layout-notification {
  position: absolute;
  top: 8px;
  right: 6px;
}
.menu-item.active.svelte-whfb8p:not(.new-layout) {
  position: relative;
}
.menu-item.active.svelte-whfb8p:not(.new-layout)::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 40px;
  border-radius: var(--radius-theme-sm);
  background: var(--color-theme-accent);
  right: 0;
}
.menu-item.menu-item-custom-icon.svelte-whfb8p:not(.new-layout) .menu-item-icon {
  background: var(--color-theme-accent);
  border-radius: 50%;
}
.menu-item.menu-item-custom-icon.svelte-whfb8p:not(.new-layout) .menu-item-icon .icon-grid {
  font-size: 16px;
}
.menu-item.mobile.svelte-whfb8p {
  width: 96px;
  padding: 9px 4px 11px 4px;
  border-bottom: 0;
  max-width: 80px;
  width: 25%;
  height: 100%;
  padding: 9px 4px;
}
.menu-item.mobile.svelte-whfb8p .body-small-styles {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
}
.menu-item.mobile.new-layout.svelte-whfb8p {
  width: auto;
  padding: 7px 20px 8px 20px;
}
.menu-item.mobile.new-layout.svelte-whfb8p .menu-item-icon {
  margin-bottom: 0;
  padding: 8px;
}
.menu-item.mobile.svelte-whfb8p .menu-item-icon {
  margin-bottom: var(--spacing-xxs);
}
.menu-item.mobile.active.svelte-whfb8p::before {
  right: unset;
  top: 0;
  width: 40px;
  height: 4px;
}
.menu-item.mobile.svelte-whfb8p .menu-item-icon {
  margin-bottom: 0px;
}
.menu-item.mobile.svelte-whfb8p .menu-item-text:where(.svelte-whfb8p) {
  display: none;
}
.menu-item.mobile.new-layout.svelte-whfb8p {
  width: 20%;
  padding: 7px 0px 8px 0px;
  max-width: 70px;
}
.menu-item.new-layout.svelte-whfb8p {
  border-bottom: none;
  padding: 0;
}
.menu-item.new-layout.svelte-whfb8p .new-layout-icon {
  color: var(--color-theme-text-sec);
}
.menu-item.new-layout.svelte-whfb8p .menu-item-icon {
  padding: 10px;
  border-radius: var(--radius-theme-sm);
  margin-bottom: 8px;
}
.menu-item.new-layout.svelte-whfb8p .menu-item-icon .disabled-icon {
  color: var(--color-theme-text-tertiary);
}
.menu-item.new-layout.svelte-whfb8p .menu-item-icon .active-icon {
  color: var(--color-theme-text);
}
@media (hover: hover) {
  .menu-item.new-layout.svelte-whfb8p:not(.mobile) .menu-item-icon.hovered:not(.disabled) {
    background-color: var(--color-theme-card-02);
    background-color: color-mix(in srgb, var(--color-theme-fg) 15%, transparent);
  }
  .menu-item.new-layout.svelte-whfb8p:not(.mobile) .menu-item-icon.hovered:not(.disabled) .new-layout-icon {
    color: var(--color-theme-text);
  }
}
@media (hover: none) {
  .menu-item.new-layout.svelte-whfb8p .menu-item-icon.hovered:not(.disabled) {
    background-color: var(--color-theme-card-02);
    background-color: inherit;
  }
  .menu-item.new-layout.svelte-whfb8p .menu-item-icon.hovered:not(.disabled) .new-layout-icon {
    color: var(--color-theme-text);
  }
}
.menu-item.new-layout.svelte-whfb8p .menu-item-icon.is-focused:not(.disabled) {
  background-color: var(--color-theme-card-02);
}
.menu-item.new-layout.svelte-whfb8p .menu-item-icon.is-focused:not(.disabled) .new-layout-icon {
  color: var(--color-theme-text);
}

@media screen and (max-width: 1123px) {
  .menu-item.svelte-whfb8p:not(.desktop) {
    width: 96px;
    padding: 9px 4px 11px 4px;
    border-bottom: 0;
  }
  .menu-item.svelte-whfb8p:not(.desktop) .body-small-styles {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
  }
  .menu-item:not(.desktop).new-layout.svelte-whfb8p {
    width: auto;
    padding: 7px 20px 8px 20px;
  }
  .menu-item:not(.desktop).new-layout.svelte-whfb8p .menu-item-icon {
    margin-bottom: 0;
    padding: 8px;
  }
  .menu-item.svelte-whfb8p:not(.desktop) .menu-item-icon {
    margin-bottom: var(--spacing-xxs);
  }
  .menu-item:not(.desktop).active.svelte-whfb8p::before {
    right: unset;
    top: 0;
    width: 40px;
    height: 4px;
  }
  .menu-item.mobile.svelte-whfb8p:not(.desktop) {
    width: 96px;
    padding: 9px 4px 11px 4px;
    border-bottom: 0;
    max-width: 80px;
    width: 25%;
    height: 100%;
    padding: 9px 4px;
  }
  .menu-item.mobile.svelte-whfb8p:not(.desktop) .body-small-styles {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
  }
  .menu-item.mobile:not(.desktop).new-layout.svelte-whfb8p {
    width: auto;
    padding: 7px 20px 8px 20px;
  }
  .menu-item.mobile:not(.desktop).new-layout.svelte-whfb8p .menu-item-icon {
    margin-bottom: 0;
    padding: 8px;
  }
  .menu-item.mobile.svelte-whfb8p:not(.desktop) .menu-item-icon {
    margin-bottom: var(--spacing-xxs);
  }
  .menu-item.mobile:not(.desktop).active.svelte-whfb8p::before {
    right: unset;
    top: 0;
    width: 40px;
    height: 4px;
  }
  .menu-item.mobile.svelte-whfb8p:not(.desktop) .menu-item-icon {
    margin-bottom: 0px;
  }
  .menu-item.mobile.svelte-whfb8p:not(.desktop) .menu-item-text:where(.svelte-whfb8p) {
    display: none;
  }
  .menu-item.mobile:not(.desktop).new-layout.svelte-whfb8p {
    width: 20%;
    padding: 7px 0px 8px 0px;
    max-width: 70px;
  }
}
@media screen and (max-width: 639px) {
  .menu-item.svelte-whfb8p:not(.desktop) {
    max-width: 80px;
    width: 25%;
    height: 100%;
    padding: 9px 4px;
  }
  .menu-item.svelte-whfb8p:not(.desktop) .menu-item-icon {
    margin-bottom: 0px;
  }
  .menu-item.svelte-whfb8p:not(.desktop) .menu-item-text:where(.svelte-whfb8p) {
    display: none;
  }
  .menu-item:not(.desktop).new-layout.svelte-whfb8p {
    width: 20%;
    padding: 7px 0px 8px 0px;
    max-width: 70px;
  }
}.hero-value.svelte-1iixfmm {
  width: 100%;
}
.hero-value.layout-stacked.svelte-1iixfmm {
  display: flex;
  flex-direction: column;
}
.hero-value.layout-inline.svelte-1iixfmm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-s);
}
.hero-value.svelte-1iixfmm .hero-value-reading:where(.svelte-1iixfmm) {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  min-width: 0;
}.modal-content-layout.svelte-1asker9 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.modal-content-layout.svelte-1asker9 .modal-top-content:where(.svelte-1asker9) {
  flex-shrink: 0;
  padding: 0 15px 12px 15px;
}
.modal-content-layout.svelte-1asker9 .modal-content-layout-columns:where(.svelte-1asker9) {
  display: flex;
  flex: 1;
  min-height: 0;
}
.modal-content-layout.svelte-1asker9 .modal-content-layout-columns.is-push-mobile:where(.svelte-1asker9) {
  position: relative;
}
.modal-content-layout.svelte-1asker9 .modal-push-overlay:where(.svelte-1asker9) {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--color-theme-modal);
  transform: translateX(100%);
  pointer-events: none;
  transition: transform 0.32s ease;
}
.modal-content-layout.svelte-1asker9 .modal-push-overlay.is-open:where(.svelte-1asker9) {
  transform: translateX(0);
  pointer-events: auto;
}
.modal-content-layout.svelte-1asker9 .modal-push-overlay-header:where(.svelte-1asker9) {
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
  flex-shrink: 0;
  min-width: 0;
  padding: 0 10px 12px 10px;
}
.modal-content-layout.svelte-1asker9 .modal-left-content:where(.svelte-1asker9) {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  overflow: hidden;
  --legend-title-mask: var(--color-theme-modal);
}
.modal-content-layout.svelte-1asker9 .modal-left-content.modal-side-panel:where(.svelte-1asker9) {
  width: 260px;
  flex-shrink: 0;
}
.modal-content-layout.svelte-1asker9 .modal-left-content.modal-side-panel.is-fluid:where(.svelte-1asker9) {
  width: 33.3333333333%;
  max-width: 344px;
}
.modal-content-layout.svelte-1asker9 .modal-left-content:where(.svelte-1asker9) .left-container-mobile-paddings {
  padding-left: 10px !important;
  padding-right: 11px !important;
}
.modal-content-layout.svelte-1asker9 .modal-left-content:where(.svelte-1asker9) .scroll {
  flex: 1;
  min-height: 0;
}
.modal-content-layout.svelte-1asker9 .modal-left-sticky-top:where(.svelte-1asker9) {
  flex-shrink: 0;
  margin-bottom: var(--spacing-s);
}
.modal-content-layout.svelte-1asker9 .modal-left-sticky-bottom:where(.svelte-1asker9) {
  flex-shrink: 0;
  margin-top: var(--spacing-s);
  background-color: var(--color-theme-modal);
}
.modal-content-layout.svelte-1asker9 .modal-static-top-content:where(.svelte-1asker9) {
  padding: 0px 15px;
}
.modal-content-layout.svelte-1asker9 .modal-sticky-bottom-content:where(.svelte-1asker9) {
  padding: 0px 15px;
  flex-shrink: 0;
  background-color: var(--color-theme-modal);
}

@media screen and (max-width: 639px) {
  .modal-content-layout.svelte-1asker9 .modal-top-content:where(.svelte-1asker9),
  .modal-content-layout.svelte-1asker9 .modal-static-top-content:where(.svelte-1asker9),
  .modal-content-layout.svelte-1asker9 .modal-sticky-bottom-content:where(.svelte-1asker9) {
    padding-left: 10px;
    padding-right: 11px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .modal-content-layout.svelte-1asker9 .modal-push-overlay:where(.svelte-1asker9) {
    transition: none;
  }
}.wrapper-report-parameter.svelte-bocbqu {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: var(--radius-theme-md);
  overflow: hidden;
}
.wrapper-report-parameter.svelte-bocbqu .main-section-report-parameter:where(.svelte-bocbqu) {
  display: flex;
  justify-content: center;
  padding: var(--spacing-m);
  height: 100%;
  background-color: var(--color-theme-card);
}
.wrapper-report-parameter.svelte-bocbqu .bottom-section-wrapper:where(.svelte-bocbqu) {
  display: flex;
  flex-direction: row;
  margin-top: var(--spacing-xxs);
}
.wrapper-report-parameter.svelte-bocbqu .bottom-section-wrapper:where(.svelte-bocbqu) .bottom-section:where(.svelte-bocbqu) {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-theme-card);
  padding: var(--spacing-s) var(--spacing-m);
  width: 100%;
  min-height: 36px;
}
.wrapper-report-parameter.svelte-bocbqu .bottom-section-wrapper:where(.svelte-bocbqu) .bottom-section:where(.svelte-bocbqu):not(:last-child) {
  margin-right: var(--spacing-xxs);
}.timeline.svelte-s9khqq {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l);
  width: 100%;
}
.timeline.svelte-s9khqq .timeline-item:first-of-type:last-of-type::after {
  top: calc(var(--first-item-top) + 12px);
  height: calc(100% - var(--first-item-top) - 12px);
}
.timeline.svelte-s9khqq .timeline-item:first-of-type:not(:last-of-type):after {
  top: var(--first-item-top);
  height: calc(100% - var(--first-item-top) + 24px);
}
.timeline.svelte-s9khqq .timeline-item:last-of-type:not(:first-of-type)::after {
  top: 0;
  height: 100%;
}@keyframes svelte-17idlr2-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-17idlr2-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-17idlr2-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-17idlr2-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-17idlr2-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.timeline-item.svelte-17idlr2 {
  padding-left: var(--spacing-l);
  position: relative;
}
.timeline-item.svelte-17idlr2 .start-point-title:where(.svelte-17idlr2),
.timeline-item.svelte-17idlr2 .start-point-timestamp:where(.svelte-17idlr2) {
  position: relative;
}
.timeline-item.svelte-17idlr2 .start-point-title:where(.svelte-17idlr2)::before,
.timeline-item.svelte-17idlr2 .start-point-timestamp:where(.svelte-17idlr2)::before {
  content: "";
  position: absolute;
  top: calc(50% - 4px);
  left: -20px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color-theme-accent);
  box-shadow: 0 0 0 4px var(--color-theme-accent-tint-strong);
  z-index: 1;
}
.timeline-item.svelte-17idlr2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 8px;
  width: 1px;
  height: calc(100% + 24px);
  background-color: var(--color-theme-border-03);
}
.timeline-item.svelte-17idlr2 .timestamp {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}.theme.prevent-select {
  user-select: none;
}.toast-element-wrapper.svelte-s1y12u {
  position: relative;
}
.toast-element-wrapper.svelte-s1y12u .toast-close-btn:where(.svelte-s1y12u) {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: var(--color-theme-text-sec);
}

.toast-element.svelte-s1y12u {
  display: flex;
  flex-direction: column;
  padding: 16px;
  width: 344px;
  max-width: 100%;
  background-color: var(--color-theme-bg);
  border: 1px solid var(--color-theme-border-03);
  border-radius: var(--radius-theme-md);
  box-shadow: var(--shadow-theme);
  will-change: transform, opacity;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.toast-element.type-success.svelte-s1y12u {
  border-color: var(--color-theme-success);
  box-shadow: var(--shadow-theme-glow-success-strong);
}
.toast-element.type-danger.svelte-s1y12u {
  border-color: var(--color-theme-danger);
  box-shadow: var(--shadow-theme-glow-danger-strong);
}
.toast-element.type-warning.svelte-s1y12u {
  border-color: var(--color-theme-warning);
  box-shadow: var(--shadow-theme-glow-warning-strong);
}
.toast-element.type-info.svelte-s1y12u {
  border-color: var(--color-theme-accent);
  box-shadow: var(--shadow-theme-glow-strong);
}
@media screen and (max-width: 639px) {
  .toast-element.svelte-s1y12u {
    width: 100%;
  }
}
.toast-element.svelte-s1y12u .toast-progressbar:where(.svelte-s1y12u) {
  display: block;
  height: 5px;
  width: 100%;
  appearance: none;
  border: none;
  background: var(--color-theme-control-track);
  border-radius: 2px;
  pointer-events: none;
}
.toast-element.svelte-s1y12u .toast-progressbar:where(.svelte-s1y12u)::-webkit-progress-bar {
  background: var(--color-theme-control-track);
  border-radius: 2px;
}
.toast-element.svelte-s1y12u .toast-progressbar:where(.svelte-s1y12u)::-webkit-progress-value {
  border-radius: 2px;
  background: var(--toast-progressbar-color);
}
.toast-element.svelte-s1y12u .toast-progressbar:where(.svelte-s1y12u)::-moz-progress-bar {
  border-radius: 2px;
  background: var(--toast-progressbar-color);
}.toast-stack-lane.svelte-1nyn1rk {
  --toast-peek-step: 6px;
  --toast-peek-compact-height: 56px;
  display: grid;
  position: relative;
  isolation: isolate;
}
.toast-stack-lane.svelte-1nyn1rk .toast-element {
  margin-bottom: 0 !important;
}
.toast-stack-lane.svelte-1nyn1rk .toast-stack-item:where(.svelte-1nyn1rk) {
  grid-area: 1/1;
  z-index: calc(100 - var(--stack-index, 0));
}
.toast-stack-lane.svelte-1nyn1rk .toast-stack-item:where(.svelte-1nyn1rk):not(.toast-stack-item--front) {
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  bottom: calc(var(--stack-index, 0) * var(--toast-peek-step) * -1);
  height: var(--toast-peek-compact-height);
  pointer-events: none;
}
.toast-stack-lane.svelte-1nyn1rk .toast-stack-item:where(.svelte-1nyn1rk):not(.toast-stack-item--front) .toast-element {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}
.toast-stack-lane.svelte-1nyn1rk .toast-stack-item:where(.svelte-1nyn1rk):not(.toast-stack-item--front) .toast-progressbar,
.toast-stack-lane.svelte-1nyn1rk .toast-stack-item:where(.svelte-1nyn1rk):not(.toast-stack-item--front) .toast-element > :not(:first-child) {
  display: none;
}
.toast-stack-lane.svelte-1nyn1rk .toast-stack-item-inner:where(.svelte-1nyn1rk) {
  height: 100%;
  transform: scale(calc(1 - var(--stack-index, 0) * 0.04));
  transform-origin: bottom center;
  transition: transform 200ms ease, opacity 200ms ease, bottom 200ms ease;
}
.toast-stack-lane.svelte-1nyn1rk .toast-stack-item--front:where(.svelte-1nyn1rk) .toast-stack-item-inner:where(.svelte-1nyn1rk) {
  transform: none;
}
.toast-stack-lane.svelte-1nyn1rk .toast-stack-item--hidden:where(.svelte-1nyn1rk) {
  visibility: hidden;
  pointer-events: none;
}
.toast-stack-lane.svelte-1nyn1rk .toast-stack-item--hidden:where(.svelte-1nyn1rk) .toast-stack-item-inner:where(.svelte-1nyn1rk) {
  opacity: 0;
}
.toast-stack-lane.toast-stack-lane--anchor-bottom.svelte-1nyn1rk .toast-stack-item:where(.svelte-1nyn1rk):not(.toast-stack-item--front) {
  top: calc(var(--stack-index, 0) * var(--toast-peek-step) * -1);
  bottom: auto;
}
.toast-stack-lane.toast-stack-lane--anchor-bottom.svelte-1nyn1rk .toast-stack-item-inner:where(.svelte-1nyn1rk) {
  transform-origin: top center;
}.toast-container.svelte-i70w17 {
  position: fixed;
  right: var(--spacing-m);
  z-index: 1002;
  overflow: visible;
}
@media screen and (max-width: 639px) {
  .toast-container.svelte-i70w17 {
    width: calc(100% - var(--spacing-m) * 2);
    left: var(--spacing-m);
  }
}

.toast-container--placement-top.svelte-i70w17 {
  top: var(--spacing-m);
  bottom: unset;
}
@media screen and (max-width: 639px) {
  .toast-container--placement-top.svelte-i70w17 {
    top: calc(var(--spacing-m) + env(safe-area-inset-top, 0px));
  }
}

.toast-container--placement-bottom.svelte-i70w17 {
  top: unset;
  bottom: 0;
}

.toast-container--placement-bottom-safe.svelte-i70w17 {
  top: unset;
  bottom: calc(var(--spacing-m) + env(safe-area-inset-bottom, 0px));
}

.toast-container--placement-above-dock.svelte-i70w17 {
  top: unset;
  bottom: max(88px, env(safe-area-inset-bottom, 0px) + 72px);
}

.toast-container--stacked.svelte-i70w17 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--spacing-m);
  overflow: visible;
}@keyframes svelte-104x7ze-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-104x7ze-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-104x7ze-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-104x7ze-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-104x7ze-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.toolbar.svelte-104x7ze {
  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);
  position: relative;
  display: grid;
  grid-template-columns: minmax(64px, auto) minmax(120px, 1fr);
  grid-template-rows: auto;
  grid-template-areas: "breadcrumbs right-controls";
  gap: var(--spacing-s);
  padding: 8px;
  z-index: 1;
}
@supports (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)) {
  .toolbar.svelte-104x7ze {
    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)));
  }
}
.toolbar.is-sticky.svelte-104x7ze {
  position: sticky;
  top: 0;
  z-index: 20;
}
.toolbar.have-left-side.svelte-104x7ze {
  grid-template-columns: minmax(64px, auto) minmax(120px, 1fr) auto;
  grid-template-areas: "breadcrumbs left-controls right-controls";
}
.toolbar.have-left-side-only.svelte-104x7ze {
  grid-template-columns: minmax(64px, auto) minmax(120px, 1fr) auto;
  grid-template-areas: "breadcrumbs left-controls";
}
.toolbar.have-only-breadcrumps.svelte-104x7ze {
  grid-template-columns: minmax(64px, auto) minmax(120px, 1fr) auto;
  grid-template-areas: "breadcrumbs breadcrumbs breadcrumbs";
}
.toolbar.have-bottom.svelte-104x7ze:not(.have-breadcrumbs-and-bottom-only) {
  grid-template-columns: minmax(64px, auto) minmax(120px, 1fr);
  grid-template-areas: "breadcrumbs right-controls" "bottom-controls bottom-controls";
}
.toolbar.have-left-side.have-bottom.svelte-104x7ze {
  grid-template-columns: minmax(64px, auto) minmax(120px, 1fr) auto;
  grid-template-areas: "breadcrumbs left-controls right-controls" "bottom-controls bottom-controls bottom-controls";
}
.toolbar.no-breadcrumbs.svelte-104x7ze {
  grid-template-columns: minmax(64px, auto) minmax(120px, 1fr) auto;
  grid-template-areas: "left-controls right-controls";
}
.toolbar.have-breadcrumbs-and-bottom-only.svelte-104x7ze {
  grid-template-columns: auto 1fr;
  grid-template-areas: "breadcrumbs breadcrumbs" "bottom-controls bottom-controls";
}
.toolbar.svelte-104x7ze .left-controls-container:where(.svelte-104x7ze),
.toolbar.svelte-104x7ze .right-controls-container:where(.svelte-104x7ze),
.toolbar.svelte-104x7ze .bottom-controls-container:where(.svelte-104x7ze) {
  display: flex;
  margin: -4px;
}
.toolbar.svelte-104x7ze .left-controls-container:where(.svelte-104x7ze) > *,
.toolbar.svelte-104x7ze .right-controls-container:where(.svelte-104x7ze) > *,
.toolbar.svelte-104x7ze .bottom-controls-container:where(.svelte-104x7ze) > * {
  margin: 4px;
}
.toolbar.svelte-104x7ze .breadcrumbs-container:where(.svelte-104x7ze) {
  grid-area: breadcrumbs;
  display: flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  flex: auto;
  min-height: 32px;
}
.toolbar.svelte-104x7ze .breadcrumbs-container:where(.svelte-104x7ze) .breadcrumbs {
  width: 100%;
}
.toolbar.svelte-104x7ze .left-controls-container:where(.svelte-104x7ze) {
  grid-area: left-controls;
  overflow: hidden;
  padding-right: 4px;
}
.toolbar.svelte-104x7ze .right-controls-container:where(.svelte-104x7ze) {
  grid-area: right-controls;
  justify-self: end;
}
.toolbar.svelte-104x7ze .bottom-controls-container:where(.svelte-104x7ze) {
  grid-area: bottom-controls;
  flex-wrap: wrap;
}
@media screen and (max-width: 639px) {
  .toolbar.svelte-104x7ze {
    grid-template-columns: auto 1fr;
    grid-template-areas: "breadcrumbs right-controls";
  }
  .toolbar.have-left-side.svelte-104x7ze {
    grid-template-columns: auto 1fr;
    grid-template-areas: "breadcrumbs right-controls" "left-controls left-controls";
  }
  .toolbar.have-left-side-only.svelte-104x7ze {
    grid-template-columns: auto 1fr;
    grid-template-areas: "breadcrumbs breadcrumbs" "left-controls left-controls";
  }
  .toolbar.have-only-breadcrumps.svelte-104x7ze {
    grid-template-columns: auto 1fr;
    grid-template-areas: "breadcrumbs breadcrumbs";
  }
  .toolbar.have-left-side.have-bottom.svelte-104x7ze {
    grid-template-columns: auto 1fr;
    grid-template-areas: "breadcrumbs right-controls" "left-controls left-controls" "bottom-controls bottom-controls";
  }
  .toolbar.no-breadcrumbs.svelte-104x7ze {
    grid-template-columns: auto 1fr;
    grid-template-areas: "left-controls left-controls";
  }
  .toolbar.svelte-104x7ze .left-controls-container:where(.svelte-104x7ze),
  .toolbar.svelte-104x7ze .bottom-controls-container:where(.svelte-104x7ze) {
    flex-direction: column;
    margin: -4px 0;
  }
  .toolbar.svelte-104x7ze .left-controls-container:where(.svelte-104x7ze) > *,
  .toolbar.svelte-104x7ze .bottom-controls-container:where(.svelte-104x7ze) > * {
    margin: 4px 0;
  }
  .toolbar.svelte-104x7ze .left-controls-container:where(.svelte-104x7ze) {
    padding-right: 4px;
    margin-right: -4px;
  }
}.toolbar-filter-container.svelte-35u53c {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  overflow-x: auto;
  flex-wrap: nowrap;
  white-space: nowrap;
  gap: var(--spacing-s);
  width: 100%;
}
.toolbar-filter-container.svelte-35u53c:before, .toolbar-filter-container.svelte-35u53c:after {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  background: var(--gradient-horizontal-filters);
  transition: opacity 0.3s ease;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}
.toolbar-filter-container.svelte-35u53c:before {
  left: 1px;
  transform: rotateY(180deg);
}
.toolbar-filter-container.svelte-35u53c:after {
  right: 3px;
  filter: blur(5px);
}
.toolbar-filter-container.show-left-shadow.svelte-35u53c::before {
  opacity: 1;
  pointer-events: unset;
}
.toolbar-filter-container.show-right-shadow.svelte-35u53c::after {
  opacity: 1;
  pointer-events: unset;
}.context-menu-item.svelte-bulmzu {
  position: relative;
  list-style-type: none;
  padding: 12px;
  min-height: 44px;
  border-radius: 4px;
  cursor: pointer;
  padding-left: calc(12px + var(--menu-item-level, 0) * 32px);
}
.context-menu-item.svelte-bulmzu:hover:not(.disabled) {
  border-radius: 4px;
  background-color: var(--color-theme-accent-tint-strong);
}
.context-menu-item.svelte-bulmzu .icon-spacing {
  margin-right: 12px;
}
.context-menu-item.active.svelte-bulmzu:not(.disabled):not(:hover) {
  background-color: var(--color-theme-accent-tint);
}
.context-menu-item.active.svelte-bulmzu {
  position: relative;
}
.context-menu-item.active.svelte-bulmzu:not(.disabled):not(:hover) {
  background-color: var(--color-theme-accent-tint);
}
.context-menu-item.active.svelte-bulmzu::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: var(--color-theme-accent);
  border-radius: 4px;
}.contextual-navigation-container.svelte-18tt02y .menu-items:where(.svelte-18tt02y) {
  padding: 0;
  margin: 0;
  list-style: none;
}@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;
}
.control-card.svelte-8gn3h6 {
  --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;
  min-width: 0;
  overflow: hidden;
  transform-origin: top left;
  will-change: transform;
  border: 1px solid var(--color-theme-border-03);
  border-radius: var(--radius-theme-md);
  background: var(--color-theme-card-well);
  color: var(--color-theme-text);
}
.control-card.svelte-8gn3h6::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);
}
.control-card.svelte-8gn3h6 .lighting-edge:where(.svelte-8gn3h6) {
  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);
}
.control-card.is-overflow-visible.svelte-8gn3h6 {
  overflow: visible;
}
.control-card.has-corner.svelte-8gn3h6 {
  overflow: visible;
}
.control-card.has-corner.svelte-8gn3h6 .control-card-inner:where(.svelte-8gn3h6) {
  overflow: hidden;
  border-radius: inherit;
}
.control-card.no-lighting.svelte-8gn3h6::before {
  content: none;
}
.control-card.priority-primary.svelte-8gn3h6 {
  min-height: 158px;
}
.control-card.priority-primary.svelte-8gn3h6 .control-card-inner:where(.svelte-8gn3h6) {
  padding: calc(var(--spacing-s-plus) + var(--spacing-xxs));
}
.control-card.priority-wide.svelte-8gn3h6 {
  min-height: 96px;
}
.control-card.priority-secondary.svelte-8gn3h6 {
  min-height: 77px;
}
.control-card.priority-tertiary.svelte-8gn3h6 {
  min-height: 70px;
}
.control-card.priority-compact.svelte-8gn3h6 {
  min-height: 56px;
}
.control-card.priority-compact.svelte-8gn3h6 .control-card-inner:where(.svelte-8gn3h6) {
  padding: var(--spacing-s);
}
.control-card.is-stale.svelte-8gn3h6 {
  filter: saturate(0.25);
  opacity: 0.68;
}
.control-card.is-disabled.svelte-8gn3h6 {
  color: var(--color-theme-text-disabled);
}
.control-card.has-corner.svelte-8gn3h6 .control-card-inner:where(.svelte-8gn3h6) {
  padding-top: calc(var(--spacing-m) + var(--spacing-xs));
}

.control-card-corner.svelte-8gn3h6 {
  position: absolute;
  top: 0;
  left: var(--spacing-m);
  z-index: 3;
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  transform: translateY(-50%);
}

.control-card-inner.svelte-8gn3h6 {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  padding: var(--spacing-m);
}@keyframes svelte-1fhbhru-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-1fhbhru-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1fhbhru-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-1fhbhru-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1fhbhru-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;
}
.property-card.svelte-1fhbhru {
  --property-card-tone: var(--color-theme-text-sec);
  --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;
  min-width: 0;
  overflow: hidden;
  transform-origin: top left;
  will-change: transform;
  border: 1px solid var(--color-theme-border-03);
  border-radius: var(--radius-theme-md);
  background: var(--color-theme-card-well);
  color: var(--color-theme-text);
}
.property-card.svelte-1fhbhru::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);
}
.property-card.svelte-1fhbhru .lighting-edge:where(.svelte-1fhbhru) {
  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);
}
.property-card.priority-primary.svelte-1fhbhru {
  min-height: 158px;
}
.property-card.priority-primary.svelte-1fhbhru .property-card-inner:where(.svelte-1fhbhru) {
  padding: calc(var(--spacing-s-plus) + var(--spacing-xxs));
}
.property-card.priority-wide.svelte-1fhbhru {
  min-height: 96px;
}
.property-card.priority-secondary.svelte-1fhbhru {
  min-height: 77px;
}
.property-card.priority-tertiary.svelte-1fhbhru {
  min-height: 70px;
}
.property-card.priority-compact.svelte-1fhbhru {
  min-height: 56px;
}
.property-card.priority-compact.svelte-1fhbhru .property-card-inner:where(.svelte-1fhbhru) {
  padding: var(--spacing-s);
}
.property-card.priority-compact.svelte-1fhbhru .property-card-label:where(.svelte-1fhbhru) {
  padding-top: var(--spacing-xs);
}
.property-card.tone-warning.svelte-1fhbhru {
  --property-card-tone: var(--color-theme-warning);
}
.property-card.tone-danger.svelte-1fhbhru {
  --property-card-tone: var(--color-theme-danger);
}
.property-card.tone-success.svelte-1fhbhru {
  --property-card-tone: var(--color-theme-success);
}
.property-card.tone-muted.svelte-1fhbhru {
  --property-card-tone: var(--color-theme-text-sec);
}
.property-card.tone-muted.svelte-1fhbhru .property-card-status-mark:where(.svelte-1fhbhru) {
  color: var(--color-theme-text-disabled);
  border-color: var(--color-theme-text-disabled);
}
.property-card.tone-info.svelte-1fhbhru {
  --property-card-tone: var(--color-theme-accent);
}
.property-card.is-stale.svelte-1fhbhru {
  filter: saturate(0.25);
  opacity: 0.68;
}
.property-card.is-disabled.svelte-1fhbhru {
  --property-card-tone: var(--color-theme-text-disabled);
  color: var(--color-theme-text-disabled);
}
.property-card.is-disabled.svelte-1fhbhru .theme-text-sec {
  color: var(--color-theme-text-disabled);
}
.property-card.is-disabled.svelte-1fhbhru .property-card-label:where(.svelte-1fhbhru) .property-card-label-icon {
  color: var(--color-theme-text-disabled);
}
.property-card.is-disabled.svelte-1fhbhru .property-card-status-mark:where(.svelte-1fhbhru) {
  color: var(--color-theme-text-disabled);
  border-color: var(--color-theme-text-disabled);
}
.property-card.is-disabled.svelte-1fhbhru .property-card-sparkline-line:where(.svelte-1fhbhru) {
  stroke: var(--color-theme-text-disabled);
}
.property-card.has-action.svelte-1fhbhru .property-card-inner:where(.svelte-1fhbhru) {
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-m);
}
.property-card.is-interactive.svelte-1fhbhru {
  cursor: pointer;
}
.property-card.is-interactive.svelte-1fhbhru:focus-visible {
  outline: 2px solid var(--color-theme-accent);
  outline-offset: 2px;
}
.property-card.no-lighting.svelte-1fhbhru .lighting-edge:where(.svelte-1fhbhru) {
  display: none;
}
.property-card.kind-status.priority-primary.svelte-1fhbhru {
  min-height: 158px;
}
.property-card.kind-status.svelte-1fhbhru .property-card-inner:where(.svelte-1fhbhru) {
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-m);
}
.property-card.kind-status.svelte-1fhbhru .property-card-status-mark:where(.svelte-1fhbhru) {
  margin-bottom: 0;
}
.property-card.kind-status.svelte-1fhbhru .property-card-copy:where(.svelte-1fhbhru) {
  justify-content: center;
}
.property-card.kind-status.svelte-1fhbhru .property-card-label:where(.svelte-1fhbhru) {
  margin-top: 0;
  padding-top: var(--spacing-xs);
}

.property-card-inner.svelte-1fhbhru {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  padding: var(--spacing-s-plus);
}

.property-card-copy.svelte-1fhbhru {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}

.property-card-status-mark.svelte-1fhbhru {
  display: grid;
  width: 46px;
  height: 46px;
  margin-bottom: auto;
  place-items: center;
  border: 1px solid rgb(var(--lighting-accent-rgb)/70%);
  border-radius: 50%;
  background: var(--color-theme-bg);
  color: rgb(var(--lighting-accent-rgb));
}
.property-card-status-mark.svelte-1fhbhru .dots-container {
  height: auto;
  transform: scale(1.5);
}

.property-card-topline.svelte-1fhbhru {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-xs);
  min-width: 0;
}

.property-card-status-value.svelte-1fhbhru {
  min-width: 0;
}

.property-card-detail.svelte-1fhbhru {
  display: block;
  margin-top: var(--spacing-xxs);
  color: var(--color-theme-text-sec);
}

.property-card-unit.svelte-1fhbhru {
  align-self: baseline;
  line-height: 1;
}

.property-card-sparkline.svelte-1fhbhru {
  width: 100%;
  height: 66px;
  margin-top: var(--spacing-xs);
}

.property-card-sparkline-line.svelte-1fhbhru {
  fill: none;
  stroke: rgb(var(--lighting-accent-rgb));
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5;
  vector-effect: non-scaling-stroke;
}

.property-card-label.svelte-1fhbhru {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-xs);
  min-width: 0;
  margin-top: auto;
  padding-top: var(--spacing-s);
  color: var(--property-card-tone);
}
.property-card-label.svelte-1fhbhru .property-card-label-icon {
  color: rgb(var(--lighting-accent-rgb));
}
.property-card-label.svelte-1fhbhru .tiny-styles {
  font-size: 11px;
  line-height: 1.2;
}

.property-card-label-main.svelte-1fhbhru {
  display: flex;
  flex: 1;
  align-items: flex-start;
  gap: var(--spacing-xs);
  min-width: 0;
}

.property-card-caption.svelte-1fhbhru {
  flex-shrink: 0;
  margin-inline-start: auto;
}

.property-card-bottom-right.svelte-1fhbhru {
  position: absolute;
  z-index: 3;
  inset-inline-end: var(--spacing-s-plus);
  inset-block-end: var(--spacing-s-plus);
  flex-shrink: 0;
  pointer-events: auto;
}

.property-card.priority-primary.svelte-1fhbhru .property-card-bottom-right:where(.svelte-1fhbhru) {
  inset-inline-end: calc(var(--spacing-s-plus) + var(--spacing-xxs));
  inset-block-end: calc(var(--spacing-s-plus) + var(--spacing-xxs));
}

.property-card.priority-compact.svelte-1fhbhru .property-card-bottom-right:where(.svelte-1fhbhru) {
  inset-inline-end: var(--spacing-s);
  inset-block-end: var(--spacing-s);
}

.property-card-action.svelte-1fhbhru {
  z-index: 3;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  margin-inline-start: auto;
  pointer-events: auto;
}

.lighting-edge.svelte-1fhbhru {
  z-index: 1;
  /* Sit on the hairline like the drawer prototype so accent reads as the rim, not an inner ring. */
  inset: -1px;
  mix-blend-mode: normal;
}

.property-card.is-dismissable.svelte-1fhbhru .property-card-inner:where(.svelte-1fhbhru) {
  padding-inline-end: var(--spacing-xl);
}

.property-card-dismiss.svelte-1fhbhru {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  top: var(--spacing-xs);
  right: var(--spacing-xs);
  display: grid;
  width: var(--spacing-l);
  height: var(--spacing-l);
  place-items: center;
  border-radius: var(--radius-theme-sm);
  color: var(--color-theme-text-sec);
  transition: background-color 180ms ease;
}
.property-card-dismiss.svelte-1fhbhru:disabled {
  cursor: not-allowed;
}
.property-card-dismiss.svelte-1fhbhru:hover {
  background: var(--color-theme-card-01);
  color: var(--color-theme-text);
}
.property-card-dismiss.svelte-1fhbhru:focus-visible {
  outline: 2px solid var(--color-theme-fg);
  outline-offset: 2px;
}@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-147icsq-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-147icsq-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-147icsq-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-147icsq-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-147icsq-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.property-row.svelte-147icsq {
  --property-row-tone: var(--color-theme-text-sec);
  --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;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--color-theme-border-03);
  border-radius: var(--radius-theme-md);
  background: var(--color-theme-card-well);
  color: var(--color-theme-text);
}
.property-row.svelte-147icsq::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);
}
.property-row.svelte-147icsq .lighting-edge:where(.svelte-147icsq) {
  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);
}
.property-row.is-interactive.svelte-147icsq {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  width: 100%;
  text-align: left;
  font: inherit;
}
.property-row.is-interactive.svelte-147icsq:disabled {
  cursor: not-allowed;
}
.property-row.is-interactive.svelte-147icsq:focus-visible {
  outline: 2px solid var(--color-theme-accent);
  outline-offset: 2px;
}
.property-row.tone-warning.svelte-147icsq {
  --property-row-tone: var(--color-theme-warning);
}
.property-row.tone-danger.svelte-147icsq {
  --property-row-tone: var(--color-theme-danger);
}
.property-row.tone-success.svelte-147icsq {
  --property-row-tone: var(--color-theme-success);
}
.property-row.tone-muted.svelte-147icsq {
  --property-row-tone: var(--color-theme-text-sec);
}
.property-row.tone-muted.svelte-147icsq .property-row-status-mark:where(.svelte-147icsq) {
  color: var(--color-theme-text-disabled);
  border-color: var(--color-theme-text-disabled);
}
.property-row.tone-info.svelte-147icsq {
  --property-row-tone: var(--color-theme-accent);
}
.property-row.is-stale.svelte-147icsq {
  filter: saturate(0.25);
  opacity: 0.68;
}
.property-row.is-disabled.svelte-147icsq {
  --property-row-tone: var(--color-theme-text-disabled);
  color: var(--color-theme-text-disabled);
}
.property-row.is-disabled.svelte-147icsq .theme-text-sec {
  color: var(--color-theme-text-disabled);
}
.property-row.is-disabled.svelte-147icsq .property-row-status-mark:where(.svelte-147icsq) {
  color: var(--color-theme-text-disabled);
  border-color: var(--color-theme-text-disabled);
}

.property-row-inner.svelte-147icsq {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 1;
  align-items: center;
  gap: var(--spacing-s);
  min-width: 0;
  min-height: 40px;
  padding: var(--spacing-xs) var(--spacing-s);
}

.property-row-avatar.svelte-147icsq {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

.property-row-status-mark.svelte-147icsq {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid rgb(var(--lighting-accent-rgb)/70%);
  border-radius: 50%;
  background: var(--color-theme-bg);
  color: rgb(var(--lighting-accent-rgb));
}
.property-row-status-mark.svelte-147icsq .dots-container {
  height: auto;
  transform: scale(0.92);
}

.property-row-primary.svelte-147icsq {
  display: flex;
  flex: 1;
  align-items: baseline;
  gap: var(--spacing-xs);
  min-width: 0;
}

.property-row-unit.svelte-147icsq {
  align-self: baseline;
  line-height: 1;
}

.property-row-secondary.svelte-147icsq {
  flex-shrink: 0;
  color: var(--color-theme-text-sec);
}

.lighting-edge.svelte-147icsq {
  z-index: 1;
  inset: -1px;
  mix-blend-mode: normal;
}.sidepanel-content-body:has(.property-dock) {
  overflow: visible;
  --sidepanel-floating-fade-height: calc(158px + 2 * var(--spacing-s-plus) + var(--spacing-s));
}

.property-dock.svelte-1pk3ny8 {
  position: relative;
  z-index: 8;
  flex: 0 0 auto;
  width: 100%;
  max-height: 46%;
  overflow-y: auto;
  padding: var(--spacing-s-plus) 0;
  background: transparent;
  scrollbar-width: thin;
}

.property-dock-grid.svelte-1pk3ny8 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  min-width: 0;
}@keyframes svelte-944dve-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-944dve-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-944dve-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-944dve-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-944dve-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.list-menu-card.svelte-944dve {
  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;
}
.list-menu-card.card-big.svelte-944dve {
  height: 161px;
}
.list-menu-card.card-medium.svelte-944dve {
  height: 126px;
}
.list-menu-card.card-medium.svelte-944dve .actions-container.vertical {
  padding: 8px 0px;
}
.list-menu-card.card-medium.svelte-944dve .actions-container.vertical .action {
  margin-bottom: 8px;
}
.list-menu-card.card-small.svelte-944dve {
  height: 85px;
}
.list-menu-card.edit-mode.svelte-944dve {
  cursor: unset;
}
.list-menu-card.edit-mode.svelte-944dve .edit-mode-icon {
  margin-right: 6px;
}
.list-menu-card.edit-mode.svelte-944dve .right-slot-container:where(.svelte-944dve) .actions-container {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.list-menu-card.edit-mode.svelte-944dve:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--color-theme-accent);
  opacity: 0.1;
  pointer-events: none;
}
.list-menu-card.svelte-944dve::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid var(--color-theme-border-03);
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: var(--radius-theme-md);
  pointer-events: none;
  z-index: 2;
}
.list-menu-card.pulse.svelte-944dve {
  --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-944dve-pulse-animation 1.2s ease-in-out 3, svelte-944dve-pulse-fade-out 0.6s ease-in-out 3.6s forwards;
}
.list-menu-card.pulse.svelte-944dve::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-944dve-pulse-border-animation 1.2s ease-in-out 3, svelte-944dve-pulse-border-fade-out 0.6s ease-in-out 3.6s forwards;
}
@keyframes svelte-944dve-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-944dve-pulse-fade-out {
  0% {
    box-shadow: var(--pulse-box-shadow-big);
  }
  100% {
    box-shadow: none;
  }
}
@keyframes svelte-944dve-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-944dve-pulse-border-fade-out {
  0% {
    border-color: var(--color-primary);
  }
  100% {
    border-color: transparent;
  }
}
.list-menu-card.selected.svelte-944dve, .list-menu-card.svelte-944dve:focus {
  box-shadow: var(--shadow-theme-glow-strong);
}
.list-menu-card.selected.svelte-944dve::before, .list-menu-card.svelte-944dve:focus::before {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-theme-accent);
}
.list-menu-card.svelte-944dve .main:where(.svelte-944dve) {
  display: flex;
  align-self: stretch;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  overflow: hidden;
}
.list-menu-card.svelte-944dve .main:where(.svelte-944dve),
.list-menu-card.svelte-944dve .right-slot-container:where(.svelte-944dve) {
  z-index: 1;
}
.list-menu-card.svelte-944dve .right-slot-container:where(.svelte-944dve) {
  display: flex;
  height: 100%;
}
.list-menu-card.svelte-944dve .title-container:where(.svelte-944dve) {
  display: flex;
  flex: auto;
  justify-content: space-between;
}
.list-menu-card.svelte-944dve .title-container:where(.svelte-944dve),
.list-menu-card.svelte-944dve .main-slot-container:where(.svelte-944dve) {
  padding: 13px 12px;
}
.list-menu-card.svelte-944dve .title-container:where(.svelte-944dve) {
  padding-bottom: 8px;
}
.list-menu-card.svelte-944dve .main-slot-container:where(.svelte-944dve) {
  display: flex;
  flex-shrink: 0;
  padding-top: 0;
}
.list-menu-card.svelte-944dve .overlay-top:where(.svelte-944dve),
.list-menu-card.svelte-944dve .overlay-bottom:where(.svelte-944dve) {
  width: 100%;
  position: absolute;
  left: 0;
  background: var(--gradient-text-highlighting);
  pointer-events: none;
}
.list-menu-card.svelte-944dve .overlay-top:where(.svelte-944dve) {
  top: 0;
  height: 70%;
  transform: rotate(180deg);
}
.list-menu-card.svelte-944dve .overlay-bottom:where(.svelte-944dve) {
  height: 30%;
  bottom: 0;
}.priority-grid.svelte-10z4vrg {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: var(--priority-grid-gap, var(--spacing-s));
  min-width: 0;
}

.priority-grid.svelte-10z4vrg > .priority-primary,
.priority-grid.svelte-10z4vrg > .priority-wide,
.priority-grid.svelte-10z4vrg > [data-priority="primary"],
.priority-grid.svelte-10z4vrg > [data-priority="wide"] {
  grid-column: span 6;
}

.priority-grid.svelte-10z4vrg > .priority-secondary,
.priority-grid.svelte-10z4vrg > .priority-tertiary,
.priority-grid.svelte-10z4vrg > [data-priority="secondary"],
.priority-grid.svelte-10z4vrg > [data-priority="tertiary"] {
  grid-column: span 3;
}

.priority-grid.svelte-10z4vrg > .priority-compact,
.priority-grid.svelte-10z4vrg > [data-priority="compact"] {
  grid-column: span 2;
}

/* After size rules so a lone secondary/tertiary/compact can still span the row. */
.priority-grid.svelte-10z4vrg > .span-full,
.priority-grid.svelte-10z4vrg > [data-span="full"] {
  grid-column: span 6;
}

.priority-grid.svelte-10z4vrg > * {
  min-width: 0;
  transform-origin: top left;
}

/* A child marked data-grid-place="top" (notices) always renders first. */
.priority-grid.svelte-10z4vrg > [data-grid-place="top"] {
  order: -1;
}

/*
 * When a child is marked data-grid-place="after-control", reorder so:
 * - data-grid-place="top" children stay above everything (order: -1)
 * - .control-card comes next (order: 0)
 * - The marked element is next (order: 1)
 * - All other children follow (order: 2), keeping their document order among themselves
 */
.priority-grid.svelte-10z4vrg:has([data-grid-place="after-control"]) > .control-card {
  order: 0;
}
.priority-grid.svelte-10z4vrg:has([data-grid-place="after-control"]) > [data-grid-place="after-control"] {
  order: 1;
}
.priority-grid.svelte-10z4vrg:has([data-grid-place="after-control"]) > *:not(.control-card):not([data-grid-place="after-control"]):not([data-grid-place="top"]) {
  order: 2;
}.color-swatch.svelte-1gduf7m {
  --color-swatch-size: calc(var(--spacing-xl) + var(--spacing-s));
  --color-swatch-ring: var(--color-theme-accent);
  position: relative;
  display: inline-flex;
  flex: none;
  width: var(--color-swatch-size);
  height: var(--color-swatch-size);
}
.color-swatch.size-s.svelte-1gduf7m {
  --color-swatch-size: var(--spacing-xl);
}

.swatch.svelte-1gduf7m {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--color-swatch-fill);
  box-shadow: inset 0 0 0 1px var(--color-theme-border-03);
  cursor: pointer;
  transition: box-shadow 160ms ease, transform 160ms ease;
}
.swatch.svelte-1gduf7m:focus-visible {
  outline: 2px solid var(--color-theme-accent);
  outline-offset: 2px;
}
@media (hover: hover) and (pointer: fine) {
  .swatch.svelte-1gduf7m:not(:disabled):hover {
    transform: scale(1.06);
  }
}
.swatch.svelte-1gduf7m:not(:disabled):active {
  transform: scale(0.94);
}

.is-selected.svelte-1gduf7m .swatch:where(.svelte-1gduf7m) {
  box-shadow: inset 0 0 0 2px var(--color-swatch-ring), inset 0 0 0 4px var(--color-theme-card-well);
}

.is-disabled.svelte-1gduf7m .swatch:where(.svelte-1gduf7m) {
  cursor: not-allowed;
  opacity: 0.4;
}

.is-removable.svelte-1gduf7m .swatch:where(.svelte-1gduf7m) {
  cursor: default;
}

.remove.svelte-1gduf7m {
  position: absolute;
  top: calc(var(--spacing-xs) * -1);
  right: calc(var(--spacing-xs) * -1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--spacing-m-plus);
  height: var(--spacing-m-plus);
  border-radius: 50%;
  background: var(--color-theme-danger);
  color: var(--color-theme-text-inverse);
  cursor: pointer;
}
.remove.svelte-1gduf7m:focus-visible {
  outline: 2px solid var(--color-theme-accent);
  outline-offset: 1px;
}@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;
}
.fan-control.svelte-1ec07ig {
  --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: block;
  contain: layout style;
  position: relative;
  width: 310px;
  max-width: min(100%, 310px);
  height: 310px;
  max-height: min(100vw, 310px);
  aspect-ratio: 1/1;
  flex-shrink: 0;
  align-self: start;
  container-type: size;
  border-radius: var(--radius-big);
  overflow: hidden;
  background: var(--color-0);
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
}
.fan-control.svelte-1ec07ig::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);
}
.fan-control.is-disabled.svelte-1ec07ig {
  filter: saturate(0);
  opacity: 0.68;
}
.fan-control.is-disabled.svelte-1ec07ig .handle-glow:where(.svelte-1ec07ig),
.fan-control.is-disabled.svelte-1ec07ig .widget-edge:where(.svelte-1ec07ig) {
  opacity: 0.12;
}
.fan-control.is-disabled.svelte-1ec07ig .fan-meta:where(.svelte-1ec07ig) {
  opacity: 0.66;
}
.fan-control.svelte-1ec07ig .widget-edge:where(.svelte-1ec07ig) {
  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);
}
.fan-control.svelte-1ec07ig .fan-stage:where(.svelte-1ec07ig),
.fan-control.svelte-1ec07ig .slider-svg:where(.svelte-1ec07ig),
.fan-control.svelte-1ec07ig .handle-glow:where(.svelte-1ec07ig),
.fan-control.svelte-1ec07ig .slider-handle:where(.svelte-1ec07ig) {
  position: absolute;
}
.fan-control.svelte-1ec07ig .slider-svg:where(.svelte-1ec07ig) {
  inset: 0;
}
.fan-control.svelte-1ec07ig .fan-stage:where(.svelte-1ec07ig) {
  left: 50%;
  top: 50%;
  width: 54%;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  z-index: 6;
  outline: none;
  cursor: pointer;
  border-radius: 9999px;
  transform: translate(-50%, -50%);
}
.fan-control.svelte-1ec07ig .fan-stage:where(.svelte-1ec07ig) .fan-svg {
  width: 82%;
  height: auto;
  display: block;
  isolation: isolate;
  filter: drop-shadow(0 14px 24px rgba(0, 0, 0, 0.24)) drop-shadow(0 0 10px rgba(255, 255, 255, 0.035));
  transition: transform 170ms ease, filter 220ms ease;
}
.fan-control.svelte-1ec07ig .fan-stage:where(.svelte-1ec07ig) #rotor {
  transform-origin: 80.2479px 79.135px;
  transform-box: view-box;
  will-change: transform;
}
.fan-control.svelte-1ec07ig .slider-svg:where(.svelte-1ec07ig) {
  z-index: 4;
  overflow: visible;
  -webkit-user-drag: none;
  user-select: none;
  outline: none;
  cursor: pointer;
}
.fan-control.svelte-1ec07ig .slider-svg:where(.svelte-1ec07ig) path:where(.svelte-1ec07ig) {
  fill: none;
  stroke-linecap: round;
}
.fan-control.svelte-1ec07ig .slider-svg:where(.svelte-1ec07ig) circle:where(.svelte-1ec07ig) {
  fill: rgba(255, 255, 255, 0.18);
  transition: fill 220ms ease, opacity 220ms ease, transform 220ms ease;
}
.fan-control.svelte-1ec07ig .slider-svg:where(.svelte-1ec07ig) circle.is-active:where(.svelte-1ec07ig) {
  fill: rgb(var(--lighting-accent-rgb));
}
.fan-control.svelte-1ec07ig .slider-track:where(.svelte-1ec07ig) {
  stroke: #000000;
  stroke-width: 12;
}
.fan-control.svelte-1ec07ig .slider-progress:where(.svelte-1ec07ig) {
  stroke-width: 8;
}
.fan-control.svelte-1ec07ig .handle-glow:where(.svelte-1ec07ig) {
  z-index: 4;
  border-radius: 9999px;
  pointer-events: none;
  transition: opacity 220ms ease, background-color 220ms ease, box-shadow 220ms ease, width 220ms ease, height 220ms ease, transform 220ms ease;
}
.fan-control.svelte-1ec07ig .slider-handle:where(.svelte-1ec07ig) {
  z-index: 5;
  width: 14px;
  height: 14px;
  border-radius: 9999px;
  pointer-events: none;
  transform: translate(-7px, -7px) scale(1);
  transition: background-color 220ms ease, box-shadow 220ms ease, transform 140ms ease;
  -webkit-user-drag: none;
}
.fan-control.svelte-1ec07ig .slider-handle:where(.svelte-1ec07ig)::after {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: inherit;
  border: 2px solid rgb(var(--lighting-accent-rgb)/0.86);
  box-shadow: 0 0 0 4px rgb(var(--lighting-accent-rgb)/0.3);
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 140ms ease, transform 140ms ease, border-color 220ms ease, box-shadow 220ms ease;
}
.fan-control.is-pending.svelte-1ec07ig:not(.is-slider-hover):not(.is-slider-active):not(.is-slider-focus) .slider-handle:where(.svelte-1ec07ig) {
  animation: svelte-1ec07ig-fan-handle-pulse 1.5s ease-in-out infinite;
}
.fan-control.is-pending.svelte-1ec07ig .slider-progress:where(.svelte-1ec07ig) {
  transition: stroke 220ms ease, filter 220ms ease, opacity 220ms ease;
}
.fan-control.svelte-1ec07ig .fan-meta:where(.svelte-1ec07ig) {
  position: absolute;
  left: 50%;
  bottom: 2.6cqw;
  z-index: 3;
  display: grid;
  justify-items: center;
  gap: 2.2cqw;
  width: min(70%, 58cqw);
  text-align: center;
  transform: translateX(-50%);
  pointer-events: none;
}
.fan-control.svelte-1ec07ig .fan-meta-value:where(.svelte-1ec07ig) {
  font-size: 7.1cqw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.02em;
}
.fan-control.svelte-1ec07ig .fan-meta-name:where(.svelte-1ec07ig) {
  font-size: 4.8cqw;
  font-weight: 700;
  line-height: 1.15;
  text-align: center;
}
.fan-control.svelte-1ec07ig .fan-meta-badge:where(.svelte-1ec07ig) {
  display: flex;
  justify-content: center;
  transition: max-height 220ms ease, opacity 220ms ease, margin 220ms ease;
  max-height: 22cqw;
  opacity: 1;
  overflow: hidden;
}
.fan-control.svelte-1ec07ig .fan-meta-badge:where(.svelte-1ec07ig) .label {
  pointer-events: none;
}
.fan-control.svelte-1ec07ig .fan-meta-badge.is-hidden:where(.svelte-1ec07ig) {
  max-height: 0;
  opacity: 0;
  margin: 0;
}
.fan-control.is-slider-hover.svelte-1ec07ig .slider-handle:where(.svelte-1ec07ig) {
  transform: translate(-7px, -7px) scale(1.18);
}
.fan-control.is-slider-active.svelte-1ec07ig .slider-handle:where(.svelte-1ec07ig) {
  transform: translate(-7px, -7px) scale(1.28);
}
.fan-control.is-slider-focus.svelte-1ec07ig .slider-handle:where(.svelte-1ec07ig) {
  transform: translate(-7px, -7px) scale(1.14);
}
.fan-control.is-slider-focus.svelte-1ec07ig .slider-handle:where(.svelte-1ec07ig)::after {
  opacity: 1;
  transform: scale(1);
}
.fan-control.svelte-1ec07ig .fan-stage:where(.svelte-1ec07ig)::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 9999px;
  border: 2px solid rgb(var(--lighting-accent-rgb)/0.78);
  box-shadow: 0 0 0 5px rgb(var(--lighting-accent-rgb)/0.22);
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms ease, border-color 220ms ease, box-shadow 220ms ease;
}
.fan-control.is-fan-hover.svelte-1ec07ig .fan-stage:where(.svelte-1ec07ig) .fan-svg {
  transform: scale(1.035);
  filter: drop-shadow(0 16px 28px rgba(0, 0, 0, 0.28)) drop-shadow(0 0 14px rgb(var(--lighting-accent-rgb)/0.22));
}
.fan-control.is-fan-active.svelte-1ec07ig .fan-stage:where(.svelte-1ec07ig) .fan-svg {
  transform: scale(0.96);
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.3)) drop-shadow(0 0 8px rgb(var(--lighting-accent-rgb)/0.18));
}
.fan-control.is-fan-focus.svelte-1ec07ig .fan-stage:where(.svelte-1ec07ig) .fan-svg {
  filter: drop-shadow(0 14px 24px rgba(0, 0, 0, 0.24)) drop-shadow(0 0 16px rgb(var(--lighting-accent-rgb)/0.45));
}
.fan-control.is-fan-focus.svelte-1ec07ig .fan-stage:where(.svelte-1ec07ig)::after {
  opacity: 1;
}
.fan-control.is-disabled.svelte-1ec07ig .fan-stage:where(.svelte-1ec07ig), .fan-control.is-disabled.svelte-1ec07ig .slider-svg:where(.svelte-1ec07ig) {
  cursor: not-allowed;
}

@keyframes svelte-1ec07ig-fan-handle-pulse {
  0%, 100% {
    transform: translate(-7px, -7px) scale(1);
  }
  50% {
    transform: translate(-7px, -7px) scale(1.12);
  }
}
@media (max-width: 420px) {
  .fan-control.svelte-1ec07ig {
    width: min(90vw, 310px);
    max-width: 90vw;
    border-radius: var(--radius-big);
  }
  .fan-control.svelte-1ec07ig .fan-meta:where(.svelte-1ec07ig) {
    width: min(76%, 58cqw);
  }
}.cury-capacity-vial.svelte-182hzb7 {
  --cury-ease: cubic-bezier(0.22, 1, 0.36, 1);
  position: relative;
  display: flex;
  min-width: 0;
  width: 100%;
  aspect-ratio: 1;
  align-items: flex-end;
  overflow: hidden;
  padding: var(--spacing-s);
  border: 1px solid var(--color-theme-border-03);
  border-radius: var(--radius-theme-xs);
  background: var(--color-theme-card-well);
  box-sizing: border-box;
}
.cury-capacity-vial.is-end.svelte-182hzb7 .cury-vial-copy:where(.svelte-182hzb7) {
  width: 100%;
  text-align: right;
}
.cury-capacity-vial.has-fault.svelte-182hzb7 .cury-vial-value:where(.svelte-182hzb7) {
  color: var(--color-theme-warning);
  font-size: 13px;
}

.cury-liquid.svelte-182hzb7 {
  position: absolute;
  inset: auto 0 0;
  height: calc(var(--cury-capacity) + 6px);
  background: var(--cury-fragrance);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='160' viewBox='0 0 96 160' preserveAspectRatio='none'%3E%3Cpath fill='%23000' d='M0 8C16 3.2 32 3.2 48 8s32 4.8 48 0v152H0Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='160' viewBox='0 0 96 160' preserveAspectRatio='none'%3E%3Cpath fill='%23000' d='M0 8C16 3.2 32 3.2 48 8s32 4.8 48 0v152H0Z'/%3E%3C/svg%3E");
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  -webkit-mask-size: 96px 100%;
  mask-size: 96px 100%;
  animation: svelte-182hzb7-cury-drift-wave 14s linear infinite;
  animation-delay: var(--cury-wave-shift, 0s);
  transition: height 600ms var(--cury-ease);
  z-index: 1;
}
.cury-liquid--depth.svelte-182hzb7 {
  z-index: 0;
  height: calc(var(--cury-capacity) + 10px);
  background: color-mix(in srgb, var(--cury-fragrance) 62%, #000);
  animation-delay: calc(var(--cury-wave-shift, 0s) - 7s);
}

.cury-vial-copy.svelte-182hzb7 {
  position: relative;
  z-index: 2;
  display: grid;
  min-width: 0;
  gap: 1px;
  line-height: 19px;
}

.cury-vial-value.svelte-182hzb7 {
  color: var(--cury-vial-ink, var(--color-theme-text));
  font-size: 16px;
  font-weight: 700;
}

.cury-vial-name.svelte-182hzb7 {
  overflow: hidden;
  color: var(--cury-vial-ink-muted, var(--color-theme-text-sec));
  font-size: 16px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@keyframes svelte-182hzb7-cury-drift-wave {
  to {
    -webkit-mask-position: 96px 0;
    mask-position: 96px 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cury-liquid.svelte-182hzb7 {
    animation: none;
    transition: none;
  }
}.cury-intensity-meter.svelte-1agt2n9 {
  --cury-ease: cubic-bezier(0.22, 1, 0.36, 1);
  display: grid;
  min-width: 0;
  gap: var(--spacing-s);
}

.cury-flow-meter.svelte-1agt2n9 {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  overflow: visible;
  border: 1px solid var(--color-theme-border-02);
  border-radius: var(--radius-theme-sm);
  background: color-mix(in srgb, var(--color-theme-fg) 4%, transparent);
  box-sizing: border-box;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}
.cury-flow-meter.svelte-1agt2n9:focus-visible {
  outline: 2px solid var(--color-theme-accent);
  outline-offset: 2px;
}
.cury-flow-meter.is-unavailable.svelte-1agt2n9 {
  cursor: default;
  filter: saturate(0);
  opacity: 0.5;
}

.cury-flow-stage.svelte-1agt2n9 {
  position: absolute;
  inset: 1px;
  overflow: hidden;
  border-radius: calc(var(--radius-theme-sm) - 1px);
}

.cury-flow-segments.svelte-1agt2n9 {
  position: absolute;
  inset: 1px;
  z-index: 0;
  display: grid;
  grid-template-rows: repeat(4, minmax(0, 1fr));
  gap: 1px;
  border-radius: var(--radius-theme-xs);
  overflow: hidden;
}

.cury-flow-segment.svelte-1agt2n9 {
  border: 0;
  background: var(--color-theme-card-well);
  box-shadow: inset 0 0 0 1px var(--color-theme-border-03);
  transition: background-color 110ms ease-out, box-shadow 110ms ease-out;
}
.cury-flow-segment.svelte-1agt2n9:first-child {
  border-radius: var(--radius-theme-xs) var(--radius-theme-xs) 0 0;
}
.cury-flow-segment.svelte-1agt2n9:last-child {
  border-radius: 0 0 var(--radius-theme-xs) var(--radius-theme-xs);
}
.cury-flow-segment.is-highlighted.svelte-1agt2n9 {
  background: color-mix(in srgb, var(--cury-fragrance) 18%, var(--color-theme-card-well));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cury-fragrance) 55%, var(--color-theme-border-03));
}

.cury-flow-light.svelte-1agt2n9 {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  background: radial-gradient(circle 180px at 50% calc(100% - var(--cury-flow)), color-mix(in srgb, var(--cury-fragrance) 43%, transparent), transparent 68%);
  pointer-events: none;
}

.cury-flow-fill.svelte-1agt2n9 {
  position: absolute;
  right: 0;
  bottom: 1px;
  left: 0;
  z-index: 2;
  height: max(0px, var(--cury-flow) - 1px);
  border-radius: var(--radius-theme-xs);
  background: linear-gradient(180deg, color-mix(in srgb, var(--cury-fragrance), var(--color-theme-fg-02) 20%), var(--cury-fragrance));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cury-fragrance), var(--color-theme-fg) 20%), inset 0 8px 18px color-mix(in srgb, var(--color-theme-fg) 8%, transparent);
  pointer-events: none;
  transition: height 260ms var(--cury-ease), border-radius 180ms ease;
}

.cury-flow-detents.svelte-1agt2n9 {
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: hidden;
  clip-path: inset(calc(100% - var(--cury-flow)) 0 0);
  pointer-events: none;
  transition: clip-path 260ms var(--cury-ease);
}
.cury-flow-detents.svelte-1agt2n9 i:where(.svelte-1agt2n9) {
  position: absolute;
  left: 12.5%;
  width: 75%;
  height: 1px;
  background: color-mix(in srgb, var(--color-theme-bg) 10%, transparent);
}
.cury-flow-detents.svelte-1agt2n9 i:where(.svelte-1agt2n9):nth-child(1) {
  bottom: 25%;
}
.cury-flow-detents.svelte-1agt2n9 i:where(.svelte-1agt2n9):nth-child(2) {
  bottom: 50%;
}
.cury-flow-detents.svelte-1agt2n9 i:where(.svelte-1agt2n9):nth-child(3) {
  bottom: 75%;
}

.cury-flow-edge-light.svelte-1agt2n9 {
  position: absolute;
  z-index: 4;
  inset: -1px;
  padding: 1px;
  border-radius: var(--radius-theme-sm);
  background: radial-gradient(circle 180px at 50% calc(100% - var(--cury-flow)), color-mix(in srgb, var(--cury-fragrance) 43%, transparent), transparent 72%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.cury-flow-handle-touch.svelte-1agt2n9 {
  position: absolute;
  right: calc(var(--spacing-s) * -1.5);
  bottom: var(--cury-flow);
  left: calc(var(--spacing-s) * -1.5);
  z-index: 5;
  display: grid;
  height: 32px;
  place-items: center;
  cursor: row-resize;
  touch-action: none;
  transform: translateY(50%);
  transition: bottom 260ms var(--cury-ease);
}

.cury-flow-handle.svelte-1agt2n9 {
  width: calc(33% - var(--spacing-s));
  height: var(--spacing-s);
  border: 1px solid var(--color-theme-border-03);
  border-radius: var(--radius-theme-pill);
  background: var(--color-theme-fg);
  box-shadow: var(--shadow-theme);
  box-sizing: border-box;
  pointer-events: none;
}

.cury-flow-meter.is-dragging.svelte-1agt2n9 .cury-flow-fill:where(.svelte-1agt2n9),
.cury-flow-meter.is-dragging.svelte-1agt2n9 .cury-flow-detents:where(.svelte-1agt2n9),
.cury-flow-meter.is-dragging.svelte-1agt2n9 .cury-flow-handle-touch:where(.svelte-1agt2n9),
.cury-flow-meter.is-clicking.svelte-1agt2n9 .cury-flow-fill:where(.svelte-1agt2n9),
.cury-flow-meter.is-clicking.svelte-1agt2n9 .cury-flow-detents:where(.svelte-1agt2n9),
.cury-flow-meter.is-clicking.svelte-1agt2n9 .cury-flow-handle-touch:where(.svelte-1agt2n9) {
  transition: none;
}

.cury-flow-copy.svelte-1agt2n9 {
  display: grid;
  min-width: 0;
  gap: 1px;
  padding-inline: var(--spacing-s);
  line-height: 19px;
}
.cury-flow-copy.is-end.svelte-1agt2n9 {
  width: 100%;
  text-align: right;
}

.cury-flow-name.svelte-1agt2n9 {
  overflow: hidden;
  color: var(--color-theme-text-sec);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cury-intensity-slot.svelte-1agt2n9 {
  width: 100%;
  height: 19px;
  overflow: hidden;
  line-height: 19px;
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 18%, #000 82%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0, #000 18%, #000 82%, transparent 100%);
}

.cury-intensity-reel.svelte-1agt2n9 {
  display: grid;
  width: 100%;
  transform: translateY(var(--cury-reel-offset));
  transition: transform 260ms var(--cury-ease);
  will-change: transform;
}
.cury-intensity-reel.svelte-1agt2n9 strong:where(.svelte-1agt2n9) {
  display: block;
  height: 19px;
  line-height: 19px;
  font-size: 16px;
  font-weight: 700;
}

.cury-intensity-meter.is-dragging.svelte-1agt2n9 .cury-intensity-reel:where(.svelte-1agt2n9),
.cury-flow-meter.is-dragging.svelte-1agt2n9 + .cury-flow-copy:where(.svelte-1agt2n9) .cury-intensity-reel:where(.svelte-1agt2n9),
.cury-flow-meter.is-clicking.svelte-1agt2n9 + .cury-flow-copy:where(.svelte-1agt2n9) .cury-intensity-reel:where(.svelte-1agt2n9) {
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  .cury-flow-fill.svelte-1agt2n9,
  .cury-flow-segment.svelte-1agt2n9 {
    transition: none;
  }
}@keyframes svelte-1oibsbi-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-1oibsbi-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1oibsbi-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-1oibsbi-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1oibsbi-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.cury-control.svelte-1oibsbi {
  --cury-fragrance: var(--color-theme-accent);
  --cury-flow: 50%;
  --cury-capacity: 0%;
  --cury-reel-offset: 0px;
  --cury-wave-shift: 0s;
  --cury-ease: cubic-bezier(0.22, 1, 0.36, 1);
  display: grid;
  gap: var(--spacing-s-plus);
  width: 100%;
  color: var(--color-theme-text);
}
.cury-control.is-revealing.svelte-1oibsbi {
  animation: svelte-1oibsbi-skeleton-reveal-surface 240ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
}
.cury-control.is-revealing.svelte-1oibsbi [data-skeleton-reveal=lead]:where(.svelte-1oibsbi) {
  animation: svelte-1oibsbi-skeleton-reveal-layer 240ms cubic-bezier(0.22, 1, 0.36, 1) 90ms backwards;
}
.cury-control.is-revealing.svelte-1oibsbi [data-skeleton-reveal=content]:where(.svelte-1oibsbi) {
  animation: svelte-1oibsbi-skeleton-reveal-layer 240ms cubic-bezier(0.22, 1, 0.36, 1) 180ms backwards;
}
@media (prefers-reduced-motion: reduce) {
  .cury-control.is-revealing.svelte-1oibsbi, .cury-control.is-revealing.svelte-1oibsbi [data-skeleton-reveal]:where(.svelte-1oibsbi) {
    animation: none;
  }
}
.cury-control.is-skeleton.is-sheen.svelte-1oibsbi {
  position: relative;
  isolation: isolate;
  background-color: var(--color-theme-card-01);
}
.cury-control.is-skeleton.is-sheen.svelte-1oibsbi .skeleton-bone:where(.svelte-1oibsbi) {
  background-color: color-mix(in srgb, var(--color-theme-fg) 20%, var(--color-theme-card-01));
}
.cury-control.is-skeleton.is-sheen.svelte-1oibsbi .skeleton-bone:where(.svelte-1oibsbi)::after {
  content: none;
  animation: none;
}
.cury-control.is-skeleton.is-sheen.svelte-1oibsbi .skeleton-bone--media:where(.svelte-1oibsbi) {
  background-color: var(--color-theme-card-02);
}
.cury-control.is-skeleton.is-sheen.svelte-1oibsbi::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-1oibsbi-skeleton-sheen 2600ms linear var(--skeleton-sheen-delay, 0ms) infinite;
}
@media (prefers-reduced-motion: reduce) {
  .cury-control.is-skeleton.is-sheen.svelte-1oibsbi::after {
    content: none;
    animation: none;
  }
}
.cury-control.is-disabled.svelte-1oibsbi {
  opacity: 0.56;
  filter: saturate(0);
  pointer-events: none;
}
.cury-control.is-skeleton.svelte-1oibsbi {
  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);
  padding: var(--spacing-s-plus);
  border-radius: var(--radius-theme-sm);
}
.cury-control.is-skeleton.svelte-1oibsbi .skeleton-bone:where(.svelte-1oibsbi) {
  display: block;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  background-color: var(--color-theme-border-03);
  pointer-events: none;
}
.cury-control.is-skeleton.svelte-1oibsbi .skeleton-bone:where(.svelte-1oibsbi)::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-1oibsbi-skeleton-shimmer 2.4s ease-in-out infinite;
}
/* (unused) .cury-control.is-skeleton .skeleton-bone--circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}*/
/* (unused) .cury-control.is-skeleton .skeleton-bone--circle-l {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}*/
/* (unused) .cury-control.is-skeleton .skeleton-bone--control {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}*/
/* (unused) .cury-control.is-skeleton .skeleton-bone--line {
  height: 12px;
  border-radius: var(--radius-theme-pill);
}*/
.cury-control.is-skeleton.svelte-1oibsbi .skeleton-bone--line-sm:where(.svelte-1oibsbi) {
  height: 10px;
  border-radius: var(--radius-theme-pill);
}
/* (unused) .cury-control.is-skeleton .skeleton-bone--title {
  width: 58%;
  max-width: 100%;
}*/
/* (unused) .cury-control.is-skeleton .skeleton-bone--pill {
  width: 44px;
  height: 28px;
  border-radius: var(--radius-theme-pill);
}*/
/* (unused) .cury-control.is-skeleton .skeleton-bone--chip {
  width: 56px;
  height: 22px;
  border-radius: var(--radius-theme-pill);
}*/
/* (unused) .cury-control.is-skeleton .skeleton-bone--chip-sm {
  width: 40px;
}*/
/* (unused) .cury-control.is-skeleton .skeleton-bone--chip-lg {
  width: 72px;
  height: 28px;
}*/
/* (unused) .cury-control.is-skeleton .skeleton-bone--indicator {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}*/
/* (unused) .cury-control.is-skeleton .skeleton-bone--chevron {
  width: 16px;
  height: 16px;
  border-radius: var(--radius-theme-xs);
}*/
/* (unused) .cury-control.is-skeleton .skeleton-bone--w-35 {
  width: 35%;
}*/
.cury-control.is-skeleton.svelte-1oibsbi .skeleton-bone--w-40:where(.svelte-1oibsbi) {
  width: 40%;
}
/* (unused) .cury-control.is-skeleton .skeleton-bone--w-55 {
  width: 55%;
}*/
/* (unused) .cury-control.is-skeleton .skeleton-bone--w-70 {
  width: 70%;
}*/
/* (unused) .cury-control.is-skeleton .skeleton-bone--w-85 {
  width: 85%;
}*/
/* (unused) .cury-control.is-skeleton .skeleton-bone--thumb {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-theme-sm);
}*/
.cury-control.is-skeleton.svelte-1oibsbi .skeleton-bone--media:where(.svelte-1oibsbi) {
  width: 100%;
  height: 100%;
  border-radius: 0;
  background-color: var(--color-theme-card-02);
}
.cury-control.is-skeleton.svelte-1oibsbi .skeleton-bone--media:where(.svelte-1oibsbi)::after {
  content: none;
  animation: none;
}
/* (unused) .cury-control.is-skeleton:nth-child(3n+2) .skeleton-bone--title {
  width: 72%;
}*/
/* (unused) .cury-control.is-skeleton:nth-child(3n+2) .skeleton-bone--chip:last-child {
  width: 48px;
}*/
.cury-control.is-skeleton.svelte-1oibsbi:nth-child(3n+2) .skeleton-bone:where(.svelte-1oibsbi)::after {
  animation-delay: 0.35s;
}
/* (unused) .cury-control.is-skeleton:nth-child(3n+3) .skeleton-bone--title {
  width: 44%;
}*/
/* (unused) .cury-control.is-skeleton:nth-child(3n+3) .skeleton-bone--chip:first-child {
  width: 72px;
}*/
.cury-control.is-skeleton.svelte-1oibsbi:nth-child(3n+3) .skeleton-bone:where(.svelte-1oibsbi)::after {
  animation-delay: 0.7s;
}
.cury-control.is-skeleton.svelte-1oibsbi::after {
  content: none;
  animation: none;
}
.cury-control.is-skeleton.svelte-1oibsbi .cury-skeleton-well:where(.svelte-1oibsbi) {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: var(--radius-theme-sm);
}

.cury-skeleton-grid.svelte-1oibsbi {
  display: grid;
  gap: var(--spacing-s-plus);
}

.cury-skeleton-row.svelte-1oibsbi {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-s);
}

.cury-skeleton-label.svelte-1oibsbi {
  width: 40%;
}

.cury-widget.svelte-1oibsbi {
  display: grid;
  gap: var(--spacing-s);
  padding: var(--spacing-s-plus);
  border: 1px solid var(--color-theme-border-03);
  border-radius: var(--radius-theme-sm);
  background: transparent;
}

.cury-widget-grid.svelte-1oibsbi {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-s);
}

.cury-widget-label.svelte-1oibsbi {
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
  min-height: 20px;
  color: var(--color-theme-text-sec);
}
.cury-widget-label.svelte-1oibsbi .icon-grid {
  color: var(--color-theme-text);
}

.cury-widget-footer.svelte-1oibsbi {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-s);
  min-width: 0;
}.trv-control.svelte-ulpviy {
  --trv-accent: var(--color-theme-climate-warm);
  position: relative;
  display: grid;
  width: 100%;
  place-items: center;
}
.trv-control.svelte-ulpviy .fan-control {
  width: 100%;
  max-width: none;
  height: auto;
  max-height: none;
  border: 1px solid transparent;
  background: var(--color-theme-card-01, var(--color-0));
  touch-action: pan-y;
}
.trv-control.svelte-ulpviy .fan-stage {
  cursor: default;
  pointer-events: none;
}
.trv-control.svelte-ulpviy .fan-meta-name {
  display: block;
  color: var(--color-theme-fg-02, var(--color-muted));
  font-size: 3.8cqw;
  font-weight: 500;
}
.trv-control.is-disabled.svelte-ulpviy .fan-control {
  border-color: var(--color-theme-border-02, var(--color-2));
}

.trv-radiator.svelte-ulpviy {
  --trv-radiator-accent: var(--fan-accent, var(--trv-accent));
  display: grid;
  width: 88px;
  height: 88px;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--trv-radiator-accent) 42%, transparent);
  border-radius: var(--radius-big);
  background: color-mix(in srgb, var(--trv-radiator-accent) 9%, var(--color-theme-card-01, var(--color-0)));
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.34), inset 0 0 24px color-mix(in srgb, var(--trv-radiator-accent) 8%, transparent);
  color: var(--trv-radiator-accent);
  pointer-events: none;
  transition: color 320ms ease, border-color 320ms ease, background-color 320ms ease, box-shadow 320ms ease;
}
.trv-radiator.svelte-ulpviy .icon-grid {
  width: 44px;
  height: 44px;
  font-size: 44px;
}
.trv-radiator.is-disabled.svelte-ulpviy {
  border-color: var(--color-theme-border-02, var(--color-2));
  background: var(--color-theme-card-01, var(--color-0));
  box-shadow: none;
  color: var(--color-theme-fg-02, var(--color-muted));
}.fav-color.svelte-97of1c {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-radius: var(--radius-theme-md);
  padding: 6px;
  cursor: pointer;
  background-color: var(--fav-color-bg);
}
.fav-color.svelte-97of1c:focus-visible .color-icon,
.fav-color.svelte-97of1c:focus-visible .color-icon.active-icon {
  border: 1px solid var(--color-theme-accent);
  border-radius: 50%;
}
.fav-color.svelte-97of1c .icon-grid.icon-spacer {
  margin-right: 6px;
}
.fav-color.svelte-97of1c .icon-grid.active-icon {
  color: var(--color-theme-accent);
  border: 1px solid var(--color-theme-fg);
  border-radius: 50%;
}.expandable-table.svelte-1ths6je {
  border-top-left-radius: var(--radius-theme-sm);
  border-top-right-radius: var(--radius-theme-sm);
  --expandable-table-col-template: repeat(auto-fit, minmax(0, 1fr));
}.expandable-table-row-container.svelte-n7rxsb {
  position: relative;
  overflow: hidden;
  transition: all 200ms ease-in-out;
}
.expandable-table-row-container.svelte-n7rxsb:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid transparent;
  pointer-events: none;
  transition: all 200ms ease-in-out;
  z-index: 1;
}
.expandable-table-row-container.background-expandable-row.row-color-color-base.svelte-n7rxsb {
  background-color: var(--color-theme-bg);
}
.expandable-table-row-container.background-expandable-row.row-color-color-0.svelte-n7rxsb {
  background-color: var(--color-theme-card-01);
}
.expandable-table-row-container.background-blur.svelte-n7rxsb {
  background-color: var(--color-theme-card);
  border-top-left-radius: var(--radius-theme-sm);
  border-top-right-radius: var(--radius-theme-sm);
}
.expandable-table-row-container.expanded.svelte-n7rxsb:not(.background-blur) {
  border-radius: var(--radius-theme-sm);
  box-shadow: var(--shadow-theme-glow-strong);
  margin-top: 4px;
  margin-bottom: 4px;
}
.expandable-table-row-container.expanded.svelte-n7rxsb:not(.background-blur):before {
  border-color: var(--color-theme-accent);
  border-radius: var(--radius-theme-sm);
}
.expandable-table-row-container.expanded.svelte-n7rxsb .expandable-arrow-container:where(.svelte-n7rxsb) .icon-grid i {
  transform: rotate(180deg);
}
.expandable-table-row-container.simple-table-row.svelte-n7rxsb .expandable-table-row:where(.svelte-n7rxsb) {
  padding-left: 0;
}
.expandable-table-row-container.svelte-n7rxsb .expandable-table-row:where(.svelte-n7rxsb) {
  position: relative;
  display: grid;
  grid-template-columns: var(--expandable-table-col-template);
  padding-left: 36px;
  border-bottom: 1px solid var(--color-theme-card-02);
  min-height: 44px;
}
.expandable-table-row-container.svelte-n7rxsb .expandable-table-row:where(.svelte-n7rxsb) .expandable-arrow-container:where(.svelte-n7rxsb) {
  position: absolute;
  display: flex;
  align-items: center;
  padding-left: 8px;
  left: 0px;
  top: 0;
  height: 100%;
  cursor: pointer;
}
.expandable-table-row-container.svelte-n7rxsb .expandable-table-row:where(.svelte-n7rxsb) .expandable-arrow-container:where(.svelte-n7rxsb) .icon-grid i {
  transition: all 200ms ease-in-out;
  will-change: transform;
}
.expandable-table-row-container.svelte-n7rxsb .expandable-content:where(.svelte-n7rxsb) {
  padding: 8px;
}

@media screen and (max-width: 639px) {
  .expandable-table-row-container.svelte-n7rxsb .expandable-table-row:where(.svelte-n7rxsb) {
    padding-left: 22px;
  }
  .expandable-table-row-container.svelte-n7rxsb .expandable-table-row:where(.svelte-n7rxsb) .expandable-arrow-container:where(.svelte-n7rxsb) {
    padding-left: 4px;
  }
  .expandable-table-row-container.svelte-n7rxsb .expandable-content:where(.svelte-n7rxsb) {
    padding: 4px;
  }
}@keyframes svelte-ywtkez-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-ywtkez-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-ywtkez-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-ywtkez-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-ywtkez-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.expandable-table-col.svelte-ywtkez {
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 6px 8px;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
}

@media screen and (max-width: 639px) {
  .expandable-table-col.svelte-ywtkez {
    padding: 4px;
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
  }
}.weather-widget.svelte-1ujtk3a {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px;
  background-color: var(--color-theme-bg);
  border-radius: var(--radius-theme-md);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  --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);
  --weather-widget-hud: var(--chrome-ink);
}
html[data-ds-color-mode="light"] .weather-widget.svelte-1ujtk3a {
  --alpha-chrome-ink-muted: 72%;
  --chrome-ink: #eaeaea;
}
.weather-widget.svelte-1ujtk3a .widget:where(.svelte-1ujtk3a) {
  display: flex;
  flex-direction: column;
  padding: 8px;
  border-radius: var(--radius-theme-md);
  min-height: 76px;
  color: var(--weather-widget-hud);
}
.weather-widget.svelte-1ujtk3a .widget:where(.svelte-1ujtk3a) .right-action:where(.svelte-1ujtk3a) {
  position: absolute;
  top: 8px;
  right: 8px;
}
.weather-widget.svelte-1ujtk3a .widget:where(.svelte-1ujtk3a) .widget-header:where(.svelte-1ujtk3a) {
  display: flex;
  align-items: center;
  flex: 1;
}
.weather-widget.svelte-1ujtk3a .widget:where(.svelte-1ujtk3a) .widget-header:where(.svelte-1ujtk3a) .left-content:where(.svelte-1ujtk3a) {
  max-width: 152px;
  flex-shrink: 0;
}
.weather-widget.svelte-1ujtk3a .widget:where(.svelte-1ujtk3a) .widget-line:where(.svelte-1ujtk3a) {
  border-color: var(--weather-widget-hud);
  opacity: 0.4;
}
.weather-widget.svelte-1ujtk3a .widget:where(.svelte-1ujtk3a) .detail-title,
.weather-widget.svelte-1ujtk3a .widget:where(.svelte-1ujtk3a) .precipitation-wrapper {
  margin-bottom: 6px;
}@keyframes svelte-1so437e-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-1so437e-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1so437e-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-1so437e-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1so437e-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.heating-cooling-card.svelte-1so437e {
  display: flex;
  flex-direction: column;
  background: var(--color-2);
  border-radius: var(--radius-big);
  overflow: hidden;
  outline: none;
  cursor: pointer;
  position: relative;
}
.heating-cooling-card.edit-mode.svelte-1so437e {
  cursor: unset;
}
.heating-cooling-card.edit-mode.svelte-1so437e .right-slot-container:where(.svelte-1so437e) {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0;
  background: var(--color-1);
  justify-content: center;
  width: 100%;
  border-bottom-left-radius: var(--radius-big);
  border-bottom-right-radius: var(--radius-big);
}
.heating-cooling-card.edit-mode.svelte-1so437e .right-slot-container:where(.svelte-1so437e) .actions-container {
  border-radius: 0;
  border-bottom-left-radius: var(--radius-big);
  border-bottom-right-radius: var(--radius-big);
  width: 100%;
  justify-content: center;
}
.heating-cooling-card.edit-mode.svelte-1so437e .right-slot-container.no-main-slot:where(.svelte-1so437e) {
  position: relative;
  width: unset;
  left: unset;
  height: unset;
}
.heating-cooling-card.edit-mode.svelte-1so437e .right-slot-container.no-main-slot:where(.svelte-1so437e) .actions-container {
  width: unset;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.heating-cooling-card.edit-mode.svelte-1so437e:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--color-primary);
  opacity: 0.1;
  pointer-events: none;
  border-radius: var(--radius-big);
}
.heating-cooling-card.pulse.svelte-1so437e {
  --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-1so437e-pulse-animation 1.2s ease-in-out 3, svelte-1so437e-pulse-fade-out 0.6s ease-in-out 3.6s forwards;
}
.heating-cooling-card.pulse.svelte-1so437e::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-1so437e-pulse-border-animation 1.2s ease-in-out 3, svelte-1so437e-pulse-border-fade-out 0.6s ease-in-out 3.6s forwards;
}
@keyframes svelte-1so437e-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-1so437e-pulse-fade-out {
  0% {
    box-shadow: var(--pulse-box-shadow-big);
  }
  100% {
    box-shadow: none;
  }
}
@keyframes svelte-1so437e-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-1so437e-pulse-border-fade-out {
  0% {
    border-color: var(--color-primary);
  }
  100% {
    border-color: transparent;
  }
}
.heating-cooling-card.svelte-1so437e:focus, .heating-cooling-card.selected.svelte-1so437e {
  box-shadow: var(--shadow-glow-strong);
}
.heating-cooling-card.svelte-1so437e:focus::before, .heating-cooling-card.selected.svelte-1so437e::before {
  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: 2;
}
.heating-cooling-card.svelte-1so437e .heading:where(.svelte-1so437e) {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-base);
  z-index: 1;
}
.heating-cooling-card.svelte-1so437e .heading.no-main-slot:where(.svelte-1so437e) {
  border-bottom: 0;
}
.heating-cooling-card.svelte-1so437e .title-container:where(.svelte-1so437e) {
  display: flex;
  align-items: center;
  padding: 18px 6px;
}
.heating-cooling-card.svelte-1so437e .title-container:where(.svelte-1so437e) .title {
  padding: 8px 0;
}
.heating-cooling-card.svelte-1so437e .main-slot-container:where(.svelte-1so437e) {
  padding: 6px 6px 16px 6px;
}
.heating-cooling-card.svelte-1so437e .right-slot-container:where(.svelte-1so437e) {
  display: flex;
  padding: 6px 6px 6px 0px;
}@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-56ds62-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-56ds62-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-56ds62-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-56ds62-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-56ds62-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.heating-cooling-card-v2.svelte-56ds62 {
  --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;
  background: var(--color-1);
  border-radius: var(--radius-big);
  overflow: hidden;
  outline: none;
  position: relative;
  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;
}
.heating-cooling-card-v2.svelte-56ds62 .widget-lighting-edge:where(.svelte-56ds62) {
  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);
}
.heating-cooling-card-v2.svelte-56ds62 .widget-lighting-spot:where(.svelte-56ds62) {
  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);
}
.heating-cooling-card-v2[data-press-hold=pending].svelte-56ds62 {
  transform: scale(1.02);
}
.heating-cooling-card-v2[data-press-hold=armed].svelte-56ds62 {
  transform: scale(1.03);
  box-shadow: var(--shadow-glow-soft);
  z-index: 2;
}
.heating-cooling-card-v2.is-lit.svelte-56ds62 {
  background-color: var(--heating-cooling-card-active-bg, var(--color-1));
}
.heating-cooling-card-v2.svelte-56ds62 .widget-lighting-edge:where(.svelte-56ds62),
.heating-cooling-card-v2.svelte-56ds62 .widget-lighting-spot:where(.svelte-56ds62) {
  position: absolute;
  z-index: 0;
}
.heating-cooling-card-v2.svelte-56ds62 .heading:where(.svelte-56ds62),
.heating-cooling-card-v2.svelte-56ds62 .main-slot-container:where(.svelte-56ds62),
.heating-cooling-card-v2.svelte-56ds62 hr:where(.svelte-56ds62) {
  position: relative;
  z-index: 1;
}
.heating-cooling-card-v2.svelte-56ds62::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid var(--color-2);
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: var(--radius-big);
  pointer-events: none;
  z-index: 2;
}
.heating-cooling-card-v2.focusable.svelte-56ds62 {
  cursor: pointer;
}
.heating-cooling-card-v2.edit-mode.svelte-56ds62 {
  cursor: unset;
  transform: translateZ(0);
}
@media (hover: hover) and (pointer: fine) {
  .heating-cooling-card-v2.edit-mode.svelte-56ds62:hover:not(.disabled) {
    outline: 2px solid var(--color-primary);
    outline-offset: -2px;
  }
}
.heating-cooling-card-v2.edit-mode.svelte-56ds62 .right-slot-container:where(.svelte-56ds62) {
  display: none;
}
.heating-cooling-card-v2.edit-mode.svelte-56ds62:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--color-primary);
  opacity: 0.1;
  pointer-events: none;
  border-radius: var(--radius-big);
}
.heating-cooling-card-v2.edit-mode.svelte-56ds62:not(.is-not-desktop) {
  cursor: grab;
}
.heating-cooling-card-v2.edit-mode.is-not-desktop.svelte-56ds62 .title-container:where(.svelte-56ds62) {
  cursor: grab;
}
.heating-cooling-card-v2.pulse.svelte-56ds62 {
  --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-56ds62-pulse-animation 1.2s ease-in-out 3, svelte-56ds62-pulse-fade-out 0.6s ease-in-out 3.6s forwards;
}
.heating-cooling-card-v2.pulse.svelte-56ds62::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-56ds62-pulse-border-animation 1.2s ease-in-out 3, svelte-56ds62-pulse-border-fade-out 0.6s ease-in-out 3.6s forwards;
}
@keyframes svelte-56ds62-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-56ds62-pulse-fade-out {
  0% {
    box-shadow: var(--pulse-box-shadow-big);
  }
  100% {
    box-shadow: none;
  }
}
@keyframes svelte-56ds62-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-56ds62-pulse-border-fade-out {
  0% {
    border-color: var(--color-primary);
  }
  100% {
    border-color: transparent;
  }
}
.heating-cooling-card-v2.focusable.svelte-56ds62:focus-visible {
  box-shadow: 0px 0px 0px 4px rgba(36, 145, 255, 0.3019607843);
  outline: 1px solid var(--color-primary);
}
.heating-cooling-card-v2.selected.svelte-56ds62, .heating-cooling-card-v2.selected.focusable.svelte-56ds62:focus-visible {
  outline-offset: -2px;
}
.heating-cooling-card-v2.selected.svelte-56ds62::before, .heating-cooling-card-v2.selected.focusable.svelte-56ds62:focus-visible::before {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-primary);
}
.heating-cooling-card-v2.svelte-56ds62 .heading:where(.svelte-56ds62) {
  display: flex;
  justify-content: space-between;
  z-index: 1;
}
.heating-cooling-card-v2.svelte-56ds62 .heading.no-main-slot:where(.svelte-56ds62) {
  border-bottom: 0;
}
.heating-cooling-card-v2.svelte-56ds62 .title-container:where(.svelte-56ds62) {
  display: flex;
  align-items: center;
  padding: 20px 8px;
  transform: translateZ(0);
}
.heating-cooling-card-v2.svelte-56ds62 .main-slot-container:where(.svelte-56ds62) {
  padding: 8px 8px 12px 8px;
}
.heating-cooling-card-v2.svelte-56ds62 .right-slot-container:where(.svelte-56ds62) {
  display: flex;
  padding: 8px 8px 8px 0px;
}

#dnd-action-dragged-el .heating-cooling-card-v2.svelte-56ds62 {
  box-shadow: var(--shadow-glow-strong);
  outline: 2px solid var(--color-primary);
  outline-offset: -2px;
}
#dnd-action-dragged-el .heating-cooling-card-v2.svelte-56ds62:not(.is-not-desktop) {
  cursor: grabbing;
}
#dnd-action-dragged-el .heating-cooling-card-v2.is-not-desktop.svelte-56ds62 .title-container:where(.svelte-56ds62) {
  cursor: grabbing;
}.prev-next-switch.svelte-1qi3bvg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  background: var(--color-theme-card-01);
  border: 1px solid var(--color-theme-border-03);
  border-radius: var(--radius-theme-sm);
  overflow: hidden;
  min-width: 68px;
  color: var(--color-theme-text);
}
.prev-next-switch.svelte-1qi3bvg .prev-next-btn:where(.svelte-1qi3bvg) {
  display: inline-flex;
  cursor: pointer;
  color: inherit;
}
.prev-next-switch.svelte-1qi3bvg .prev-next-btn.is-disabled:where(.svelte-1qi3bvg) {
  color: var(--color-theme-text-disabled);
  cursor: not-allowed;
}.fullscreen-container.svelte-ga11am {
  position: relative;
  background: var(--color-theme-card-02);
  border-radius: var(--radius-theme-md);
  padding: 8px;
}
.fullscreen-container.fullScreen.svelte-ga11am {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  border-radius: 0;
  overflow-y: auto;
}
.fullscreen-container.svelte-ga11am .title:where(.svelte-ga11am) {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-right: 36px;
  margin-bottom: 8px;
  height: 32px;
  width: 100%;
}
.fullscreen-container.svelte-ga11am .title:where(.svelte-ga11am) .expand-btn {
  position: absolute;
  top: 0px;
  right: 0px;
}.speedometer.svelte-1ei8txq {
  --arrow-width: 64px;
  --min-max-spacing: -16px;
  --speedometer-track-start: #ffffff;
  --speedometer-tick: #5b5f66;
  --speedometer-hub: var(--color-theme-card);
  --speedometer-needle: var(--color-theme-fg);
  display: flex;
  align-items: center;
  flex-direction: column;
  user-select: none;
}
.speedometer.svelte-1ei8txq .speedometer-main-wrapper:where(.svelte-1ei8txq) {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.speedometer.svelte-1ei8txq .wheel-wrapper:where(.svelte-1ei8txq) {
  position: relative;
  display: inline-flex;
  border-radius: 50%;
}
.speedometer.svelte-1ei8txq .wheel-wrapper:where(.svelte-1ei8txq) .value-container:where(.svelte-1ei8txq) {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
}
.speedometer.svelte-1ei8txq .wheel-wrapper:where(.svelte-1ei8txq) .arrow-wrapper:where(.svelte-1ei8txq) {
  position: absolute;
  left: 0;
  right: 0;
  top: 58%;
  height: 2px;
  margin-top: -1px;
  transform: rotate(135deg);
  transition: all 600ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.speedometer.svelte-1ei8txq .wheel-wrapper:where(.svelte-1ei8txq) .arrow-wrapper:where(.svelte-1ei8txq) .arrow:where(.svelte-1ei8txq) {
  cursor: default;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 14px;
  width: 14px;
  border-radius: 100%;
  background: var(--speedometer-hub);
}
.speedometer.svelte-1ei8txq .wheel-wrapper:where(.svelte-1ei8txq) .arrow-wrapper:where(.svelte-1ei8txq) .arrow:where(.svelte-1ei8txq)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  background: var(--speedometer-hub);
  border-radius: inherit;
  z-index: 1;
}
.speedometer.svelte-1ei8txq .wheel-wrapper:where(.svelte-1ei8txq) .arrow-wrapper:where(.svelte-1ei8txq) .arrow:where(.svelte-1ei8txq)::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px var(--arrow-width, 64px);
  border-color: transparent transparent transparent var(--speedometer-needle);
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.speedometer.svelte-1ei8txq .wheel-wrapper:where(.svelte-1ei8txq) .min-value:where(.svelte-1ei8txq),
.speedometer.svelte-1ei8txq .wheel-wrapper:where(.svelte-1ei8txq) .max-value:where(.svelte-1ei8txq) {
  position: absolute;
  bottom: var(--min-max-spacing, -16px);
}
.speedometer.svelte-1ei8txq .wheel-wrapper:where(.svelte-1ei8txq) .min-value:where(.svelte-1ei8txq) {
  left: 16%;
  transform: translateX(-50%);
}
.speedometer.svelte-1ei8txq .wheel-wrapper:where(.svelte-1ei8txq) .max-value:where(.svelte-1ei8txq) {
  right: 16%;
  transform: translateX(50%);
}
.speedometer.svelte-1ei8txq .wheel-wrapper:where(.svelte-1ei8txq) .spedometer-svg-wrapper:where(.svelte-1ei8txq) rect {
  fill: var(--speedometer-tick);
}

html[data-ds-color-mode="light"] .speedometer.svelte-1ei8txq {
  --speedometer-track-start: color-mix(in srgb, var(--color-theme-fg) 28%, var(--color-theme-bg));
  --speedometer-tick: var(--color-theme-text-sec);
  --speedometer-hub: var(--color-theme-text);
  --speedometer-needle: var(--color-theme-text);
}.progress-bar-v2.svelte-5vu2vu {
  display: block;
  width: 100%;
  height: var(--progress-bar-height, 4px);
  overflow: hidden;
  border-radius: var(--radius-theme-pill);
  background: var(--color-theme-control-track);
}
.progress-bar-v2.size-s.svelte-5vu2vu {
  --progress-bar-height: 4px;
}
.progress-bar-v2.size-m.svelte-5vu2vu {
  --progress-bar-height: var(--spacing-s-plus);
}

.progress-bar-v2-fill.svelte-5vu2vu {
  height: 100%;
  border-radius: var(--radius-theme-pill);
  background: var(--progress-bar-accent);
  transition: width var(--progress-bar-duration, 720ms) cubic-bezier(0, 0, 0.2, 1);
}

.has-glow.svelte-5vu2vu .progress-bar-v2-fill:where(.svelte-5vu2vu) {
  box-shadow: 0 0 8px var(--progress-bar-accent);
}

.is-disabled.svelte-5vu2vu .progress-bar-v2-fill:where(.svelte-5vu2vu) {
  box-shadow: none;
  background: var(--color-theme-text-disabled);
}.labeled-bar-list.svelte-4cx92w {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  min-width: 0;
}

.labeled-bar-list-heading.svelte-4cx92w {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-s);
  color: var(--color-theme-text-sec);
}

.labeled-bar-list-status.svelte-4cx92w {
  padding: 3px 7px;
  border-radius: var(--radius-theme-pill);
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
}

.labeled-bar-list-status.tone-success.svelte-4cx92w {
  background: color-mix(in srgb, var(--color-theme-success) 14%, transparent);
  color: var(--color-theme-success);
}

.labeled-bar-list-status.tone-warning.svelte-4cx92w {
  background: color-mix(in srgb, var(--color-theme-warning) 14%, transparent);
  color: var(--color-theme-warning);
}

.labeled-bar-list-row.svelte-4cx92w {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) minmax(56px, max-content);
  align-items: center;
  gap: var(--spacing-s);
  min-width: 0;
}
.labeled-bar-list-row.svelte-4cx92w .tiny-styles {
  font-size: 9px;
  line-height: 1.2;
  font-weight: 650;
}

.labeled-bar-list-label.svelte-4cx92w,
.labeled-bar-list-value.svelte-4cx92w {
  min-width: 0;
  color: var(--color-theme-text-sec);
}

.labeled-bar-list-value.svelte-4cx92w {
  justify-content: end;
  display: flex;
  width: 100%;
  text-align: right;
  color: var(--color-theme-text);
  font-variant-numeric: tabular-nums;
}

.labeled-bar-list.is-disabled.svelte-4cx92w .labeled-bar-list-label:where(.svelte-4cx92w),
.labeled-bar-list.is-disabled.svelte-4cx92w .labeled-bar-list-value:where(.svelte-4cx92w) {
  color: var(--color-theme-text-disabled);
}
.labeled-bar-list.is-disabled.svelte-4cx92w .labeled-bar-list-status:where(.svelte-4cx92w) {
  opacity: 0.45;
}.dropdown.svelte-2jrwps {
  display: inline-flex;
}

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

.dropdown-items-container.svelte-2jrwps {
  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% + var(--spacing-xs));
  overflow: hidden;
  z-index: 1003;
}
.dropdown-items-container.in-drawer-menu.svelte-2jrwps {
  width: auto;
  max-width: 280px;
}
.dropdown-items-container.svelte-2jrwps .scroll-container:where(.svelte-2jrwps) {
  max-height: var(--dropdown-scroll-max-height, 415px);
  overflow-y: auto;
}
.dropdown-items-container.has-static-bottom.svelte-2jrwps {
  display: flex;
  flex-direction: column;
}
.dropdown-items-container.has-static-bottom.svelte-2jrwps .scroll-container:where(.svelte-2jrwps) {
  max-height: var(--dropdown-scroll-with-static-max-height, 277px);
  overflow-y: auto;
}
.dropdown-items-container.has-static-bottom.svelte-2jrwps .static-bottom-container:where(.svelte-2jrwps) {
  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-2jrwps .static-bottom-container.has-scroll-shadow:where(.svelte-2jrwps) {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
}.menu-item-list.svelte-1dls1md {
  width: 100%;
  border-bottom: 1px solid var(--color-theme-border-03);
  cursor: pointer;
}
.menu-item-list.active.svelte-1dls1md {
  background: var(--color-theme-card-02);
}
.menu-item-list.size-l.svelte-1dls1md {
  padding: var(--spacing-s-plus);
}
.menu-item-list.size-m.svelte-1dls1md {
  padding: var(--spacing-s) var(--spacing-s-plus);
}
.menu-item-list.svelte-1dls1md:last-of-type:not(.has-border) {
  border-bottom: none;
}
@media (hover: hover) and (pointer: fine) {
  .menu-item-list.svelte-1dls1md:not(.actions):not(.disabled):not(.group-title):hover {
    background: var(--color-theme-card-02);
  }
}
.menu-item-list.selected.svelte-1dls1md:not(.group-title) {
  background: var(--color-theme-card-02);
}
.menu-item-list.actions.svelte-1dls1md {
  cursor: default;
}
.menu-item-list.group-title.svelte-1dls1md {
  padding: var(--spacing-s) var(--spacing-s-plus);
  cursor: default;
  pointer-events: none;
  border-top: 1px solid var(--color-theme-border-03);
  border-bottom: none;
  min-height: var(--control-height-m);
  text-transform: uppercase;
}
.menu-item-list.group-title.svelte-1dls1md:first-of-type {
  border-top: none;
}
.menu-item-list.group-title.remove-border-top.svelte-1dls1md {
  border-top: none;
}
.menu-item-list.group-title.size-m.svelte-1dls1md {
  display: flex;
  align-items: center;
  padding: 6px var(--spacing-s-plus);
  min-height: var(--control-height-s);
}
.menu-item-list.group-item.svelte-1dls1md {
  border-bottom: none;
}
.menu-item-list.disabled.svelte-1dls1md {
  cursor: not-allowed;
}
.menu-item-list.svelte-1dls1md .menu-item-list-avatar:where(.svelte-1dls1md) {
  margin-right: var(--spacing-s-plus);
}
.menu-item-list.svelte-1dls1md .menu-item-list-avatar.size-m:where(.svelte-1dls1md) {
  margin-right: var(--spacing-s);
}
.menu-item-list.svelte-1dls1md .menu-item-list-text:where(.svelte-1dls1md) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.menu-item-list.svelte-1dls1md .right-icon {
  margin-left: var(--spacing-s-plus);
}
.menu-item-list.svelte-1dls1md .right-icon.size-m {
  margin-left: var(--spacing-s);
}
.menu-item-list.svelte-1dls1md .menu-item-list-actions:where(.svelte-1dls1md) {
  margin-top: var(--spacing-s-plus);
}@keyframes svelte-7w1wyi-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-7w1wyi-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-7w1wyi-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-7w1wyi-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-7w1wyi-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.popover-v2-portal #popover {
  background-color: var(--color-theme-bg);
  border-color: var(--color-theme-border-03);
}

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

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

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

.popover-v2-portal #popover[data-popper-placement^="right"] > #popover-arrow::before {
  border-bottom-color: var(--color-theme-border-03);
  border-left-color: var(--color-theme-border-03);
}.line-container.svelte-10ximga {
  position: relative;
  background-color: var(--color-theme-bg);
  border: 1px solid var(--color-theme-border-03);
  border-radius: var(--radius-theme-md);
  overflow: hidden;
  padding: 24px;
}
.line-container.svelte-10ximga:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: var(--spacing-xs);
  background: var(--accent-color);
  border-top-left-radius: var(--radius-theme-md);
  border-top-right-radius: var(--radius-theme-md);
  width: 100%;
}

@media screen and (max-width: 639px) {
  .line-container.svelte-10ximga {
    padding: 24px 16px 16px;
  }
}
	.metric-card-line-clamp {
		display: -webkit-box;
		line-clamp: 2;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.card-group.svelte-d6rnqu {
		display: flex;
	}
	.card-group-slot.svelte-d6rnqu {
		width: 50%;
		min-width: 0;
	}
	@media (max-width: 319px) {
		.card-group.svelte-d6rnqu {
			flex-direction: column;
		}
		.card-group-slot.svelte-d6rnqu {
			width: 100%;
		}
	}

	svg.svelte-18a9zp6 {
		max-width: 100%;
		width: 140px;
		height: auto;
		margin-top: 25px;
	}
	svg.svelte-18a9zp6 circle:where(.svelte-18a9zp6) {
		transition: transform 0.25s ease-in-out;
	}

	svg.svelte-apvb3u {
		transform: scale(1.05);
		margin-top: -10px;
		max-width: 100%;
	}
	svg.svelte-apvb3u g.pressure-arrow:where(.svelte-apvb3u) {
		transform-origin: 50.45% 29%;
		transition: transform 1s ease-in-out;
	}

	.pressure-gauge.svelte-apvb3u path:where(.svelte-apvb3u) {
		stroke: #818588;
		stroke-width: 2;
		transition: stroke 0.3s;
	}
	.pressure-gauge[data-active='300'].svelte-apvb3u [data-val='300']:where(.svelte-apvb3u),
	.pressure-gauge[data-active='350'].svelte-apvb3u [data-val='350']:where(.svelte-apvb3u),
	.pressure-gauge[data-active='400'].svelte-apvb3u [data-val='400']:where(.svelte-apvb3u),
	.pressure-gauge[data-active='450'].svelte-apvb3u [data-val='450']:where(.svelte-apvb3u),
	.pressure-gauge[data-active='500'].svelte-apvb3u [data-val='500']:where(.svelte-apvb3u),
	.pressure-gauge[data-active='550'].svelte-apvb3u [data-val='550']:where(.svelte-apvb3u),
	.pressure-gauge[data-active='600'].svelte-apvb3u [data-val='600']:where(.svelte-apvb3u),
	.pressure-gauge[data-active='650'].svelte-apvb3u [data-val='650']:where(.svelte-apvb3u),
	.pressure-gauge[data-active='700'].svelte-apvb3u [data-val='700']:where(.svelte-apvb3u),
	.pressure-gauge[data-active='750'].svelte-apvb3u [data-val='750']:where(.svelte-apvb3u),
	.pressure-gauge[data-active='800'].svelte-apvb3u [data-val='800']:where(.svelte-apvb3u),
	.pressure-gauge[data-active='850'].svelte-apvb3u [data-val='850']:where(.svelte-apvb3u),
	.pressure-gauge[data-active='900'].svelte-apvb3u [data-val='900']:where(.svelte-apvb3u),
	.pressure-gauge[data-active='950'].svelte-apvb3u [data-val='950']:where(.svelte-apvb3u),
	.pressure-gauge[data-active='1000'].svelte-apvb3u [data-val='1000']:where(.svelte-apvb3u),
	.pressure-gauge[data-active='1050'].svelte-apvb3u [data-val='1050']:where(.svelte-apvb3u),
	.pressure-gauge[data-active='1100'].svelte-apvb3u [data-val='1100']:where(.svelte-apvb3u),
	.pressure-gauge[data-active='1150'].svelte-apvb3u [data-val='1150']:where(.svelte-apvb3u),
	.pressure-gauge[data-active='1200'].svelte-apvb3u [data-val='1200']:where(.svelte-apvb3u) {
		stroke: #ededed;
		stroke-width: 2;
		stroke-linecap: round;
		transform-box: fill-box;
		transform-origin: center;
		transform: scale(1.5);
	}
.quantity-indicator-wrapper.svelte-qp4356 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 7.5px;
  min-width: 36px;
}
.quantity-indicator-wrapper.svelte-qp4356 .dot:where(.svelte-qp4356) {
  width: 12px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color-theme-control-track);
}
.quantity-indicator-wrapper.svelte-qp4356 .dot.active:where(.svelte-qp4356) {
  background-color: var(--color-theme-accent);
}.notification-menu-popover #popover[id] {
  width: 360px;
  max-width: 360px;
  max-height: 415px;
}
.notification-menu-popover #popover[id] .popover-scroll-container {
  height: 100%;
  max-height: unset;
}
.notification-menu-popover #popover[id] .text-nowrap {
  min-width: 0;
}.notification-menu-item.svelte-tkoi0t {
  display: flex;
  padding: 12px 8px;
  border-radius: var(--radius-theme-sm);
}
.notification-menu-item.svelte-tkoi0t:hover, .notification-menu-item.notification-menu-item-hovered.svelte-tkoi0t {
  background-color: var(--color-theme-accent-tint);
}
.notification-menu-item.svelte-tkoi0t .notification-menu-item-content:where(.svelte-tkoi0t) .notification-menu-item-title {
  margin-bottom: 6px;
}
.notification-menu-item.svelte-tkoi0t .notification-menu-item-content:where(.svelte-tkoi0t) .dot-divider:where(.svelte-tkoi0t) {
  width: 4px;
  height: 4px;
  margin: 0px 6px;
  border-radius: 50%;
  background-color: var(--color-theme-text-sec);
}
.notification-menu-item.svelte-tkoi0t .notification-menu-item-content:where(.svelte-tkoi0t) .notification-menu-actions:where(.svelte-tkoi0t) {
  position: absolute;
  top: 0;
  right: 0;
}
.notification-menu-item.svelte-tkoi0t .notification-menu-item-content:where(.svelte-tkoi0t) .notification-menu-item-actions:where(.svelte-tkoi0t) {
  margin-top: 6px;
}@keyframes svelte-15wscd6-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-15wscd6-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-15wscd6-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-15wscd6-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-15wscd6-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
:root {
  --sidepanel-width: 344px;
}

.sidepanel.svelte-15wscd6 {
  --sidepanel-bg: var(--color-theme-sheet);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: var(--sidepanel-width);
  height: calc(100% - 16px);
  border-radius: var(--radius-theme-lg);
  z-index: 40;
}
.sidepanel.glass.svelte-15wscd6 {
  --sidepanel-bg: var(--surface-glass-bg);
  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);
}
@supports (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)) {
  .sidepanel.glass.svelte-15wscd6 {
    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)));
  }
}
.sidepanel.svelte-15wscd6:not(.glass) {
  border: 1px solid var(--color-theme-border-02);
  border-top: none;
  background: var(--sidepanel-bg);
}
@media screen and (min-width: 1124px) {
  .sidepanel.desktop-sidepanel-on-top.svelte-15wscd6 {
    position: fixed;
    right: 0px;
    bottom: 16px;
    max-width: 100%;
    height: calc(100% - 40px);
    transition: transform 0.3s ease;
    transform: translateX(100%);
    height: calc(100% - 32px);
  }
  .sidepanel.desktop-sidepanel-on-top.open.svelte-15wscd6 {
    transform: translateX(-16px);
  }
  .sidepanel.desktop-sidepanel-on-top.stop-transition.svelte-15wscd6 {
    transition: none;
  }
}
@media screen and (max-width: 1123px) {
  .sidepanel.svelte-15wscd6 {
    position: fixed;
    right: 0px;
    bottom: 16px;
    max-width: 100%;
    height: calc(100% - 40px);
    transition: transform 0.3s ease;
    transform: translateX(100%);
  }
  .sidepanel.open.svelte-15wscd6 {
    transform: translateX(-16px);
  }
  .sidepanel.stop-transition.svelte-15wscd6 {
    transition: none;
  }
}
@media screen and (max-width: 639px) {
  .sidepanel.svelte-15wscd6 {
    top: 16px;
    height: calc(100% - 16px);
    width: 100%;
    border-radius: 0;
    border-top-left-radius: var(--radius-theme-lg);
    border-bottom: unset;
  }
  .sidepanel.open.svelte-15wscd6 {
    transform: translateX(0px);
  }
}

@media screen and (min-width: 1124px) {
  .main-layout.new-layout .sidepanel.desktop-sidepanel-on-top.svelte-15wscd6 {
    --sidepanel-safe-area-top: env(safe-area-inset-top, 0px);
    position: fixed;
    right: 0px;
    top: 0;
    bottom: 0;
    max-width: 100%;
    height: 100vh;
    height: 100dvh;
    max-height: 100vh;
    max-height: 100dvh;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    transition: transform 0.3s ease;
    transform: translateX(100%);
  }
  .main-layout.new-layout .sidepanel.desktop-sidepanel-on-top.open.svelte-15wscd6 {
    transform: translateX(-16px);
  }
  .main-layout.new-layout .sidepanel.desktop-sidepanel-on-top.stop-transition.svelte-15wscd6 {
    transition: none;
  }
}
@media screen and (max-width: 1123px) {
  .main-layout.new-layout .sidepanel.svelte-15wscd6 {
    --sidepanel-safe-area-top: env(safe-area-inset-top, 0px);
    position: fixed;
    right: 0px;
    top: 0;
    bottom: 0;
    max-width: 100%;
    height: 100vh;
    height: 100dvh;
    max-height: 100vh;
    max-height: 100dvh;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    transition: transform 0.3s ease;
    transform: translateX(100%);
  }
  .main-layout.new-layout .sidepanel.open.svelte-15wscd6 {
    transform: translateX(-16px);
  }
  .main-layout.new-layout .sidepanel.stop-transition.svelte-15wscd6 {
    transition: none;
  }
}
@media screen and (max-width: 639px) {
  .main-layout.new-layout .sidepanel.svelte-15wscd6 {
    top: 0;
    bottom: 0;
    height: 100vh;
    height: 100dvh;
    max-height: 100vh;
    max-height: 100dvh;
    width: 100%;
    border-radius: 0;
    border-bottom: unset;
  }
  .main-layout.new-layout .sidepanel.open.svelte-15wscd6 {
    transform: translateX(0px);
  }
}

.sidepanel-overlay.svelte-15wscd6 {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 30;
  pointer-events: none;
  touch-action: none;
  transition: all 0.3s ease;
}
.sidepanel-overlay.show.svelte-15wscd6 {
  pointer-events: all;
  background: var(--color-theme-overlay);
}@keyframes svelte-id6406-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-id6406-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-id6406-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-id6406-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-id6406-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.sidepanel-layout.svelte-id6406 {
  --sidepanel-header-fade-height: calc(80px + var(--sidepanel-safe-area-top, 0px));
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  flex: 1;
}

.sidepanel-layout-header.svelte-id6406 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 12;
  padding-top: var(--sidepanel-safe-area-top, 0px);
  background: transparent;
  pointer-events: none;
}
.sidepanel-layout-header.svelte-id6406 .sidepanel-btn,
.sidepanel-layout-header.svelte-id6406 .sidepanel-header-action:where(.svelte-id6406) {
  pointer-events: auto;
}

.sidepanel-layout-body.svelte-id6406 {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
.sidepanel-layout-body.svelte-id6406 .scroll-sidepanel {
  --scroll-dissolve-underlap: 0px;
  --scroll-dissolve-height: var(--sidepanel-header-fade-height);
  --scroll-dissolve-end: 0px;
  --scroll-dissolve-start: 0px;
}
.sidepanel-layout-body.svelte-id6406 .scroll-sidepanel .scroll-container-content {
  padding-top: var(--sidepanel-header-fade-height);
}
.sidepanel-layout-body.svelte-id6406 .sidepanel-content-wrapper.has-static-top .scroll-sidepanel .scroll-container-content {
  padding-top: var(--spacing-s);
}
.sidepanel-layout-body.svelte-id6406 .sidepanel-content-wrapper {
  padding-top: 0;
}

.sidepanel-btn.svelte-id6406 {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 12px;
  padding-bottom: 0;
  height: 100%;
}
.sidepanel-btn.svelte-id6406:disabled {
  cursor: not-allowed;
}
.sidepanel-btn.svelte-id6406 .sidepanel-btn-icon-wrapper:where(.svelte-id6406) {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-theme-sm);
}
@media (hover: hover) and (pointer: fine) {
  .sidepanel-btn.svelte-id6406 .sidepanel-btn-icon-wrapper:where(.svelte-id6406):hover {
    color: var(--color-theme-accent);
  }
}
.sidepanel-btn.svelte-id6406:focus .sidepanel-btn-icon-wrapper:where(.svelte-id6406), .sidepanel-btn.svelte-id6406:active:not(:disabled) .sidepanel-btn-icon-wrapper:where(.svelte-id6406) {
  border: 2px solid var(--color-theme-accent);
}

.sidepanel-header-action.svelte-id6406 {
  display: flex;
  flex-shrink: 0;
}

.sidepanel-btn-spacer.svelte-id6406 {
  display: block;
  width: 64px;
  flex-shrink: 0;
}/* Overlay is absolute; dissolve follows scroll position (scroll-edges). */
.sidepanel-content-wrapper.svelte-14g7eqc {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 8px 16px;
  min-height: 0;
  max-height: 100%;
}

.static-top-content.svelte-14g7eqc {
  flex-shrink: 0;
  padding-top: var(--sidepanel-header-fade-height);
}

.sidepanel-content-body.svelte-14g7eqc {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

.sidepanel-scroll-port.svelte-14g7eqc {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.sidepanel-content-body.has-floating-bottom.svelte-14g7eqc .sidepanel-scroll-port:where(.svelte-14g7eqc) .scroll-sidepanel.is-scrollable {
  --scroll-dissolve-start: var(--sidepanel-floating-fade-height, 88px);
}
.sidepanel-content-body.has-floating-bottom.svelte-14g7eqc .sidepanel-scroll-port:where(.svelte-14g7eqc) .scroll-sidepanel.is-scrollable .scroll-container-content {
  padding-bottom: calc(var(--sidepanel-floating-fade-height, 88px) + var(--spacing-s));
}

.floating-bottom.svelte-14g7eqc {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  pointer-events: none;
}
.floating-bottom.svelte-14g7eqc > * {
  pointer-events: auto;
}

.floating-backdrop.svelte-14g7eqc {
  position: absolute;
  inset: 0;
  z-index: 1;
  padding: 0;
  border: 0;
  background: var(--color-theme-overlay);
  cursor: pointer;
}/* Tab strip follows `--sidepanel-bg` (sheet fill); ::before paints the tray/tab seam fade. */
@keyframes svelte-1y57aaa-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-1y57aaa-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes svelte-1y57aaa-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-1y57aaa-skeleton-reveal-surface {
  from {
    opacity: 0;
  }
}
@keyframes svelte-1y57aaa-skeleton-reveal-layer {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.sidepanel-tabs.svelte-1y57aaa {
  --dock-indicator-frost: color-mix(in srgb, var(--color-theme-fg) 17%, transparent);
  --dock-indicator-pad: var(--sidepanel-bg, var(--color-theme-sheet));
  --dock-active-color: var(--color-theme-accent);
  --dock-glyph: var(--color-theme-text);
  --dock-glyph-muted: var(--color-theme-text-sec);
  --dock-indicator-minimal: color-mix(in srgb, var(--color-theme-fg) 14%, transparent);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 6px 8px;
  padding-bottom: 10px;
  margin-top: auto;
  flex-shrink: 0;
  background: var(--sidepanel-bg);
}
.sidepanel-tabs.svelte-1y57aaa::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 24px;
  pointer-events: none;
  background: linear-gradient(to bottom, transparent, var(--sidepanel-bg));
  z-index: 2;
}
@media screen and (max-width: 639px) {
  .sidepanel-tabs.svelte-1y57aaa {
    padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  }
}
.sidepanel-tabs.svelte-1y57aaa .sidepanel-tabs-indicator:where(.svelte-1y57aaa) {
  position: absolute;
  left: 0;
  top: 6px;
  height: 50px;
  border-radius: 25px;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1), width 220ms ease, opacity 160ms ease;
}
.sidepanel-tabs.svelte-1y57aaa .sidepanel-tabs-indicator.is-visible:where(.svelte-1y57aaa) {
  opacity: 1;
}
.sidepanel-tabs.svelte-1y57aaa .sidepanel-tabs-indicator--pill:where(.svelte-1y57aaa)::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--dock-indicator-frost);
  border-radius: 25px;
}
.sidepanel-tabs.svelte-1y57aaa .sidepanel-tabs-indicator--pill:where(.svelte-1y57aaa)::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 25px;
  border: 1px solid transparent;
  background: linear-gradient(to top, color-mix(in srgb, var(--dock-active-color) 50%, transparent), transparent 50%) padding-box, linear-gradient(var(--dock-indicator-pad), var(--dock-indicator-pad)) padding-box, linear-gradient(0deg, color-mix(in srgb, var(--dock-active-color) 58%, transparent) 0%, transparent 100%) border-box;
  box-shadow: inset 0 0 12px color-mix(in srgb, var(--dock-active-color) 31%, transparent);
}
.sidepanel-tabs.svelte-1y57aaa .sidepanel-tabs-indicator--minimal:where(.svelte-1y57aaa) {
  background: var(--dock-indicator-minimal);
}
.sidepanel-tabs.svelte-1y57aaa .sidepanel-tabs-glow:where(.svelte-1y57aaa) {
  position: absolute;
  left: 0;
  top: 6px;
  height: 50px;
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1), width 220ms ease, opacity 160ms ease;
}
.sidepanel-tabs.svelte-1y57aaa .sidepanel-tabs-glow.is-visible:where(.svelte-1y57aaa) {
  opacity: 1;
}
.sidepanel-tabs.svelte-1y57aaa .sidepanel-tabs-glow:where(.svelte-1y57aaa)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, var(--dock-active-color) 0%, transparent 100%);
  opacity: 0.4;
  transform: translateX(-50%) scale(1);
  pointer-events: none;
}
.sidepanel-tabs.has-labels.svelte-1y57aaa .sidepanel-tabs-indicator:where(.svelte-1y57aaa),
.sidepanel-tabs.has-labels.svelte-1y57aaa .sidepanel-tabs-glow:where(.svelte-1y57aaa) {
  height: 60px;
  border-radius: 30px;
}
.sidepanel-tabs.has-labels.svelte-1y57aaa .sidepanel-tabs-indicator--pill:where(.svelte-1y57aaa)::before, .sidepanel-tabs.has-labels.svelte-1y57aaa .sidepanel-tabs-indicator--pill:where(.svelte-1y57aaa)::after {
  border-radius: 30px;
}
.sidepanel-tabs.has-labels.svelte-1y57aaa .sidepanel-tabs-glow:where(.svelte-1y57aaa)::before {
  height: 110px;
  width: 110px;
}
.sidepanel-tabs.svelte-1y57aaa .sidepanel-tab:where(.svelte-1y57aaa) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  color: inherit;
  cursor: pointer;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 72px;
  min-width: 56px;
  height: 50px;
  padding: 4px 10px;
  border-radius: 25px;
  color: var(--dock-glyph-muted);
  cursor: pointer;
  transition: color 160ms ease;
}
.sidepanel-tabs.svelte-1y57aaa .sidepanel-tab:where(.svelte-1y57aaa):disabled {
  cursor: not-allowed;
}
@media (hover: hover) and (pointer: fine) {
  .sidepanel-tabs.svelte-1y57aaa .sidepanel-tab:where(.svelte-1y57aaa):hover:not(.active):not(:disabled) {
    color: var(--dock-active-color);
  }
}
.sidepanel-tabs.svelte-1y57aaa .sidepanel-tab.active:where(.svelte-1y57aaa) {
  color: var(--dock-glyph);
}
.sidepanel-tabs.svelte-1y57aaa .sidepanel-tab:where(.svelte-1y57aaa):focus-visible {
  outline: 2px solid var(--dock-active-color);
  outline-offset: 2px;
}
.sidepanel-tabs.has-labels.svelte-1y57aaa .sidepanel-tab:where(.svelte-1y57aaa) {
  height: 60px;
  border-radius: 30px;
}
.sidepanel-tabs.svelte-1y57aaa .sidepanel-tab-icon:where(.svelte-1y57aaa) {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  transform-origin: center;
  transition: transform 200ms cubic-bezier(0.22, 1, 0.36, 1);
}
.sidepanel-tabs.svelte-1y57aaa .sidepanel-tab-icon:where(.svelte-1y57aaa) .notification-position {
  position: absolute;
  right: -6px;
  top: -6px;
}
.sidepanel-tabs.selector-pill.svelte-1y57aaa .sidepanel-tab.active:where(.svelte-1y57aaa) .sidepanel-tab-icon:where(.svelte-1y57aaa) {
  transform: scale(1.08);
}
.sidepanel-tabs.svelte-1y57aaa .sidepanel-tab-label {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
}.sidepanel-sheet.svelte-1hznzds {
  --sidepanel-sheet-drag-x: 0px;
  position: fixed;
  inset: 0;
  z-index: 50;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  box-sizing: border-box;
  background: var(--color-theme-sheet);
  color: var(--color-theme-text);
  outline: none;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  pointer-events: none;
}
.sidepanel-sheet.svelte-1hznzds::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--color-theme-overlay);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.sidepanel-sheet.is-open.svelte-1hznzds {
  transform: translateX(var(--sidepanel-sheet-drag-x));
  pointer-events: auto;
}
.sidepanel-sheet.is-covered.svelte-1hznzds {
  transform: translateX(-10%);
}
.sidepanel-sheet.is-covered.svelte-1hznzds::after {
  opacity: 1;
}
.sidepanel-sheet.is-dragging.svelte-1hznzds {
  transition: none;
}

.sidepanel-sheet-header.svelte-1hznzds {
  display: flex;
  align-items: center;
  gap: var(--spacing-s);
  flex-shrink: 0;
  min-width: 0;
  padding: var(--spacing-s) var(--spacing-m);
}

.sidepanel-sheet-title.svelte-1hznzds {
  flex: 1;
  min-width: 0;
}

.sidepanel-sheet-body.svelte-1hznzds {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  min-width: 0;
  padding: 0 var(--spacing-m) var(--spacing-m);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.sidepanel-sheet-footer.svelte-1hznzds {
  flex-shrink: 0;
  min-width: 0;
  padding: var(--spacing-s) var(--spacing-m);
}

@media (prefers-reduced-motion: reduce) {
  .sidepanel-sheet.svelte-1hznzds,
  .sidepanel-sheet.svelte-1hznzds::after {
    transition: none;
  }
}.navigation-item.svelte-uydf2y {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  min-height: 44px;
  min-width: 0;
}
.navigation-item.navigation-item-default.svelte-uydf2y {
  border: 1px solid transparent;
  border-radius: var(--radius-theme-sm);
  padding: 7px;
}
.navigation-item.navigation-item-default.active.svelte-uydf2y {
  background: var(--color-theme-fg);
  color: var(--color-theme-text-inverse);
}
.navigation-item.navigation-item-default.active.svelte-uydf2y:hover:not(.disabled) {
  background: var(--color-theme-fg);
}
.navigation-item.navigation-item-default.active.svelte-uydf2y .navigation-item-subtitle:where(.svelte-uydf2y) .text-color-muted:where(.svelte-uydf2y),
.navigation-item.navigation-item-default.active.svelte-uydf2y .navigation-item-subtitle:where(.svelte-uydf2y) .theme-text-sec:where(.svelte-uydf2y) {
  color: color-mix(in srgb, var(--color-theme-text-inverse) 55%, transparent) !important;
}
.navigation-item.navigation-item-default.indented.svelte-uydf2y {
  padding-left: calc(7px + var(--spacing-l));
}
.navigation-item.navigation-item-section.svelte-uydf2y {
  cursor: default;
  min-height: 32px;
  padding: var(--spacing-s-plus) 7px var(--spacing-xs);
  align-items: center;
}
.navigation-item.navigation-item-section.svelte-uydf2y:hover, .navigation-item.navigation-item-section.svelte-uydf2y:hover:not(.disabled) {
  background: transparent;
}
.navigation-item.navigation-item-section.svelte-uydf2y:focus, .navigation-item.navigation-item-section.svelte-uydf2y:focus-visible {
  border: 1px solid transparent !important;
  outline: none;
}
.navigation-item.navigation-item-drilldown.svelte-uydf2y {
  padding: 8px 8px 7px 8px;
  border-bottom: 1px solid var(--color-theme-card-02);
}
.navigation-item.navigation-item-drilldown.svelte-uydf2y:focus {
  padding: 7px;
}
.navigation-item.navigation-item-drilldown.no-border.svelte-uydf2y {
  border-color: transparent;
  padding-bottom: 8px;
}
.navigation-item.navigation-item-drilldown.indented.svelte-uydf2y {
  padding-left: calc(8px + var(--spacing-l));
}
.navigation-item.navigation-item-drilldown.indented.svelte-uydf2y:focus {
  padding-left: calc(7px + var(--spacing-l));
}
.navigation-item.svelte-uydf2y .navigation-item-info:where(.svelte-uydf2y) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: inherit;
  line-height: 1;
}
.navigation-item.navigation-item-rail.svelte-uydf2y {
  gap: var(--spacing-s-plus);
  width: 100%;
  min-height: 32px;
  padding: var(--spacing-xs) calc(var(--spacing-xs) + var(--spacing-xxs));
  border: 1px solid transparent;
  border-radius: var(--radius-theme-sm);
}
.navigation-item.navigation-item-rail.active.svelte-uydf2y {
  background: var(--color-theme-accent);
  color: var(--color-theme-accent-fg);
}
.navigation-item.navigation-item-rail.active.svelte-uydf2y:hover:not(.disabled) {
  background: var(--color-theme-accent);
}
.navigation-item.navigation-item-rail.active.svelte-uydf2y:focus, .navigation-item.navigation-item-rail.active.svelte-uydf2y:focus-visible {
  border-color: var(--color-theme-accent-fg) !important;
}
.navigation-item.navigation-item-homes-dropdown-menu.svelte-uydf2y {
  gap: var(--spacing-s-plus);
  width: 100%;
  min-height: 0;
  padding: var(--spacing-xs);
  border: 1px solid transparent;
  border-radius: var(--radius-theme-sm);
}
.navigation-item.navigation-item-homes-dropdown-menu.svelte-uydf2y:hover:not(.disabled) {
  background: transparent;
}
@media (hover: hover) and (pointer: fine) {
  .navigation-item.navigation-item-homes-dropdown-menu.svelte-uydf2y:hover:not(.disabled) {
    background-color: var(--color-theme-accent-tint);
  }
}
.navigation-item.navigation-item-homes-dropdown-menu.active.svelte-uydf2y {
  background-color: var(--color-theme-accent-tint);
  border-color: var(--color-theme-accent);
}
.navigation-item.disabled.svelte-uydf2y {
  cursor: not-allowed;
}
.navigation-item.svelte-uydf2y:hover:not(.disabled) {
  background: var(--color-theme-card-02);
}
.navigation-item.svelte-uydf2y:focus, .navigation-item.svelte-uydf2y:focus-visible {
  outline: none;
  border: 1px solid var(--color-theme-accent) !important;
  box-shadow: none !important;
}

.navigation-item-shell.svelte-uydf2y:not(.navigation-item-advanced-shell) {
  display: contents;
}
.navigation-item-shell.svelte-uydf2y:not(.navigation-item-advanced-shell) > :where(.svelte-uydf2y) {
  display: contents;
}

.navigation-item-advanced-shell.svelte-uydf2y {
  display: grid;
  grid-template-rows: 1fr;
  opacity: 1;
  width: 100%;
  min-width: 0;
}
.navigation-item-advanced-shell.is-animated.svelte-uydf2y {
  transition: grid-template-rows 0.32s ease, opacity 0.24s ease, margin-bottom 0.32s ease;
}
.navigation-item-advanced-shell.is-collapsed.svelte-uydf2y {
  grid-template-rows: 0fr;
  opacity: 0;
  pointer-events: none;
  margin-bottom: calc(-1 * var(--navigation-item-stack-gap, 0px));
}

.navigation-item-advanced-shell-inner.svelte-uydf2y {
  min-height: 0;
  overflow: hidden;
}

.navigation-item-advanced-shell.is-intro.svelte-uydf2y:not(.is-collapsed) .navigation-item.advanced:where(.svelte-uydf2y) {
  animation: svelte-uydf2y-navigation-item-advanced-intro 0.7s ease-out forwards;
}

.navigation-item-advanced-shell.is-collapsed.svelte-uydf2y .navigation-item.advanced:where(.svelte-uydf2y) {
  animation: none;
}

@media screen and (max-width: 639px) {
  .navigation-item.svelte-uydf2y:hover:not(.disabled) {
    background: unset;
  }
  .navigation-item.navigation-item-homes-dropdown-menu-hero.svelte-uydf2y {
    padding: var(--spacing-xs) 3px;
  }
}
@keyframes svelte-uydf2y-navigation-item-advanced-intro {
  0% {
    box-shadow: inset 0 0 22px 6px color-mix(in srgb, var(--color-theme-accent) 55%, transparent);
  }
  100% {
    box-shadow: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .navigation-item-advanced-shell.is-animated.svelte-uydf2y {
    transition: none;
  }
  .navigation-item-advanced-shell.is-intro.svelte-uydf2y:not(.is-collapsed) .navigation-item.advanced:where(.svelte-uydf2y) {
    animation: none;
  }
}.settings-nav-section.svelte-1bkl5sq {
  --settings-nav-section-stack-gap: var(--spacing-m);
  --settings-nav-section-row-gap: calc(var(--spacing-xs) + var(--spacing-xxs));
  display: grid;
  grid-template-rows: 1fr;
  width: calc(100% + 2 * var(--settings-nav-section-bleed, 0px));
  min-width: 0;
  margin-inline: calc(-1 * var(--settings-nav-section-bleed, 0px));
  opacity: 1;
}
.settings-nav-section.is-animated.svelte-1bkl5sq {
  transition: grid-template-rows 0.32s ease, opacity 0.24s ease, margin-bottom 0.32s ease;
}
.settings-nav-section.is-collapsed.svelte-1bkl5sq {
  grid-template-rows: 0fr;
  opacity: 0;
  pointer-events: none;
  margin-bottom: calc(-1 * var(--settings-nav-section-stack-gap));
}

.settings-nav-section-collapse-inner.svelte-1bkl5sq {
  display: flex;
  flex-direction: column;
  gap: var(--settings-nav-section-row-gap);
  width: 100%;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

.settings-nav-section-header.svelte-1bkl5sq {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m);
  width: 100%;
  min-width: 0;
}

.settings-nav-section-title.svelte-1bkl5sq {
  min-width: 0;
  padding-inline: var(--settings-nav-section-bleed, 0px);
}

.settings-nav-section-rule.svelte-1bkl5sq {
  display: block;
  width: 100%;
  height: 0;
  border: 0;
  border-top: 1px solid var(--color-theme-card-02);
  margin: 0;
}

.settings-nav-section-body.svelte-1bkl5sq {
  display: flex;
  flex-direction: column;
  --navigation-item-stack-gap: var(--settings-nav-section-row-gap);
  gap: var(--settings-nav-section-row-gap);
  width: 100%;
  min-width: 0;
  padding-inline: var(--settings-nav-section-bleed, 0px);
  box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce) {
  .settings-nav-section.is-animated.svelte-1bkl5sq {
    transition: none;
  }
}.layer-chart-header {
	position: relative;
	z-index: 102;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: var(--spacing-s);
	padding: var(--spacing-s) 0;
	transition: opacity 0.2s ease-in-out;
	height: 68px;
	opacity: 0;
}

.layer-chart-header.is-visible {
	opacity: 1;
}

.lc-card-header-actions {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: var(--spacing-xs);
}

.lc-card-fullscreen-btn {
	display: inline-grid;
	place-items: center;
	width: var(--spacing-xl);
	height: var(--spacing-xl);
	padding: 0;
	border: 1px solid var(--color-theme-border-03);
	border-radius: var(--radius-theme-pill);
	background: var(--surface-glass-bg);
	backdrop-filter: blur(var(--surface-glass-blur));
	color: var(--color-theme-text);
	cursor: pointer;
}

.lc-card-fullscreen-btn:focus-visible {
	outline: var(--spacing-xxs) solid var(--color-theme-accent);
	outline-offset: var(--spacing-xxs);
}

.layer-chart-main-value {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-width: 0;
	gap: var(--spacing-xxs);
}

.layer-chart-value {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.1;
	min-height: 1em;
	letter-spacing: -0.2px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.layer-chart-value > span {
	white-space: nowrap;
}

.layer-chart-min-max-values {
	overflow: hidden;
	font-size: 11px;
	line-height: 1.25;
	min-height: 1em;
	color: var(--color-theme-text-sec);
}

.layer-chart-value-label {
	color: var(--color-theme-text-sec);
	font-size: 11px;
	line-height: 1.2;
}

.layer-chart-min-max-values > span {
	display: flex;
	min-width: 0;
	gap: var(--spacing-xs);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.layer-chart-hover-timestamp {
	overflow: hidden;
	color: var(--color-theme-text-sec);
	font-size: 10px;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.layer-chart-min-max-values span.icon-grid {
	font-size: 12px;
}

.layer-chart-content {
	padding: 0 2px;
}

.layer-chart-content-title {
	margin: 14px 0 10px;
	font-size: 15px;
	font-weight: 700;
}

.layer-chart-content-box {
	color: var(--color-theme-text-sec);
	border: 1px solid var(--color-theme-border);
	border-radius: var(--radius-theme-lg);
	padding: 12px 14px;
	line-height: 1.35;
	font-size: 13px;
}

.layer-chart-theme .lc-card-header {
	width: 100%;
	position: relative;
}

.layer-chart-theme .lc-card-header .lc-tooltip-header-date {
	font-size: 13px;
	font-weight: 700;
}

.layer-chart-theme .lc-card-tooltip-header {
	position: absolute;
}

/* Layer Chart Menu */

.layer-chart-menu {
	position: relative;
	z-index: 101;
}

.layer-chart-menu-btn {
	display: inline-grid;
	place-items: center;
	width: var(--spacing-xl);
	height: var(--spacing-xl);
	padding: 0;
	border-radius: var(--radius-theme-pill);
	border: 1px solid var(--surface-glass-border-color);
	background: var(--surface-glass-bg);
	backdrop-filter: blur(var(--surface-glass-blur));
	box-shadow: inset 0 1px 0 var(--color-theme-fg-08);
	color: var(--color-theme-text);
	cursor: pointer;
}

.layer-chart-menu-heading {
	padding: var(--spacing-xs) var(--spacing-s);
	color: var(--color-theme-text-sec);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.layer-chart-menu-divider {
	height: 1px;
	margin: var(--spacing-xs) 0;
	background: var(--color-theme-fg-10);
}

.layer-chart-menu-manage-item {
	display: flex;
	align-items: center;
	gap: var(--spacing-s);
	padding: var(--spacing-s);
	border-radius: var(--radius-theme-sm);
	cursor: pointer;
}

.layer-chart-menu-manage-item:hover {
	background: var(--color-theme-fg-08);
}

.layer-chart-menu-btn:focus-visible {
	outline: 2px solid var(--color-theme-accent);
	outline-offset: 2px;
}

.layer-chart-menu-img {
	width: 18px;
	height: 18px;
	display: block;
}

.layer-chart-menu-caret {
	font-size: 14px;
	line-height: 1;
	opacity: 0.85;
	transform: translateY(-1px);
}

.layer-chart-menu-popover {
	position: absolute;
	top: calc(100% + 2px);
	right: 0;
	min-width: 240px;
	padding: 10px;
	border-radius: var(--radius-theme-xl);
	border: 1px solid var(--surface-glass-border-color);
	background: var(--surface-glass-bg);
	backdrop-filter: blur(var(--surface-glass-blur));
	box-shadow:
		0 22px 60px rgba(0, 0, 0, 0.55),
		inset 0 1px 0 var(--color-theme-fg-08);
	opacity: 0;
	transform: translateY(-6px) scale(0.98);
	pointer-events: none;
	transition:
		opacity 140ms ease,
		transform 140ms ease;
}

.layer-chart-menu[data-open='true'] .layer-chart-menu-popover {
	opacity: 1;
	transform: translateY(0) scale(1);
	pointer-events: auto;
}

.layer-chart-menu-item {
	width: 100%;
	display: grid;
	grid-template-columns: 20px 25px 1fr;
	align-items: center;
	padding: 8px 4px;
	border: 0;
	border-radius: var(--radius-theme-lg);
	background: transparent;
	color: var(--color-theme-text);
	cursor: pointer;
	text-align: left;
}

.layer-chart-menu-item:hover {
	background: var(--color-theme-fg-08);
}

.layer-chart-menu-item:active {
	background: var(--color-theme-fg-10);
}

.layer-chart-menu-check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	opacity: 0.9;
}

.layer-chart-menu-item-icon {
	font-size: 16px;
	opacity: 0.95;
	text-align: center;
	width: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.layer-chart-menu-item-fallback-icon {
	font-size: 12px;
	font-weight: 700;
}

.layer-chart-menu-item-text {
	font-size: 16px;
	letter-spacing: 0.2px;
}

	.prev-next-switch.svelte-cxzkph {
		display: inline-flex;
		align-items: center;
		justify-content: space-between;
		padding: 5px;
	}
	.prev-btn.svelte-cxzkph {
		margin-right: 5px;
	}
	.next-btn.svelte-cxzkph {
		margin-left: 5px;
	}
	.prev-btn.svelte-cxzkph,
	.next-btn.svelte-cxzkph {
		width: 14px;
		height: 14px;
		font-size: 11px;
		margin-top: 2px;
		cursor: pointer;
	}
	.prev-btn.disabled.svelte-cxzkph,
	.next-btn.disabled.svelte-cxzkph {
		color: var(--color-theme-text-disabled);
		cursor: not-allowed;
	}

	.lc-calendar-shell.svelte-o92fax {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
	}
	.lc-calendar-shell.svelte-o92fax .lc-calendar-picker {
		width: auto !important;
	}
	.lc-calendar-shell.svelte-o92fax .lc-calendar-picker .dp-custom-text-trigger p {
		font-size: 14px;
	}
	.calendar-nav-label.svelte-o92fax {
		font-size: 14px;
		user-select: none;
		line-height: 19px;
		color: var(--color-theme-text);
		font-family: var(--font-family);
		font-style: normal;
		font-weight: 500;
	}

	.lc-controls-container.svelte-fb711x {
		padding-bottom: 12px;
		border-bottom: 1px solid var(--color-theme-border-03);
	}
	.lc-controls.svelte-fb711x {
		display: flex;
		max-width: 100%;
		margin: 5px 8px;
		overflow-y: hidden;
		overflow-x: auto;
		scrollbar-width: none;
		user-select: none;
		-webkit-user-select: none;
		touch-action: pan-x;
	}
	.lc-controls.svelte-fb711x:active,
	.lc-controls.svelte-fb711x:active .lc-control-btn:where(.svelte-fb711x) {
		cursor: grabbing;
	}
	.lc-control-btn.svelte-fb711x {
		border: 0;
		cursor: pointer;
		color: var(--color-theme-text-sec);
		background: transparent;
		border-radius: 50%;
		font-size: 12px;
		letter-spacing: 0.2px;
		transition: all 0.2s;
		text-transform: uppercase;
		white-space: nowrap;
		margin: 0 2px;
		min-width: 32px;
		min-height: 32px;
		text-align: center;
		scroll-snap-align: center;
	}
	.lc-control-btn.custom.svelte-fb711x,
	.lc-control-btn.billing_date.svelte-fb711x {
		border-radius: 20px;
		min-width: 32px;
		min-height: 32px;
	}
	.lc-control-btn.premium-plan.svelte-fb711x {
		background: none;
		cursor: default;
		opacity: 0.5;
	}
	.lc-control-btn.svelte-fb711x:hover,
	.lc-control-btn.is-active.svelte-fb711x {
		background-color: var(--color-theme-fg-20);
	}
	.lc-control-btn.is-active.svelte-fb711x {
		pointer-events: none;
	}

	.crazy-divider-container.svelte-zlzq29 {
		position: relative;
		width: 100%;
	}

	.crazy-divider-first.svelte-zlzq29 {
		border-bottom: 1px solid var(--color-theme-border-03);
	}

	.crazy-divider-container.svelte-zlzq29 > i:where(.svelte-zlzq29) {
		position: absolute;
		color: var(--color-theme-border-03);
	}

	.crazy-divider-divider.svelte-zlzq29 {
		border-bottom: 1px solid var(--color-theme-border-03);
	}

	.unit-modal-account.svelte-1qdtfgb {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xs);
	}

	.unit-modal-loading-overlay.svelte-1qdtfgb {
		position: absolute;
		inset: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--color-background-primary-transparent, rgba(255, 255, 255, 0.7));
		z-index: 1;
		border-radius: var(--border-radius-m, 8px);
	}

	.link-styles.disabled {
		color: var(--color-3);
		cursor: not-allowed;
	}

	.inline-link.svelte-132sa5j {
		font-size: inherit;
		line-height: inherit;
	}

	.lng-bar.svelte-1vjrwxd {
		float: right;
		margin: 0 0 var(--spacing-s) var(--spacing-s);
	}

	.unit-modal-account.svelte-1esa35v {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xs);
	}

	.unit-modal-loading-overlay.svelte-1esa35v {
		position: absolute;
		inset: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--color-background-primary-transparent, rgba(255, 255, 255, 0.7));
		z-index: 1;
		border-radius: var(--border-radius-m, 8px);
	}

	.link-styles.disabled {
		color: var(--color-3);
		cursor: not-allowed;
	}

	.lng-bar.svelte-115d0y1 {
		float: right;
		margin: -2px 0 var(--spacing-s) var(--spacing-s);
	}

	.shelly-wordmark.svelte-gpb9y8 {
		display: block;
		height: 32px;
		width: auto;
		color: var(--color-theme-fg);
	}

	.max-header-width.svelte-13vtmps {
		max-width: 1122px;
	}

	.shelly-wordmark-hit.svelte-13vtmps {
		display: inline-flex;
		padding: 0;
		border: 0;
		background: transparent;
		cursor: pointer;
		line-height: 0;
	}

	.max-page-content-width {
		max-width: 1170px;
	}

	.max-header-width.svelte-1n5bqjc {
		max-width: 1122px;
	}

	.shelly-wordmark-hit.svelte-1n5bqjc {
		display: inline-flex;
		padding: 0;
		border: 0;
		background: transparent;
		cursor: pointer;
		line-height: 0;
	}

	.max-page-content-width {
		max-width: 1170px;
	}

	.dev-info-list.svelte-1694ksp {
		margin: 0;
		padding-left: var(--spacing-m-plus);
		list-style: disc;
	}

	.dev-info-list.svelte-1694ksp li:where(.svelte-1694ksp) + li:where(.svelte-1694ksp) {
		margin-top: var(--spacing-xs);
	}

	.env-monitor-iframe.svelte-uwzibe {
		height: 400px;
		min-height: 360px;
		border: 0;
		display: block;
	}

	/* (unused) .runtime-warnings {
		background: var(--color-warning-50, #fff8e1);
		border-radius: 0.5rem;
	}*/

	/* (unused) .runtime-device-summary,
	.runtime-events {
		background: var(--color-neutral-50, #f6f7f8);
		border-radius: 0.5rem;
	}*/

	pre.svelte-124ph61 {
		margin: 0.5rem 0 0;
		max-height: 18rem;
		overflow: auto;
		white-space: pre-wrap;
		font-size: 0.75rem;
	}

  .confetti-holder.svelte-rtt661 {
    position: relative;
  }

  @keyframes svelte-rtt661-rotate {
    0% {
      transform: skew(var(--skew)) rotate3d(var(--full-rotation));
    }

    100% {
      transform: skew(var(--skew)) rotate3d(var(--rotation-xyz), calc(var(--rotation-deg) + 360deg));
    }
  }

  @keyframes svelte-rtt661-translate {
    0% {
      opacity: 1;
    }

    8% {
      transform: translateY(calc(var(--translate-y) * 0.95)) translateX(calc(var(--translate-x) * (var(--x-spread) * 0.9)));
      opacity: 1;
    }

    12% {
      transform: translateY(var(--translate-y)) translateX(calc(var(--translate-x) * (var(--x-spread) * 0.95)));
      opacity: 1;
    }

    16% {
      transform: translateY(var(--translate-y)) translateX(calc(var(--translate-x) * var(--x-spread)));
      opacity: 1;
    }

    100% {
      transform: translateY(calc(var(--translate-y) + var(--fall-distance))) translateX(var(--translate-x));
      opacity: 0;
    }
  }

  @keyframes svelte-rtt661-no-gravity-translate {
    0% {
      opacity: 1;
    }

    100% {
      transform: translateY(var(--translate-y)) translateX(var(--translate-x));
      opacity: 0;
    }
  }

  .confetti.svelte-rtt661 {
    --translate-y: calc(-200px * var(--translate-y-multiplier));
    --translate-x: calc(200px * var(--translate-x-multiplier));
    position: absolute;
    height: calc(var(--size) * var(--scale));
    width: calc(var(--size) * var(--scale));
    animation: svelte-rtt661-translate var(--transition-duration) var(--transition-delay) var(--transition-iteration-count) linear;
    opacity: 0;
    pointer-events: none;
  }

  .confetti.svelte-rtt661::before {
    --full-rotation: var(--rotation-xyz), var(--rotation-deg);
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: var(--color);
    background-size: contain;
    transform: skew(var(--skew)) rotate3d(var(--full-rotation));
    animation: svelte-rtt661-rotate var(--transition-duration) var(--transition-delay) var(--transition-iteration-count) linear;
  }

  .rounded.svelte-rtt661 .confetti:where(.svelte-rtt661)::before {
    border-radius: 50%;
  }

  .cone.svelte-rtt661 .confetti:where(.svelte-rtt661) {
    --translate-x: calc(200px * var(--translate-y-multiplier) * var(--translate-x-multiplier));
  }

  .no-gravity.svelte-rtt661 .confetti:where(.svelte-rtt661) {
    animation-name: svelte-rtt661-no-gravity-translate;
    animation-timing-function: ease-out;
  }

  @media (prefers-reduced-motion) {
    .reduced-motion.svelte-rtt661 .confetti:where(.svelte-rtt661),
    .reduced-motion.svelte-rtt661 .confetti:where(.svelte-rtt661)::before {
      animation: none;
    }
  }

	.energy-price-scheme-selector.svelte-mtdthj {
		display: flex;
		align-items: center;
		gap: 8px;
		flex-wrap: wrap;
	}

	.energy-scheme-btn.svelte-mtdthj {
		width: 40px;
		height: 40px;
		border-radius: 8px;
		border: 2px solid transparent;
		cursor: pointer;
		transition: all 0.2s ease;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;
		color: #fff;
		font-weight: 600;
	}

	.energy-scheme-btn.active.svelte-mtdthj {
		border-color: #fff;
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);
	}

	.dev-page.svelte-kt50hm {
		min-height: 100dvh;
		background: var(--color-theme-bg, var(--color-base));
		color: var(--color-theme-text, inherit);
	}

	.dev-page-header.svelte-kt50hm {
		position: sticky;
		top: 0;
		z-index: 2;
		padding: var(--spacing-m);
		background: var(--color-theme-bg, var(--color-base));
		border-bottom: 1px solid var(--color-theme-border-03, var(--color-muted));
	}

	.dev-page-main.svelte-kt50hm {
		padding: var(--spacing-m);
		max-width: 720px;
		margin: 0 auto;
	}
/* Classic layout main rail (extracted from MainLayout.svelte) */

.main-layout:not(.new-layout) .classic-main-menu-dock {
	min-height: 0;
	min-width: 0;
	width: 100%;
	align-self: stretch;
}

@media screen and (max-width: 1123px) {
	.main-layout:not(.new-layout) .classic-main-menu-dock {
		display: flex;
		flex: 1 1 auto;
		min-width: 0;
	}
}

.main-layout:not(.new-layout) .classic-main-menu-dock {
	display: flex;
	width: 100%;
	min-width: 0;
	align-items: stretch;
}

@media screen and (min-width: 1124px) {
	/* Unwrap so primary / grow / footer participate in the design-system menu column flex */
	.main-layout:not(.new-layout) .classic-main-menu-dock {
		display: contents;
	}

	.main-layout:not(.new-layout) .classic-main-menu-dock__primary {
		display: flex;
		flex-direction: column;
		flex: 0 0 auto;
		width: 100%;
		align-self: stretch;
	}

	.main-layout:not(.new-layout) .classic-main-menu-dock__grow {
		flex: 1 1 auto;
		min-height: var(--spacing-xl);
		width: 100%;
	}

	.main-layout:not(.new-layout) .classic-main-menu-dock__footer {
		display: flex;
		flex-direction: column;
		flex: 0 0 auto;
		width: 100%;
		align-self: stretch;
		border-top: 1px solid var(--color-3, rgba(255, 255, 255, 0.12));
	}
}

@media screen and (max-width: 1123px) {
	.main-layout:not(.new-layout) .classic-main-menu-dock {
		flex-direction: row;
		align-items: center;
		justify-content: center;
		gap: var(--spacing-s);
		min-width: 0;
	}

	.main-layout:not(.new-layout) .classic-main-menu-dock__primary {
		display: flex;
		flex-direction: row;
		flex: 0 1 auto;
		align-items: center;
		min-width: 0;
		gap: var(--spacing-s);
	}

	.main-layout:not(.new-layout) .classic-main-menu-dock__grow {
		display: none;
	}

	.main-layout:not(.new-layout) .classic-main-menu-dock__footer {
		display: flex;
		flex-direction: row;
		flex: 0 0 auto;
		align-items: center;
		min-width: 0;
		gap: var(--spacing-s);
	}

	.main-layout:not(.new-layout) .classic-main-menu-dock .menu-item {
		margin-inline: 0;
	}
}

@media screen and (max-width: 639px) {
	.main-layout:not(.new-layout) .classic-main-menu-dock__primary,
	.main-layout:not(.new-layout) .classic-main-menu-dock__footer {
		display: contents;
	}

	.main-layout:not(.new-layout) .classic-main-menu-dock {
		flex-wrap: nowrap;
	}

	.main-layout:not(.new-layout) .classic-main-menu-dock > .menu-item {
		box-sizing: border-box;
		flex: 1 1 0;
		min-width: 0;
		max-width: 80px;
	}
}

	.preview-box.svelte-1fv66sr {
		position: relative;
		background-image: url('../images/loginBackground.png');
		border-radius: var(--radius-big);
		padding: 24px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		overflow: hidden;
	}

	.preview-box--themed.svelte-1fv66sr {
		background-image: none;
	}

	.preview-box-overlay.svelte-1fv66sr {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: var(--background-image-overlay);
		pointer-events: none;
	}

	.preview-box-overlay.home-overlay.svelte-1fv66sr {
		background: rgba(0, 0, 0, var(--home-background-overlay-opacity));
	}

	.preview-box-content.svelte-1fv66sr {
		position: relative;
		z-index: 1;
		width: 100%;
	}

	.preview-box-card-wrapper.svelte-1k9asfu {
		max-width: 160px;
		min-width: 160px;
	}

	.position-absolute.svelte-1l58iyw {
		position: absolute;
	}
	.camera-widget-card.svelte-1l58iyw {
		width: 100%;
		height: 100%;
		border-radius: var(--radius-big);
		overflow: hidden;
		cursor: pointer;
		background: var(--color-1);
		padding: var(--spacing-s);
	}

	.camera-widget-card.svelte-1l58iyw .description-container:where(.svelte-1l58iyw) {
		min-height: 32px;
	}

	.camera-widget-card.edit-mode.svelte-1l58iyw {
		cursor: default;
	}

	.camera-widget-card.edit-mode.svelte-1l58iyw::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: var(--color-primary);
		opacity: 0.1;
		pointer-events: none;
		z-index: 1;
	}
	.camera-widget-card.selected.svelte-1l58iyw,
	.camera-widget-card.svelte-1l58iyw:focus:not(.edit-mode) {
		box-shadow: var(--shadow-glow-strong);
	}

	.camera-widget-card.selected.svelte-1l58iyw::before,
	.camera-widget-card.svelte-1l58iyw:focus:not(.edit-mode)::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		border-radius: var(--radius-big);
		width: calc(100% - 4px);
		height: calc(100% - 4px);
		border: 2px solid var(--color-primary);
		pointer-events: none;
		z-index: 3;
	}

	.camera-image-container.svelte-1l58iyw {
		top: -8px;
		left: -8px;
		width: calc(100% + 16px);
		height: calc(100% + 16px);
		z-index: 0;
	}

	.camera-image.svelte-1l58iyw {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.camera-image.loading.svelte-1l58iyw,
	.camera-image.disabled.svelte-1l58iyw {
		filter: grayscale(100%);
		opacity: 0.6;
	}

	.loading-overlay.svelte-1l58iyw {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding-top: 30%;
		background-color: rgba(0, 0, 0, 0.4);
		z-index: 1;
	}

	.gradient-overlay.svelte-1l58iyw {
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(
			180deg,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.05) 40%,
			rgba(0, 0, 0, 0.55) 64%,
			rgba(0, 0, 0, 0.9) 100%
		);
		z-index: 0;
	}

	.badges-container.svelte-1l58iyw {
		top: 0;
		left: 0;
		z-index: 2;
	}

	.content-container.svelte-1l58iyw {
		z-index: 1;
	}

	.bottom-slot-container.svelte-1l58iyw {
		z-index: 2;
		margin-bottom: calc(-1 * var(--spacing-s));
		margin-left: calc(-1 * var(--spacing-s));
		margin-right: calc(-1 * var(--spacing-s));
		cursor: default;
		overflow: hidden;
	}

	.camera-widget-card.svelte-1l58iyw .bottom-slot-container .actions-container {
		width: 100%;
		justify-content: center;
		border-radius: 0 !important;
	}

	.camera-placeholder.svelte-1t6wv2n {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		aspect-ratio: 16 / 9;
		height: auto;
		min-height: 0;
		border: 1px solid var(--color-3);
		border-radius: var(--radius-extra-big);
		background-color: color-mix(in srgb, var(--color-2) 40%, transparent);
		padding: var(--spacing-s);
		box-sizing: border-box;
	}

	/* Viewport-fit mosaic cells stretch the placeholder to the grid track. */
	.camera-mosaic.fill-viewport .camera-placeholder.svelte-1t6wv2n {
		aspect-ratio: unset;
		height: 100%;
	}

	.camera-placeholder-center.svelte-1t6wv2n {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--spacing-xs);
	}

	.camera-placeholder-link.svelte-1t6wv2n {
		background: none;
		border: none;
		padding: 0;
		cursor: pointer;
		color: var(--color-white);
		font-size: var(--font-size-body-extra-small, 12px);
		line-height: 1.2;
	}

	.camera-placeholder-link.svelte-1t6wv2n:hover {
		text-decoration: underline;
	}

	.empty-icon-placeholder.svelte-xw5h36 {
		width: 44px;
		height: 44px;
	}

	/* Default: rows size to tile content (16:9). `.fill-viewport` switches to equal
	   `1fr` rows that fill remaining height under app chrome (desktop wall view). */
	.camera-mosaic.svelte-1t23hnq {
		display: grid;
		grid-template-columns: repeat(var(--mosaic-cols, 2), minmax(0, 1fr));
		grid-auto-rows: auto;
		gap: var(--spacing-s);
		width: 100%;
		min-height: 0;
	}

	.camera-mosaic.fill-viewport.svelte-1t23hnq {
		grid-template-rows: repeat(var(--mosaic-rows, 2), minmax(0, 1fr));
		grid-auto-rows: unset;
	}

	.camera-mosaic-cell.svelte-1t23hnq {
		min-width: 0;
		min-height: 0;
		overflow: hidden;
	}

	.camera-mosaic.fill-viewport.svelte-1t23hnq .camera-mosaic-cell:where(.svelte-1t23hnq) {
		height: 100%;
	}

	/* Desktop focus wall: main spans 2×2 in a 3×3; secondary children rejoin via contents. */
	.camera-mosaic-focus.fill-viewport.svelte-1t23hnq .camera-mosaic-cell-main:where(.svelte-1t23hnq) {
		grid-column: 1 / 3;
		grid-row: 1 / 3;
	}

	.camera-mosaic-focus.fill-viewport.svelte-1t23hnq .camera-mosaic-focus-secondary:where(.svelte-1t23hnq) {
		display: contents;
	}

	/* Mobile focus: main on top, secondaries in a 2-up strip.
	   `:global` avoids scoped-selector mismatches on the dynamic layout classes. */
	.camera-mosaic-focus.focus-stacked {
		display: flex;
		flex-direction: column;
		height: auto;
	}

	.camera-mosaic-focus.focus-stacked .camera-mosaic-cell-main {
		width: 100%;
		height: auto;
	}

	.camera-mosaic-focus.focus-stacked .camera-mosaic-focus-secondary {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--spacing-s);
		width: 100%;
	}

	/* Hard fallback for real phone widths (covers JS/breakpoint mismatches). */
	@media (max-width: 639px) {
		.camera-mosaic-focus {
			display: flex !important;
			flex-direction: column;
			height: auto !important;
		}

		.camera-mosaic-focus .camera-mosaic-cell-main {
			grid-column: auto;
			grid-row: auto;
			width: 100%;
			height: auto;
		}

		.camera-mosaic-focus .camera-mosaic-focus-secondary {
			display: grid !important;
			grid-template-columns: 1fr 1fr !important;
			gap: var(--spacing-s);
			width: 100%;
		}

		.camera-mosaic-focus .camera-mosaic-cell {
			height: auto;
		}
	}

	/* DnD shadow cell while dragging */
	.dnd-placeholder.svelte-1t23hnq {
		border: 2px dashed var(--color-border);
		border-radius: var(--radius-extra-big);
		background: transparent;
	}

	.camera-monitoring-route.svelte-4coel2 {
		/* Mosaic measures remaining viewport height itself; keep chrome padding minimal. */
		padding-bottom: 0;
	}

	.testing-gallery-controls.svelte-1s6bv6m {
		position: fixed;
		z-index: 46;
		left: max(var(--spacing-m), env(safe-area-inset-left, 0px));
		bottom: calc(var(--floating-dock-scroll-clearance, 72px) + var(--spacing-m));
		width: 240px;
		max-width: calc(100vw - var(--spacing-xl));
	}

	.testing-gallery-controls.is-minimized.svelte-1s6bv6m {
		width: auto;
	}

	.testing-gallery-controls.svelte-1s6bv6m .testing-gallery-controls-title {
		flex: 1;
		min-width: 0;
	}

	.reorder-wrap.svelte-6ovqv9 {
		align-items: stretch;
	}

	/* display:contents cannot be expressed with DS utilities */
	.reorder-wrap--inactive.svelte-6ovqv9 {
		display: contents;
	}

	.reorder-wrap--stack.svelte-6ovqv9 {
		flex-direction: column;
		align-items: stretch;
	}

	.reorder-controls.svelte-6ovqv9 {
		touch-action: manipulation;
	}

	.reorder-controls--vertical.svelte-6ovqv9 {
		flex-direction: column;
		justify-content: center;
	}

	.reorder-controls--horizontal.svelte-6ovqv9 {
		flex-direction: row;
		align-items: center;
	}

	.reorder-controls--previous-next.svelte-6ovqv9 {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
	}

	.reorder-previous-next-buttons.svelte-6ovqv9 .button-v2 {
		flex: 1;
	}

	.reorder-position.svelte-6ovqv9 {
		min-width: 3.25em;
		pointer-events: none;
		font-variant-numeric: tabular-nums;
	}

	.reorder-position--wide.svelte-6ovqv9 {
		width: 100%;
		min-width: 0;
	}

	.reorder-position.svelte-6ovqv9 span {
		animation: svelte-6ovqv9-reorder-position-in 220ms ease-out;
	}

	@keyframes svelte-6ovqv9-reorder-position-in {
		from {
			opacity: 0.45;
			transform: scale(0.92);
		}

		to {
			opacity: 1;
			transform: scale(1);
		}
	}

	@media (prefers-reduced-motion: reduce) {
		.reorder-position.svelte-6ovqv9 span {
			animation: none;
		}
	}

	.virtual-card-grid.svelte-12r979q {
		display: flex;
		flex-direction: column;
		gap: var(--virtual-grid-gap);
		padding-bottom: var(--virtual-grid-gap);
	}

	.virtual-card-grid-row.svelte-12r979q {
		display: grid;
		gap: var(--virtual-grid-gap);
		align-items: stretch;
	}

	.virtual-card-grid-row.svelte-12r979q > div:where(.svelte-12r979q) {
		min-width: 0;
	}

	.virtual-card-grid-spacer.svelte-12r979q {
		flex: 0 0 auto;
	}

	.device-table-scroll.svelte-18fbmia {
		width: 100%;
		overflow-x: auto;
	}

	.device-table-edit-bar.svelte-18fbmia {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		margin-bottom: 8px;
	}

	.device-table-header-edit.svelte-18fbmia {
		display: inline-flex;
		align-items: center;
		gap: 4px;
		white-space: nowrap;
	}

	.device-table-surface .device-table {
		width: 100%;
		table-layout: auto;
	}

	.device-table thead {
		user-select: none;
		-webkit-user-select: none;
	}

	.device-table thead.is-editing {
		background-color: var(--color-1-opacity);
	}

	/* Shrink identity columns to content so status columns can share leftover space. */
	.device-table-col-name,
	.device-table-col-room,
	.device-table-col-appliance,
	.device-table-col-type,
	.device-table-col-state {
		width: 1%;
		white-space: nowrap;
	}

	.device-table-col-name {
		min-width: 132px;
		max-width: 176px;
	}

	.device-table-col-room,
	.device-table-col-appliance,
	.device-table-col-type {
		min-width: 64px;
		max-width: 112px;
	}

	.device-table-col-state {
		min-width: 48px;
	}

	.device-table-col-status {
		min-width: 108px;
		padding-left: 12px;
		padding-right: 12px;
	}

	.device-table tbody tr {
		cursor: pointer;
	}

	.device-table tbody tr:hover {
		background-color: var(--color-0);
	}

	.device-table tbody tr.is-selected {
		background-color: var(--color-1-opacity);
	}

	.device-table tbody tr.is-offline {
		opacity: 0.65;
	}

	.device-table .device-table-name-inner {
		display: flex;
		align-items: center;
		gap: 8px;
		min-width: 0;
	}

	.device-table .device-table-name-text {
		min-width: 0;
		max-width: 140px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.device-table .device-table-state {
		vertical-align: middle;
	}

	.device-table-header-edit .icon-button {
		width: 24px;
		height: 24px;
		min-width: 24px;
		padding: 0;
	}

	.all-devices-dropdown-divider.svelte-asaszh {
		border-top: 1px solid var(--color-3);
	}

	.global-inline-banners.svelte-kgkvj8 {
		width: 100%;
	}

	.global-inline-banners__empty.svelte-kgkvj8 {
		width: 100%;
		height: 120px;
		max-height: 120px;
		border-radius: 12px;
		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;
	}

	.global-inline-banners__empty--rail.svelte-kgkvj8 {
		max-width: 280px;
	}

	.global-inline-banners__viewport.svelte-kgkvj8 {
		--promo-strip-fade-left: 0px;
		--promo-strip-fade-right: 0px;
		width: 100%;
		overflow: hidden;
	}

	.global-inline-banners__viewport--fade-left.svelte-kgkvj8 {
		--promo-strip-fade-left: 32px;
	}

	.global-inline-banners__viewport--fade-right.svelte-kgkvj8 {
		--promo-strip-fade-right: 32px;
	}

	.global-inline-banners__scroller.svelte-kgkvj8 {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		gap: 0;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		-ms-overflow-style: none;
		-webkit-mask-image: linear-gradient(
			to right,
			transparent 0,
			#000 var(--promo-strip-fade-left),
			#000 calc(100% - var(--promo-strip-fade-right)),
			transparent 100%
		);
		mask-image: linear-gradient(
			to right,
			transparent 0,
			#000 var(--promo-strip-fade-left),
			#000 calc(100% - var(--promo-strip-fade-right)),
			transparent 100%
		);
	}

	.global-inline-banners__scroller.svelte-kgkvj8::-webkit-scrollbar {
		display: none;
	}

	.global-inline-banners__item.svelte-kgkvj8 {
		flex: 0 0 auto;
		overflow: hidden;
		transition:
			width 220ms cubic-bezier(0.22, 1, 0.36, 1),
			min-width 220ms cubic-bezier(0.22, 1, 0.36, 1),
			margin-right 220ms cubic-bezier(0.22, 1, 0.36, 1),
			opacity 180ms ease-out;
	}

	@media (prefers-reduced-motion: reduce) {
		.global-inline-banners__item.svelte-kgkvj8 {
			transition: none;
		}
	}

	.global-inline-banners__item--exiting.svelte-kgkvj8 {
		pointer-events: none;
	}

	.global-inline-banners__card.svelte-kgkvj8 {
		position: relative;
		width: 280px;
		max-width: 100%;
		border-radius: 12px;
		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;
	}

	.global-inline-banners__card.svelte-kgkvj8 > * {
		height: 100%;
		min-height: 0;
	}

	.global-inline-banners__dismiss.svelte-kgkvj8 {
		position: absolute;
		top: 6px;
		right: 6px;
		z-index: 7;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 22px;
		height: 22px;
		border-radius: 5px;
		color: #ffffff;
		cursor: pointer;
		opacity: 0.92;
		background: rgba(0, 0, 0, 0.22);
		backdrop-filter: blur(4px);
	}

	.global-inline-banners__dismiss.svelte-kgkvj8:hover {
		opacity: 1;
		background: rgba(0, 0, 0, 0.35);
	}

	.room-chart-container.svelte-6al7pn {
		position: relative;
		overflow: visible;
	}

	.room-chart-tooltip.svelte-6al7pn {
		position: absolute;
		z-index: 2;
		display: grid;
		gap: 6px;
		min-width: 138px;
		padding: 8px 10px;
		border: 1px solid rgba(255, 255, 255, 0.12);
		border-radius: 8px;
		background: rgba(22, 24, 27, 0.96);
		color: white;
		font-size: 11px;
		pointer-events: none;
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
	}

	.room-chart-tooltip-row.svelte-6al7pn {
		display: grid;
		grid-template-columns: auto 1fr auto;
		align-items: center;
		gap: 6px;
	}

	.room-chart-tooltip-dot.svelte-6al7pn {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: var(--dot-color);
	}

	.chart-legend.svelte-6al7pn {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 6px;
		margin: 10px 20px 16px;
		padding: 0 10px;
	}

	.chart-legend.svelte-6al7pn button:where(.svelte-6al7pn) {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 0;
		border: 0;
		background: transparent;
		color: hsl(220 15% 85%);
		font: inherit;
		font-size: 10px;
		cursor: pointer;
	}

	.chart-legend.svelte-6al7pn button:where(.svelte-6al7pn)::before {
		content: '';
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: var(--dot-color);
		outline: 1px solid rgba(0, 0, 0, 0.25);
		outline-offset: 1px;
	}

	.chart-legend.svelte-6al7pn button.hidden:where(.svelte-6al7pn) {
		text-decoration: line-through;
	}

	.realtime-overview-grid.svelte-1rmltts {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		align-items: stretch;
		gap: var(--spacing-m);
	}

	.realtime-overview-grid.svelte-1rmltts > * {
		min-width: 0;
	}

	.realtime-overview-card.svelte-1rmltts {
		display: grid;
		min-width: 0;
	}

	.realtime-overview-card.svelte-1rmltts > * {
		height: 100%;
	}

	.rooms-chart-card.svelte-1rmltts {
		display: grid;
		grid-column: 1 / -1;
		min-width: 0;
	}

	@media (max-width: 1279px) {
		.realtime-overview-grid.svelte-1rmltts {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		/* The pie is the third overview card. Let it use the complete second row
		 * so the layout never leaves a dead column beside it. */
		.realtime-overview-grid.svelte-1rmltts > .controls-container:nth-child(3) {
			grid-column: 1 / -1;
		}
	}

	@media (max-width: 639px) {
		.realtime-overview-grid.svelte-1rmltts {
			grid-template-columns: minmax(0, 1fr);
		}

		.realtime-overview-grid.svelte-1rmltts > .controls-container:nth-child(3) {
			grid-column: auto;
		}
	}

	.chart-controls-wrapper.svelte-18fi70h {
		display: contents;
	}

	.chart-controls-overall.svelte-18fi70h {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-end;
		gap: var(--spacing-s);
		width: 100%;
	}

	@media screen and (max-width: 639px) {
		.chart-controls-overall.svelte-18fi70h {
			flex-direction: column;
			align-items: stretch;
		}

		.chart-controls-overall.svelte-18fi70h > div:where(.svelte-18fi70h) {
			width: 100%;
		}
	}

	@media screen and (max-width: 639px) {
		.history-chart-toolbar.toolbar {
			grid-template-columns: 1fr;
			grid-template-areas:
				'breadcrumbs'
				'right-controls';
		}

		.history-chart-toolbar .right-controls-container {
			justify-self: stretch;
			width: calc(100% + var(--spacing-s));
			margin: 0 0 0 calc(var(--spacing-s) * -1);
		}

		.history-chart-toolbar .right-controls-container > * {
			width: 100%;
			margin: 0;
		}

		.history-chart-toolbar .breadcrumbs-container {
			min-height: 0;
		}
	}

	.current-plan-container.svelte-1tv8irb .line-container {
		background-color: var(--color-theme-card-01);
	}

	html[data-ds-color-mode='light'] .settings-v2.svelte-1djq2y6 .container.type-borderSolid {
		border-color: var(--color-theme-border-03);
	}

	html[data-ds-color-mode='light'] .settings-v2.svelte-1djq2y6 .container-divider {
		border-top-color: var(--color-theme-border-03);
	}

	/* Below the design system's md breakpoint (640px) the button stacks under the avatar, centered. */
	@media (max-width: 639px) {
		.avatar-upload-row.svelte-1rex0zh {
			flex-direction: column;
		}
	}

	.avatar-picker-upload-rectangular.svelte-1rex0zh .upload-shape-rectangular.image-upload.type-circle {
		border-radius: var(--radius-big);
	}

	.avatar-picker-upload-rectangular.svelte-1rex0zh
		.upload-shape-rectangular.image-upload.type-circle::before {
		border-radius: var(--radius-big);
	}

	.avatar-picker-upload-rectangular.svelte-1rex0zh .upload-shape-rectangular.image-upload .image-dash {
		display: none;
	}

	.avatar-picker-upload-rectangular.svelte-1rex0zh
		.upload-shape-rectangular.image-upload.type-circle:not(.disabled) {
		box-shadow: inset 0 0 0 2px var(--color-primary);
	}

	.avatar-picker-upload-rectangular.svelte-1rex0zh
		.upload-shape-rectangular.image-upload.type-circle.disabled {
		box-shadow: inset 0 0 0 2px var(--color-3);
	}

	.step-content.svelte-igqcz9 {
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.lottie-wrapper.svelte-igqcz9 {
		display: flex;
		flex: 1 1 auto;
		min-height: 0;
		width: 100%;
		justify-content: center;
		align-items: center;
	}

	.label-list.svelte-1tx4b09 {
		user-select: none;
		pointer-events: none;
	}

	.code-container.svelte-o0k3wd {
		margin-bottom: 8px;
	}

	.code-container.svelte-o0k3wd:last-child {
		margin-bottom: 0;
	}

	.actions-row.svelte-o0k3wd {
		min-width: 0;
	}

	.countdown-wrapper.svelte-o0k3wd {
		max-width: 100%;
		overflow: hidden;
	}

	.menu-reorder-profile-row.svelte-1nqpkie {
		display: flex;
		align-items: center;
		flex: 1;
		min-width: 0;
	}

	.menu-reorder-preview-profile.svelte-1nqpkie {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 8px;
		border-radius: var(--radius-small);
		box-sizing: border-box;
	}

	.menu-order-preview-dock.svelte-1nqpkie {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-width: 0;
		gap: var(--spacing-m);
		padding-inline: var(--spacing-m);
		box-sizing: border-box;
	}

	.menu-order-preview-dock__primary.svelte-1nqpkie,
	.menu-order-preview-dock__footer.svelte-1nqpkie {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		gap: var(--spacing-m);
		flex: 0 0 auto;
		min-width: 0;
	}

	.menu-order-preview-dock__footer.svelte-1nqpkie {
		margin-left: 0;
		padding-left: 0;
		border-left: none;
	}

	.menu-order-preview-dock.svelte-1nqpkie .menu-item.mobile:not(.new-layout),
	.menu-order-preview-dock.svelte-1nqpkie .menu-item.mobile:not(.desktop):not(.new-layout) {
		flex: 1 1 0 !important;
		min-width: 0 !important;
		width: auto !important;
		max-width: 96px !important;
		box-sizing: border-box !important;
		overflow: hidden;
	}

	.menu-order-preview-dock.svelte-1nqpkie .menu-item.mobile:not(.new-layout) .menu-item-text {
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
	}

	@media screen and (max-width: 1123px) {
		.menu-order-preview-dock.svelte-1nqpkie .menu-item.mobile:not(.new-layout),
		.menu-order-preview-dock.svelte-1nqpkie .menu-item.mobile:not(.desktop):not(.new-layout) {
			max-width: 78px !important;
		}
	}

	@media screen and (max-width: 639px) {
		.menu-order-preview-dock.svelte-1nqpkie {
			gap: var(--spacing-s);
			padding-inline: var(--spacing-s);
		}

		.menu-order-preview-dock__primary.svelte-1nqpkie,
		.menu-order-preview-dock__footer.svelte-1nqpkie {
			gap: var(--spacing-s);
		}

		.menu-order-preview-dock.svelte-1nqpkie .menu-item.mobile:not(.new-layout),
		.menu-order-preview-dock.svelte-1nqpkie .menu-item.mobile:not(.desktop):not(.new-layout) {
			max-width: 64px !important;
		}
	}

	.unit-item-home-card.svelte-1v6ukv6 .advanced-card {
		overflow: visible;
	}

	/* display: contents lets the inner button sit directly in the footer flex
	   row, so it sizes identically to the Cancel button at every breakpoint. */
	.hold-delete-host.svelte-1bmu0el {
		display: contents;
	}

	.hold-delete-host.svelte-1bmu0el .hold-delete-btn {
		position: relative;
		overflow: hidden;
		touch-action: none;
		user-select: none;
		-webkit-user-select: none;
	}

	.hold-delete-host.svelte-1bmu0el .hold-delete-btn.hold-delete-active::before {
		content: '';
		position: absolute;
		inset: 0 auto 0 0;
		width: var(--hold-progress, 0%);
		background: rgba(0, 0, 0, 0.2);
		border-radius: inherit;
		pointer-events: none;
		z-index: 0;
	}

	.hold-delete-host.svelte-1bmu0el .hold-delete-btn .button-text {
		position: relative;
		z-index: 1;
	}

	.hold-delete-seconds.svelte-1bmu0el {
		display: inline-block;
		min-width: 1.25em;
		text-align: center;
		font-variant-numeric: tabular-nums;
	}

	@media (min-width: 640px) {
		.footer-actions.svelte-1bmu0el {
			flex-direction: row;
			justify-content: flex-end;
			align-items: center;
		}
	}

	@media (max-width: 639px) {
		.footer-actions.svelte-1bmu0el {
			flex-direction: column;
			align-items: stretch;
		}
	}

	/* Prevent long-press text selection in this destructive flow on touch devices. */
	@media (hover: none) and (pointer: coarse) {
		.delete-home-modal-content.svelte-1bmu0el,
		.footer-actions.svelte-1bmu0el,
		.footer-actions.svelte-1bmu0el * {
			user-select: none;
			-webkit-user-select: none;
			-webkit-touch-callout: none;
		}
	}

	.info-icon.svelte-1cmdv0 {
		display: inline-flex;
		flex-shrink: 0;
		align-items: center;
		justify-content: center;
		width: 32px;
		height: 32px;
	}

	.info-icon-badge.svelte-1cmdv0 {
		background-color: var(--color-danger-10);
		border-radius: 50%;
	}

	.preview-home-card.svelte-r7qlvi .advanced-card {
		overflow: visible;
	}

	.preview-home-card.svelte-r7qlvi .left-container {
		padding-right: 10px;
		padding-bottom: 8px;
	}

	.shared-home-card.svelte-10skhli .theme-text-sec {
		font-weight: 500 !important;
	}

	.shared-home-card.svelte-10skhli .advanced-card {
		overflow: visible;
	}

	/* Same home-card tweaks as UnitItem / SharedHomeItem — overflow/badge belong in DS. */
	.pending-home-card.svelte-aq0f5i .advanced-card {
		overflow: visible;
	}
	.pending-home-card.svelte-aq0f5i .rectangular-avatar-wrapper .avatar-badge {
		bottom: 0;
		right: 0;
		z-index: 4;
	}

	.device-grid.svelte-1jgmiyf {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: var(--spacing-xs);
	}

	.device-grid.svelte-1jgmiyf > .select-card-v2-container,
	.device-grid.svelte-1jgmiyf > .select-card-container {
		min-width: 0;
	}

	@media (max-width: 639px) {
		.device-grid.svelte-1jgmiyf {
			grid-template-columns: 1fr;
		}
	}

	.installer-code-container {
		background-color: #191a1e !important;
		border: 1px solid #212128 !important;
	}

	.actions-row.svelte-1av22lx {
		min-width: 0;
	}

	.countdown-wrapper.svelte-1av22lx {
		max-width: 100%;
		overflow: hidden;
	}

	@media (max-width: 639px) {
		.timezone-actions.svelte-mjsw3e {
			flex-direction: column;
			min-width: 0;
		}
	}

	.pending-home-card.svelte-3eufby .advanced-card {
		overflow: visible;
	}

	.selectra-tariff-chart.svelte-1h2mymu .layer-chart-theme,
	.selectra-tariff-chart.svelte-1h2mymu .layer-chart-theme .lc-area-chart,
	.selectra-tariff-chart.svelte-1h2mymu .layer-chart-theme svg {
		overflow: visible;
	}

	.selectra-tariff-chart.svelte-1h2mymu .layer-chart-theme .lc-area-chart {
		padding-bottom: var(--spacing-m);
		box-sizing: border-box;
	}

	.energy-price-location.svelte-b6hst9 {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: var(--spacing-s);
	}

	.energy-price-location__text.svelte-b6hst9 {
		min-width: 0;
		flex: 1;
	}

	.energy-price-location__controls.svelte-b6hst9 {
		display: flex;
		align-items: center;
		flex-shrink: 0;
		gap: 12px;
	}

	.energy-price-location__inputs.svelte-b6hst9 {
		display: flex;
		align-items: center;
		gap: 12px;
	}

	.energy-price-location__actions.svelte-b6hst9 {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 12px;
	}

	.energy-price-card.svelte-b6hst9 {
		border-radius: 16px;
		padding: 16px;
		box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
		position: relative;
		overflow: hidden;
		transition:
			box-shadow 0.2s ease,
			transform 0.2s ease;
	}

	.energy-price-card.svelte-b6hst9::before {
		content: '';
		position: absolute;
		inset: auto -32px -48px auto;
		width: 144px;
		height: 144px;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 50%;
		pointer-events: none;
	}

	.energy-price-card.svelte-b6hst9:hover {
		transform: translateY(-1px);
		box-shadow: 0 10px 28px rgba(15, 23, 42, 0.16);
	}

	.energy-price-card__content.svelte-b6hst9 {
		position: relative;
		z-index: 1;
		display: flex;
		align-items: center;
		gap: 12px;
		margin-bottom: 12px;
	}

	.energy-price-card__icon.svelte-b6hst9 {
		flex-shrink: 0;
		width: 48px;
		height: 48px;
		background: rgba(255, 255, 255, 0.2);
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #ffffff;
		font-size: 22px;
	}

	.energy-price-card__text.svelte-b6hst9 {
		flex: 1;
		min-width: 0;
	}

	.energy-price-card__action.svelte-b6hst9 {
		flex-shrink: 0;
	}

	.energy-price-card__footer.svelte-b6hst9 {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-top: 8px;
		position: relative;
		z-index: 1;
	}

	@media (max-width: 768px) {
		.energy-price-location.svelte-b6hst9 {
			flex-direction: column;
			align-items: stretch;
		}

		.energy-price-location__controls.svelte-b6hst9,
		.energy-price-location__inputs.svelte-b6hst9,
		.energy-price-location__actions.svelte-b6hst9 {
			flex-direction: column;
			align-items: stretch;
		}

		.energy-price-card.svelte-b6hst9 {
			padding: 14px;
		}

		.energy-price-card__content.svelte-b6hst9 {
			flex-wrap: wrap;
		}

		.energy-price-card__icon.svelte-b6hst9 {
			width: 44px;
			height: 44px;
			font-size: 20px;
		}

		.energy-price-card__action.svelte-b6hst9 {
			width: 100%;
		}
	}

	img.svelte-16t8mej {
		max-width: 100%;
	}

	.device-grid.svelte-1hucjpj {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: var(--spacing-xs);
	}

	.device-grid.svelte-1hucjpj > .select-card-v2-container,
	.device-grid.svelte-1hucjpj > .select-card-container {
		min-width: 0;
	}

	@media (max-width: 639px) {
		.device-grid.svelte-1hucjpj {
			grid-template-columns: 1fr;
		}
	}

	.input-wrapper.svelte-uykenu {
		position: relative;
		background: var(--color-base);
		border-radius: var(--radius-small);
		overflow: hidden;
		width: 100%;
		border: 1px solid var(--color-3);
		max-height: calc(100% - 20px);
		display: flex;
		flex-direction: column;
	}

	.input-wrapper.input-wrapper.error.svelte-uykenu {
		border-color: var(--color-danger); /* Change border color when error */
	}
	.input-wrapper.expanded.svelte-uykenu {
		box-shadow: var(--shadow-glow-soft);
		border: 1px solid var(--color-primary);
	}
	.search-field-box.svelte-uykenu {
		padding: 0 5px;
		display: flex;
		align-items: center;
		background: var(--color-base);
	}
	input.svelte-uykenu {
		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-uykenu::placeholder {
		font-family: var(--font-family);
		font-size: 13px;
		line-height: 16px;
		font-style: italic;
		color: var(--color-muted);
	}
	.input-wrapper.svelte-uykenu input:where(.svelte-uykenu) {
		opacity: 1;
		position: relative;
		padding: 0 10px 0 5px;
		width: 100%;
	}

	.validation-text.svelte-uykenu {
		font-family: var(--font-family);
		font-style: normal;
		font-weight: normal;
		font-size: 10px;
		line-height: 12px;
		color: var(--color-white);
		margin: 0;
		margin-top: var(--spacing-xxs);
		margin-left: 6px;
		color: var(--color-danger);
	}

	.icon.svelte-190on7e {
		height: 16px;
		padding-right: 8px;
	}

	.invoice-detail.svelte-112pj8z {
		display: flex;
		flex-direction: column;
		gap: 4px;
		margin-bottom: var(--spacing-s);
		min-width: 0;
	}

	/* (unused) .invoice-detail__label,
	.invoice-detail__value {
		min-width: 0;
		overflow-wrap: anywhere;
		word-break: break-word;
	}*/

	.invoice-details-actions.svelte-112pj8z {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-s);
	}

	@media screen and (min-width: 640px) {
		.invoice-detail.svelte-112pj8z {
			flex-direction: row;
			align-items: flex-start;
			gap: var(--spacing-s);
		}

		/* (unused) .invoice-detail__label {
			flex: 0 1 200px;
		}*/

		/* (unused) .invoice-detail__value {
			flex: 1 1 0;
		}*/

		.invoice-details-actions.svelte-112pj8z {
			flex-direction: row;
			flex-wrap: wrap;
		}
	}

	.invoice-list.svelte-dhxprd {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-s);
		min-width: 0;
	}

	.invoice-list__row.svelte-dhxprd {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--spacing-s);
		min-width: 0;
	}

	.invoice-list__meta.svelte-dhxprd {
		display: flex;
		flex-direction: column;
		gap: 2px;
		min-width: 0;
		overflow-wrap: anywhere;
	}

	.benefits-show-more.svelte-1x1wv8i {
		position: relative;
		width: 100%;
	}

	.benefits-show-more-clip.svelte-1x1wv8i {
		width: 100%;
		overflow: hidden;
		transition: max-height 0.4s ease;
	}

	.benefits-show-more-clip.svelte-1x1wv8i > * {
		width: 100%;
	}

	.benefits-show-more-fade.svelte-1x1wv8i {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		align-items: flex-end;
		justify-content: center;
		padding-bottom: 12px;
		height: 96px;
		background: linear-gradient(to top, var(--color-base) 12%, transparent 100%);
		pointer-events: none;
	}

	.benefits-show-more-fade.svelte-1x1wv8i button,
	.benefits-show-more-fade.svelte-1x1wv8i .button {
		pointer-events: auto;
	}

	.benefit-table-header {
		align-items: center;
	}

	.benefit-table-header-cell {
		display: flex;
		align-items: center;
		min-height: 40px;
	}

	.benefit-table-header-cell--plan {
		justify-content: center;
	}

	.benefit-header-icon.svelte-jk5uwb {
		display: none;
		align-items: center;
		justify-content: center;
		width: 100%;
	}

	.benefit-header-icon--standard.svelte-jk5uwb {
		color: var(--color-primary, #2491ff);
	}

	.benefit-header-icon-badge.svelte-jk5uwb {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: 36px;
		height: 36px;
		border: 1px solid transparent;
		border-radius: 50%;
	}

	.benefit-header-icon--standard.svelte-jk5uwb .benefit-header-icon-badge:where(.svelte-jk5uwb) {
		border-color: rgba(36, 145, 255, 0.42);
		background: linear-gradient(145deg, rgba(36, 145, 255, 0.24), rgba(36, 145, 255, 0.08));
		box-shadow: 0 8px 22px -12px rgba(36, 145, 255, 0.95);
	}

	.benefit-header-icon--premium.svelte-jk5uwb .benefit-header-icon-badge:where(.svelte-jk5uwb) {
		border-color: rgba(244, 224, 168, 0.48);
		background: linear-gradient(145deg, rgba(219, 183, 81, 0.24), rgba(255, 243, 207, 0.08));
		box-shadow: 0 8px 22px -12px rgba(219, 183, 81, 0.95);
	}

	@media screen and (max-width: 639px) {
		.benefit-header-label {
			display: none !important;
		}

		.benefit-header-icon.svelte-jk5uwb {
			display: flex;
		}
	}

	.cancel-subscription-actions.svelte-1nm8yfn {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: var(--spacing-s);
		min-width: 0;
	}

	.cancel-subscription-actions.svelte-1nm8yfn button {
		width: 100%;
	}

	@media screen and (min-width: 640px) {
		.cancel-subscription-actions.svelte-1nm8yfn {
			flex-direction: row;
			flex-wrap: wrap;
			align-items: center;
		}

		.cancel-subscription-actions.svelte-1nm8yfn button {
			width: auto;
		}
	}

	.voucher-list.svelte-174726a {
		display: grid;
		grid-template-columns: 1fr;
		gap: var(--spacing-s);
		min-width: 0;
	}

	@media screen and (min-width: 900px) {
		.voucher-list.svelte-174726a {
			grid-template-columns: 1fr 1fr;
		}
	}

	.voucher-card.svelte-174726a {
		width: 100%;
		min-width: 0;
	}

	.voucher-card__inner.svelte-174726a {
		padding: var(--spacing-m);
	}

	.voucher-card__row.svelte-174726a {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
		gap: var(--spacing-xs) var(--spacing-s);
		min-width: 0;
	}

	.voucher-card__code.svelte-174726a,
	.voucher-card__status.svelte-174726a {
		display: flex;
		align-items: center;
		gap: var(--spacing-xs);
		min-width: 0;
	}

	.lower-opacity.svelte-174726a {
		opacity: 0.5;
	}

	.sub-pill-btn {
		background: #ffffff !important;
		background-image: none !important;
		color: #010101 !important;
		border: none !important;
		border-radius: 200px !important;
		box-shadow: none !important;
		min-width: 170px;
		height: 40px !important;
		padding: 10px 24px !important;
	}

	.sub-pill-btn .button-text,
	.sub-pill-btn * {
		color: #010101 !important;
		font-weight: 600 !important;
	}

	.service-banner.svelte-u8mhm7 {
		position: relative;
		background: var(--banner-surface);
		border-radius: 4px;
		overflow: hidden;
		width: 100%;
		min-height: 64px;
		padding: 8px 16px 0;
		display: flex;
		align-items: center;
	}

	.service-banner.svelte-u8mhm7::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 8px;
		background: var(--banner-bar);
		border-radius: 4px 4px 0 0;
	}

	.service-banner--subscribed.svelte-u8mhm7 {
		background: var(--banner-strip);
		border-radius: 12px;
		padding: 8px 16px 0;
	}

	.service-banner--subscribed.svelte-u8mhm7::before {
		border-radius: 12px 12px 0 0;
	}

	.service-banner__body.svelte-u8mhm7 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 12px;
		width: 100%;
		min-height: 56px;
		padding: 8px 0;
	}

	.service-banner__left.svelte-u8mhm7 {
		display: flex;
		align-items: center;
		gap: 6px;
		min-width: 0;
		flex: 1 1 auto;
	}

	.service-banner__copy.svelte-u8mhm7 {
		display: flex;
		flex-direction: column;
		gap: 2px;
		min-width: 0;
	}

	.service-banner--subscribed.svelte-u8mhm7 .service-banner__copy:where(.svelte-u8mhm7) {
		gap: 6px;
	}

	.service-banner__icon,
	.service-banner__icon i {
		color: var(--banner-icon) !important;
	}

	.service-banner__title-text,
	.service-banner__title-text * {
		color: var(--color-4, #eaeaea) !important;
	}

	.service-banner__subtitle-text,
	.service-banner__subtitle-text * {
		color: #ffffff !important;
		opacity: 0.7;
	}

	.service-banner--subscribed.svelte-u8mhm7 .service-banner__title-text,
	.service-banner--subscribed.svelte-u8mhm7 .service-banner__title-text *,
	.service-banner--subscribed.svelte-u8mhm7 .service-banner__status-text,
	.service-banner--subscribed.svelte-u8mhm7 .service-banner__status-text *,
	.service-banner--subscribed.svelte-u8mhm7 .service-banner__strip-text,
	.service-banner--subscribed.svelte-u8mhm7 .service-banner__strip-text * {
		color: var(--strip-text) !important;
	}

	@media screen and (max-width: 639px) {
		.service-banner.svelte-u8mhm7,
		.service-banner--subscribed.svelte-u8mhm7 {
			padding-left: 16px;
			padding-right: 16px;
		}
	}

	.ccs-banner-copy.svelte-h8nn2f {
		display: flex;
		flex-direction: column;
		gap: 4px;
		min-width: 0;
	}

	.min-width-0.svelte-h8nn2f {
		min-width: 0;
	}

	.ccs-benefits.svelte-gpz8r7 {
		width: 100%;
	}

	.ccs-benefit-header.svelte-gpz8r7,
	.ccs-benefit-row.svelte-gpz8r7 {
		display: grid;
		grid-template-columns: minmax(0, 1fr) repeat(2, minmax(104px, 184px));
	}

	.ccs-benefit-header.svelte-gpz8r7 {
		align-items: center;
		min-height: 40px;
	}

	.ccs-benefit-header.svelte-gpz8r7 .text {
		min-width: 0;
	}

	.ccs-standard-label,
	.ccs-storage-label {
		text-align: center;
	}

	.ccs-column-header.svelte-gpz8r7,
	.ccs-header-icon.svelte-gpz8r7 {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ccs-column-header--description.svelte-gpz8r7 {
		justify-content: flex-start;
	}

	.ccs-header-icon.svelte-gpz8r7 {
		display: none;
		width: 100%;
	}

	.ccs-header-icon-badge.svelte-gpz8r7 {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: 36px;
		height: 36px;
		border: 1px solid transparent;
		border-radius: 50%;
	}

	.ccs-standard-label {
		color: var(--color-primary, #2491ff);
	}

	.ccs-standard-label.svelte-gpz8r7 .ccs-header-label {
		color: #ffffff;
	}

	.ccs-standard-label.svelte-gpz8r7 .ccs-header-icon-badge:where(.svelte-gpz8r7) {
		border-color: rgba(36, 145, 255, 0.42);
		background: linear-gradient(145deg, rgba(36, 145, 255, 0.24), rgba(36, 145, 255, 0.08));
		box-shadow: 0 8px 22px -12px rgba(36, 145, 255, 0.95);
	}

	.ccs-storage-label,
	.ccs-storage-value.svelte-gpz8r7 {
		color: #b26eff;
	}

	.ccs-storage-label.svelte-gpz8r7 .ccs-header-icon-badge:where(.svelte-gpz8r7) {
		border-color: rgba(178, 110, 255, 0.5);
		background: linear-gradient(145deg, rgba(219, 92, 244, 0.25), rgba(142, 54, 236, 0.1));
		box-shadow: 0 8px 22px -12px rgba(178, 110, 255, 1);
	}

	.ccs-benefit-row.svelte-gpz8r7 {
		align-items: stretch;
		border-bottom: 1px solid var(--color-2, #303235);
	}

	.ccs-benefit-row.svelte-gpz8r7:last-child {
		border-bottom: none;
	}

	.ccs-benefit-description.svelte-gpz8r7 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-width: 0;
		padding: 8px 0;
	}

	.ccs-benefit-description.svelte-gpz8r7 .ccs-benefit-subtitle {
		white-space: pre-line;
	}

	.ccs-benefit-value.svelte-gpz8r7 {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 2px;
		min-width: 0;
		padding: 8px;
		text-align: center;
	}

	.ccs-benefit-value-primary.svelte-gpz8r7 {
		font-size: 13px;
		font-weight: 700;
		line-height: 16px;
	}

	.ccs-benefit-value-label.svelte-gpz8r7 {
		font-size: 10px;
		font-weight: 500;
		line-height: 12px;
	}

	@media screen and (max-width: 639px) {
		.ccs-header-label {
			display: none !important;
		}

		.ccs-header-icon.svelte-gpz8r7 {
			display: flex;
		}

		.ccs-benefit-header.svelte-gpz8r7,
		.ccs-benefit-row.svelte-gpz8r7 {
			grid-template-columns: minmax(130px, 1fr) repeat(2, 104px);
		}

		.ccs-benefits.svelte-gpz8r7 {
			overflow-x: auto;
		}
	}

	.choose-plan-card.svelte-7jy57g {
		position: relative;
		border-radius: 14px;
		padding: 1px;
		background: transparent;
		min-height: 190px;
		width: 100%;
		overflow: visible;
	}

	.choose-plan-card--active.svelte-7jy57g {
		background: var(--active-border);
		box-shadow: 0 0 16px 2px var(--active-glow);
	}

	.choose-plan-card__inner.svelte-7jy57g {
		position: relative;
		background: var(--card-surface);
		border-radius: 13px;
		overflow: hidden;
		min-height: 188px;
		height: 100%;
	}

	.choose-plan-card__save.svelte-7jy57g {
		position: absolute;
		top: 0;
		left: 0;
		display: inline-flex;
		align-items: center;
		gap: 4px;
		background: var(--save-bg);
		color: var(--save-color);
		border-bottom-right-radius: 10px;
		padding: 4px 8px;
		z-index: 1;
	}

	.choose-plan-card__save.svelte-7jy57g .text,
	.choose-plan-card__save.svelte-7jy57g p {
		color: var(--save-color) !important;
		font-size: 11px !important;
	}

	.choose-plan-card__save.svelte-7jy57g i {
		color: var(--save-icon-color) !important;
		font-size: 11px !important;
	}

	.choose-plan-card__content.svelte-7jy57g {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		gap: 14px;
		padding: 14px 24px;
		min-height: 190px;
	}

	.choose-plan-pill.svelte-7jy57g {
		background: var(--pill-bg);
		color: var(--pill-color);
		border-radius: 11px;
		padding: 4px 8px;
		min-height: 21px;
		display: inline-flex;
		align-items: center;
	}

	.choose-plan-pill.svelte-7jy57g .text,
	.choose-plan-pill.svelte-7jy57g p {
		color: var(--pill-color) !important;
		font-size: 11px !important;
		font-weight: 700 !important;
	}

	/* (unused) .choose-plan-card__price :global(.text),
	.choose-plan-card__price {
		font-size: 22px;
	}*/

	.choose-plan-card__meta.svelte-7jy57g {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0;
	}

	.choose-plan-card__footer.svelte-7jy57g {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 40px;
		width: 100%;
	}

	.choose-plan-card__state.svelte-7jy57g {
		display: inline-flex;
		align-items: center;
		gap: 6px;
	}

	.choose-plan-card__state--active.svelte-7jy57g,
	.choose-plan-card__state--active.svelte-7jy57g .text,
	.choose-plan-card__state--active.svelte-7jy57g i {
		color: var(--status-active, #66d092) !important;
	}

	.ccs-plans-grid.svelte-ixhc7v {
		position: relative;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
		grid-gap: var(--spacing-s);
		z-index: 0;
		overflow: visible;
		padding: 8px 8px 24px;
	}

	.ccs-success-emblem.svelte-175b8w0 {
		width: 96px;
		height: 96px;
		border-radius: 50%;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: #ffffff;
		font-size: 36px;
	}

	.ccs-plans-section.svelte-ytj5c4 {
		overflow: visible;
		padding-bottom: 8px;
	}

	.ccs-success-overlay.svelte-ytj5c4 {
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, 0.6);
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 1000;
		padding: 16px;
	}

	.ccs-success-card.svelte-ytj5c4 {
		background: var(--color-base);
		border: 1px solid var(--color-2);
		border-radius: 16px;
		padding: 24px;
		max-width: 480px;
		width: 100%;
	}

	.ccs-skip-button.svelte-ytj5c4 {
		background: transparent;
		border: none;
		color: var(--color-3);
		cursor: pointer;
		font-size: 13px;
		text-decoration: underline;
	}

	.ccs-skip-button.svelte-ytj5c4:hover {
		color: var(--color-white);
	}

	.ei-benefits.svelte-8mbs9n {
		width: 100%;
	}

	.ei-benefit-header.svelte-8mbs9n,
	.ei-benefit-row.svelte-8mbs9n {
		display: grid;
		grid-template-columns: minmax(0, 1fr) repeat(2, minmax(104px, 184px));
	}

	.ei-benefit-header.svelte-8mbs9n {
		align-items: center;
		min-height: 40px;
	}

	.ei-benefit-header.svelte-8mbs9n .text {
		min-width: 0;
	}

	.ei-standard-label,
	.ei-featured-label {
		text-align: center;
	}

	.ei-column-header.svelte-8mbs9n,
	.ei-header-icon.svelte-8mbs9n {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ei-column-header--description.svelte-8mbs9n {
		justify-content: flex-start;
	}

	.ei-header-icon.svelte-8mbs9n {
		display: none;
		width: 100%;
	}

	.ei-header-icon-badge.svelte-8mbs9n {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: 36px;
		height: 36px;
		border: 1px solid transparent;
		border-radius: 50%;
	}

	.ei-standard-label {
		color: var(--color-primary, #2491ff);
	}

	.ei-standard-label.svelte-8mbs9n .ei-header-label {
		color: #ffffff;
	}

	.ei-standard-label.svelte-8mbs9n .ei-header-icon-badge:where(.svelte-8mbs9n) {
		border-color: rgba(36, 145, 255, 0.42);
		background: linear-gradient(145deg, rgba(36, 145, 255, 0.24), rgba(36, 145, 255, 0.08));
		box-shadow: 0 8px 22px -12px rgba(36, 145, 255, 0.95);
	}

	.ei-featured-label,
	.ei-featured-value.svelte-8mbs9n {
		color: #5fbb5c;
	}

	.ei-featured-label.svelte-8mbs9n .ei-header-icon-badge:where(.svelte-8mbs9n) {
		border-color: rgba(95, 187, 92, 0.5);
		background: linear-gradient(145deg, rgba(166, 224, 142, 0.25), rgba(95, 187, 92, 0.1));
		box-shadow: 0 8px 22px -12px rgba(95, 187, 92, 1);
	}

	.ei-benefit-row.svelte-8mbs9n {
		align-items: stretch;
		border-bottom: 1px solid var(--color-2, #303235);
	}

	.ei-benefit-row.svelte-8mbs9n:last-child {
		border-bottom: none;
	}

	.ei-benefit-description.svelte-8mbs9n {
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-width: 0;
		padding: 8px 0;
	}

	.ei-benefit-description.svelte-8mbs9n .ei-benefit-subtitle {
		white-space: pre-line;
	}

	.ei-benefit-value.svelte-8mbs9n {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 2px;
		min-width: 0;
		padding: 8px;
		text-align: center;
	}

	.ei-benefit-value-primary.svelte-8mbs9n {
		font-size: 13px;
		font-weight: 700;
		line-height: 16px;
	}

	.ei-benefit-value-label.svelte-8mbs9n {
		font-size: 10px;
		font-weight: 500;
		line-height: 12px;
	}

	@media screen and (max-width: 639px) {
		.ei-header-label {
			display: none !important;
		}

		.ei-header-icon.svelte-8mbs9n {
			display: flex;
		}

		.ei-benefit-header.svelte-8mbs9n,
		.ei-benefit-row.svelte-8mbs9n {
			grid-template-columns: minmax(130px, 1fr) repeat(2, 104px);
		}

		.ei-benefits.svelte-8mbs9n {
			overflow-x: auto;
		}
	}

	.ei-plans-grid.svelte-1c6y7z7 {
		position: relative;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
		grid-gap: var(--spacing-s);
		z-index: 0;
		overflow: visible;
		padding: 8px 8px 24px;
	}

	.ei-success-emblem.svelte-wl7vf8 {
		width: 96px;
		height: 96px;
		border-radius: 50%;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: #ffffff;
		font-size: 36px;
	}

	.ei-plans-section.svelte-1boal88 {
		overflow: visible;
		padding-bottom: 8px;
	}

	.plan-info-card.svelte-7z0mmh {
		background: var(--card-surface);
		border-radius: 14px;
		padding: 14px;
		min-height: 138px;
		display: flex;
		flex-direction: column;
		gap: 14px;
		width: 100%;
	}

	.plan-info-card__row.svelte-7z0mmh {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		min-width: 0;
	}

	.plan-info-card__body.svelte-7z0mmh {
		flex: 1;
		min-width: 0;
	}

	.plan-info-card__footer.svelte-7z0mmh {
		align-items: center;
	}

	.plan-info-pill.svelte-7z0mmh {
		background: var(--pill-bg);
		color: var(--pill-color);
		border-radius: 11px;
		padding: 4px 8px;
		display: inline-flex;
		align-items: center;
		min-height: 21px;
	}

	.plan-info-pill.svelte-7z0mmh .text,
	.plan-info-pill.svelte-7z0mmh p {
		color: var(--pill-color) !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		line-height: 1 !important;
	}

	.plan-info-status.svelte-7z0mmh {
		display: flex;
		align-items: center;
		gap: 6px;
		flex-shrink: 0;
	}

	.plan-info-status__item.svelte-7z0mmh {
		display: inline-flex;
		align-items: center;
		gap: 4px;
	}

	.plan-info-status__dot.svelte-7z0mmh {
		color: var(--color-3, #9096a0);
		font-size: 12px;
	}

	.plan-info-status__item--active.svelte-7z0mmh,
	.plan-info-status__item--active.svelte-7z0mmh .text,
	.plan-info-status__item--active.svelte-7z0mmh i {
		color: var(--status-active, #66d092) !important;
	}

	.plan-info-status__item--cancelled.svelte-7z0mmh,
	.plan-info-status__item--cancelled.svelte-7z0mmh .text,
	.plan-info-status__item--cancelled.svelte-7z0mmh i {
		color: var(--color-danger, #ff5c5c) !important;
	}

	.plan-info-status__item--muted.svelte-7z0mmh,
	.plan-info-status__item--muted.svelte-7z0mmh .text,
	.plan-info-status__item--muted.svelte-7z0mmh i {
		color: var(--color-3, #9096a0) !important;
	}

	.plan-info-progress.svelte-7z0mmh {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	.plan-info-progress__track.svelte-7z0mmh {
		width: 100%;
		max-width: 200px;
		height: 4px;
		border-radius: 4px;
		background: rgba(255, 255, 255, 0.12);
		overflow: hidden;
	}

	.plan-info-progress__fill.svelte-7z0mmh {
		height: 100%;
		border-radius: 4px;
		background: var(--progress-fill);
	}

	.plan-information-grid.svelte-zd4c75 {
		display: grid;
		grid-template-columns: 1fr;
		gap: 14px;
		width: 100%;
	}

	@media screen and (min-width: 900px) {
		.plan-information-grid.svelte-zd4c75 {
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}

	.choose-plan-grid.svelte-1oitit7 {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
		gap: var(--spacing-s);
		width: 100%;
		overflow: visible;
		padding: 6px 2px;
	}

	.max-height-100 {
		max-height: 100%;
	}

	/* (unused) .lower-opacity {
		opacity: 0.5;
	}*/

	/* (unused) .line-through {
		text-decoration: line-through;
	}*/

	/* Fix for BTGG-230: Force left-align for collapse titles in TRV/GW settings */
	.collapse-title-left-align .collapse-header {
		text-align: left !important;
	}

	.stat-dash-line-bottom.svelte-12d8pxi {
		border-bottom: 1px solid transparent;
		border-image: repeating-linear-gradient(
				to right,
				rgba(63, 63, 63, 1) 0 8px,
				transparent 8px 16px
			)
			1;
	}
	.statistic-container.svelte-12d8pxi {
		border-radius: 8px;
		padding: 5px 12px 12px;
		border: 1px solid rgba(63, 63, 63, 1);
	}

	.statistic-container .list-item {
		background: transparent !important;
	}

	.device-drawer-chart-card.svelte-1g78yiz {
		position: relative;
		min-width: 0;
	}

	/* Detailed series, tariff, and returned-energy values belong to the full-screen chart. */
	.device-drawer-chart-card.svelte-1g78yiz .lc-card-tooltip {
		display: none !important;
	}

	.full-screen-chart-card.svelte-1g78yiz {
		position: relative;
	}

	.full-screen-chart-card.svelte-1g78yiz .lc-card.full-screen {
		overflow: visible;
	}

	.device-drawer-chart-tokens.svelte-1g78yiz {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xs);
		margin-top: var(--spacing-s);
		padding: 0 var(--spacing-xs);
	}

	.device-drawer-chart-tokens.svelte-1g78yiz > div:where(.svelte-1g78yiz) {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xs);
		min-width: 0;
	}

	@media (min-width: 768px) {
		.modal-container.full-screen-chart-modal.type-default {
			width: 80% !important;
			max-height: 90vh !important;
		}
	}

	.grid.svelte-174f1k5 {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
		gap: var(--spacing-s);
	}
	thead.svelte-174f1k5 th:where(.svelte-174f1k5) {
		text-align: center;
	}
	tbody.svelte-174f1k5 > tr:where(.svelte-174f1k5) > td:where(.svelte-174f1k5) {
		font-size: 12px;
	}

	.preview-holder.svelte-i9hms0 {
		background: var(--color-base);
		height: 100%;
		overflow: hidden;
		position: relative;
	}
	.preview-image.svelte-i9hms0 {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	.preview-overlay.svelte-i9hms0 {
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.4);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: opacity 0.3s;
	}

	/* Top-left overlay: matches dashboard / widget badge placement (top: 0, left: 0, z-index above center overlay). */
	.slot-top-left.svelte-i9hms0 {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		pointer-events: none;
		box-sizing: border-box;
	}

	.width-preview-s.svelte-i9hms0 {
		width: 80px;
	}

	.aspect-16-9.svelte-i9hms0 {
		aspect-ratio: 16/9;
	}
	.aspect-4-3.svelte-i9hms0 {
		aspect-ratio: 4/3;
	}

	.border-radius-small.svelte-i9hms0 {
		border-radius: var(--radius-small);
	}
	.border-radius-medium.svelte-i9hms0 {
		border-radius: var(--radius-medium);
	}
	.border-radius-big.svelte-i9hms0 {
		border-radius: var(--radius-big);
	}
	.border-radius-extra-big.svelte-i9hms0 {
		border-radius: var(--radius-extra-big);
	}
.event-log-premium-hint.svelte-rbzq2h {
  position: relative;
}

.ghost-rows.svelte-rbzq2h {
  --scroll-dissolve-start: 100%;
  --scroll-dissolve-end: 0px;
  pointer-events: none;
  user-select: none;
  filter: blur(3px);
  -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-dissolve-start)), transparent calc(100% - var(--scroll-dissolve-end)), transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-dissolve-start)), transparent calc(100% - var(--scroll-dissolve-end)), transparent 100%);
}
.ghost-rows.svelte-rbzq2h .ghost-row:where(.svelte-rbzq2h) {
  background-color: var(--color-theme-bg);
}
.ghost-rows.card-rows.svelte-rbzq2h .ghost-row:where(.svelte-rbzq2h) {
  background-color: var(--color-theme-card-01);
}

.ghost-row.svelte-rbzq2h {
  display: grid;
  grid-template-columns: 36px 1fr 36px;
  align-items: center;
  min-height: 44px;
  padding-right: var(--spacing-s);
  border-bottom: 1px solid var(--color-theme-card-02);
  color: var(--color-theme-fg);
}

.ghost-bar.svelte-rbzq2h {
  width: 60%;
  height: var(--spacing-s-plus);
  border-radius: var(--radius-theme-pill);
  background-color: var(--color-theme-fg-02);
}

.ghost-pill.svelte-rbzq2h {
  justify-self: end;
  width: var(--spacing-l);
  height: var(--spacing-s-plus);
  border-radius: var(--radius-theme-pill);
  background-color: var(--color-theme-fg-02);
}

.ghost-row.svelte-rbzq2h .icon-grid {
  justify-self: center;
}

.hint-cta.svelte-rbzq2h {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: var(--spacing-s);
}
	.control-flex-column.svelte-6hynqu {
		flex: 1;
	}

	.trv-valve-commands.svelte-f16c3y .button-group .button.disabled-overlay:not(.custom):not(.active) {
		color: var(--color-theme-text-disabled);
		-webkit-text-fill-color: var(--color-theme-text-disabled);
	}

	.irrigation-card.svelte-w6gyzv {
		background: #121517;
		border-radius: 12px;
		overflow: hidden;
		margin-bottom: 12px;
	}
	.irrigation-card-section.svelte-w6gyzv {
		padding: 16px 20px;
	}
	.irrigation-card-row.svelte-w6gyzv {
		display: flex;
		align-items: center;
		gap: 8px;
		margin-bottom: 8px;
		color: #8e8e93;
		font-size: 14px;
	}
	.irrigation-card-icon.svelte-w6gyzv {
		font-size: 16px;
	}

	.zone-controls.svelte-1k3tj62 {
		position: relative;
		display: flex;
		align-items: center;
		gap: 12px;
	}
	.zone-btn.svelte-1k3tj62 {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		border: none;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		transition: all 0.2s ease;
		position: relative;
		z-index: 1;
	}
	button.svelte-1k3tj62 {
		background: #121517;
		color: white;
	}
	button.svelte-1k3tj62:hover {
		background: #2c2c2e;
	}
	button.svelte-1k3tj62 i.fa-play:where(.svelte-1k3tj62) {
		padding-left: 2px;
	}
	.countdown-visualizer.svelte-1k3tj62 {
		position: absolute;
		inset: 0;
		margin: auto;
		width: 40px;
		height: 40px;
		pointer-events: none;
		z-index: 2;
	}
	circle.svelte-1k3tj62 {
		fill: none;
	}
	circle.progress.svelte-1k3tj62 {
		/* stroke-linecap: round; */
		stroke-width: 5px;
		transform: rotate(-90deg);
		transform-origin: 50% 50%;
		stroke-dasharray: 100;
		stroke-dashoffset: var(--offset);
		transition: stroke-dashoffset var(--step) linear;
		will-change: stroke-dashoffset;
	}
	circle.track.svelte-1k3tj62 {
		stroke-width: 1px;
	}
	.fill-number.svelte-1k3tj62 {
		position: absolute;
		width: 29px;
		height: 29px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		font-weight: 600;
	}
	.fill-number.done.svelte-1k3tj62 {
		width: 100%;
		height: 100%;
	}

	h3.svelte-1li4oez {
		margin: 0;
		padding: 0;
		font-size: 16px;
		font-weight: 500;
		color: white;
	}
	.sequence-duration.svelte-1li4oez {
		margin-top: 4px;
		font-size: 12px;
	}

	.timer.active.svelte-1li4oez,
	.timer.scheduled.svelte-1li4oez {
		color: #9f9f9f;
	}
	.title.svelte-1li4oez,
	.icon.svelte-1li4oez {
		margin-right: 4px;
	}
	.title.svelte-1li4oez {
		display: inline;
	}
	.zone-card .zone-info .tooltip-element {
		display: inline-block !important;
	}

	.sequence-item.svelte-kldnnx {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 12px 16px;
		background: transparent;
		border-radius: 8px;
		margin-bottom: 16px;
		border: 1px solid #3a3f3f;
	}
	.sequence-info.svelte-kldnnx {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}
	.sequence-name.svelte-kldnnx {
		color: white;
		font-size: 14px;
	}
	.sequence-duration.svelte-kldnnx {
		display: flex;
		align-items: center;
		gap: 4px;
		color: #8e8e93;
		font-size: 12px;
	}
	.sequence-controls.svelte-kldnnx {
		display: flex;
		align-items: center;
		gap: 12px;
	}
	.sequence-zones-container.svelte-kldnnx {
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 16px;
		margin-top: 16px;
	}

	.zones-line.svelte-kldnnx {
		position: absolute;
		top: 50%;
		left: 16px;
		right: 16px;
		height: 2px;
		background: #2c2c2e;
		z-index: 1;
		transform: translateY(-50%);
	}

	.wizard-bullets.svelte-116q9xa {
		margin: 12px 0;
		padding-left: 20px;
		color: #e5e5e7;
	}

	.wizard-bullets.svelte-116q9xa li:where(.svelte-116q9xa) {
		margin-bottom: 8px;
		line-height: 1.4;
		font-size: 14px;
	}

	.weather-content.svelte-1fnzaav {
		display: flex;
		gap: 18px;
	}
	.weather-metric.svelte-1fnzaav {
		border-radius: 12px;
		padding: 12px 14px;
		width: 130px;
		max-width: 150px;
		background-color: #1b1e20;
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
	.metric-header.svelte-1fnzaav {
		display: flex;
		align-items: center;
		gap: 6px;
		color: #606263;
		font-size: 12px;
	}
	.metric-header.svelte-1fnzaav i:where(.svelte-1fnzaav) {
		font-size: 14px;
	}
	.metric-value.svelte-1fnzaav {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}
	.metric-value.svelte-1fnzaav .value:where(.svelte-1fnzaav) {
		font-size: 16px;
		font-weight: 600;
		color: white;
	}
	.metric-value.svelte-1fnzaav .subtitle:where(.svelte-1fnzaav) {
		font-size: 12px;
		color: #8e8e93;
	}

	.neo-valve-gauge .speedometer-text-styles {
		font-size: 26px;
	}

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

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

	.working-modes-wrapper.svelte-1vyyhzc {
		z-index: 3;
	}

	svg.svelte-1mf9vi1 {
		transform: scale(1.2);
		max-width: 100%;
	}
	svg.svelte-1mf9vi1 g#wind-arrow:where(.svelte-1mf9vi1) {
		transform-origin: center center;
		transition: transform 1s ease-in-out;
	}

	.main-tab-container.svelte-oqq977 {
		background-color: #0e0f10;
		padding: 8px 8px 4px 8px;
		border-radius: 18px;
		margin-bottom: 8px;
	}

	/* this is temporary css solution */
	.color-container.svelte-fkw72i {
		display: flex;
		align-items: center;
	}

	.selected-color.svelte-fkw72i {
		flex: 1;
		height: 32px;
		margin-left: var(--spacing-s);
		margin-right: var(--spacing-s);
		border-radius: var(--radius-small);
	}

	/* Icon-only — no circular background. color is set via inline style:color */
	.dot.svelte-18a7386 {
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: opacity 0.3s ease-out;
		z-index: 10;
		pointer-events: none;
	}

	/*
	.dot.dot-moving {
		z-index: 12;
	}
	.dot.dot-facing-left :global(.dot-icon) {
		transform: scaleX(-1);
	}
	*/

	.dot.svelte-18a7386 .dot-icon {
		line-height: 1;
	}

	/* ── Walker base (icon-only — no circular background) ──────────────────── */
	.walker.svelte-17o0rid {
		position: absolute;
		color: var(--walker-color);
		display: flex;
		align-items: center;
		justify-content: center;
		transform: translate(-50%, -50%);
		z-index: 10;
		pointer-events: none;
		opacity: 1;
		transition-property: left, top, opacity;
		transition-duration: var(--walker-step-duration, 0.9s), var(--walker-step-duration, 0.9s), 1.6s;
		transition-timing-function: ease-in-out, ease-in-out, ease-out;
	}

	.walker.walker-moving.svelte-17o0rid {
		z-index: 12;
	}

	.walker.svelte-17o0rid .walker-icon {
		line-height: 1;
	}

	/* Flip the icon horizontally when walking left */
	.walker.walker-facing-left.svelte-17o0rid .walker-icon {
		transform: scaleX(-1);
	}

	/* Fade-in / fade-out (toggled via visible flag) */
	.walker-faded.svelte-17o0rid {
		opacity: 0;
	}

	/* Energetic jitter on running icon — disabled
	.walker-energetic :global(.walker-icon) {
		position: relative;
		animation: energetic-jitter 90ms steps(1, end) infinite;
	}
	@keyframes energetic-jitter {
		0% { left: 0; top: 0; }
		12% { left: -1.1px; top: 0.5px; }
		24% { left: 0.9px; top: -0.8px; }
		38% { left: -0.5px; top: -1.2px; }
		52% { left: 1.2px; top: 0.3px; }
		66% { left: -1.3px; top: -0.2px; }
		82% { left: 0.6px; top: 1px; }
		100% { left: -0.2px; top: -0.6px; }
	}
	*/

	.furniture-overlay.svelte-m8ojrp {
		position: absolute;
		inset: 0;
		pointer-events: none;
		z-index: 10;
		overflow: hidden;
		border-radius: 10px;
	}

	/* ── Furniture item ──────────────────────────────────────────────────────── */
	.furn-item.svelte-m8ojrp {
		position: absolute;
		pointer-events: auto;
		cursor: grab;
		transform-origin: center center;
		user-select: none;
		border-radius: 3px;
		transition: outline 0.08s;
	}

	.furn-item.svelte-m8ojrp:active {
		cursor: grabbing;
	}

	.furn-item.selected.svelte-m8ojrp {
		outline: 2px solid #2491ff;
		outline-offset: 2px;
	}

	/* ── Resize handles (corners) ────────────────────────────────────────────── */
	.furn-handle.svelte-m8ojrp {
		position: absolute;
		width: 12px;
		height: 12px;
		background: #fff;
		border: 2px solid #2491ff;
		border-radius: 3px;
		pointer-events: auto;
		z-index: 2;
		box-sizing: border-box;
	}

	.furn-handle.nw.svelte-m8ojrp {
		top: -6px;
		left: -6px;
		cursor: nw-resize;
	}
	.furn-handle.ne.svelte-m8ojrp {
		top: -6px;
		right: -6px;
		cursor: ne-resize;
	}
	.furn-handle.sw.svelte-m8ojrp {
		bottom: -6px;
		left: -6px;
		cursor: sw-resize;
	}
	.furn-handle.se.svelte-m8ojrp {
		bottom: -6px;
		right: -6px;
		cursor: se-resize;
	}

	/* ── Controls row (rotate + delete) ─────────────────────────────────────── */
	.furn-controls.svelte-m8ojrp {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: calc(100% + 8px); /* default: below the item */
		display: flex;
		gap: 4px;
		pointer-events: auto;
		z-index: 3;
		background: rgba(20, 21, 24, 0.88);
		border: 1px solid rgba(255, 255, 255, 0.12);
		border-radius: 999px;
		padding: 4px 6px;
		backdrop-filter: blur(6px);
		white-space: nowrap;
	}

	.furn-controls.above.svelte-m8ojrp {
		top: auto;
		bottom: calc(100% + 8px); /* above the item */
	}

	.furn-rotate.svelte-m8ojrp,
	.furn-delete.svelte-m8ojrp {
		width: 28px;
		height: 28px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 13px;
		cursor: pointer;
		color: #eaeaea;
		border: none;
		background: transparent;
		transition:
			background 0.12s,
			color 0.12s;
		touch-action: none;
	}

	.furn-rotate.svelte-m8ojrp:hover {
		background: rgba(255, 255, 255, 0.12);
		color: #fff;
	}

	.furn-delete.svelte-m8ojrp:hover {
		background: rgba(220, 53, 69, 0.2);
		color: #dc3545;
	}

	/* ── Root ────────────────────────────────────────────────────────────────── */
	.presence-grid-wrap.svelte-1h8sbfq {
		width: 100%;
		aspect-ratio: 1 / 1;
		position: relative;
		background: var(--color-surface-secondary, #303235);
		border-radius: 10px;
		overflow: visible; /* allow sensor node to bleed above */
		display: flex;
		align-items: flex-end;
		justify-content: center;
	}

	/* ── Sensor node ─────────────────────────────────────────────────────────── */
	.sensor-node.svelte-1h8sbfq {
		position: absolute;
		width: var(--sensor-size, 24px);
		height: var(--sensor-size, 24px);
		background:
			radial-gradient(80% 80% at 50% 20%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%), #0088ff;
		box-shadow:
			0 4px 4px rgba(0, 0, 0, 0.25),
			inset 0 -1px 0 rgba(255, 255, 255, 0.25);
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		z-index: 8;
		pointer-events: none;
	}

	.sensor-icon.svelte-1h8sbfq {
		font-size: var(--sensor-icon-size, 14px);
		line-height: 1;
	}

	/* ── Grid area ───────────────────────────────────────────────────────────── */
	.grid-area.svelte-1h8sbfq {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 1;
		overflow: hidden;
		user-select: none;
		touch-action: none;
		cursor: default;
		border-radius: 10px;
		/* OOB areas (outside room boundary) show as this dark panel background,
		   matching the prototype approach (no explicit OOB overlay needed). */
		background: #1e2022;
	}

	.presence-grid-wrap.editable.svelte-1h8sbfq .grid-area:where(.svelte-1h8sbfq) {
		cursor: crosshair;
	}

	/* ── 1. Grid background ──────────────────────────────────────────────────── */
	.grid-bg.svelte-1h8sbfq {
		position: absolute;
		inset: 0;
		z-index: 0;
		pointer-events: none;
		/* Lines sit at the LEFT/TOP of each cell tile.
		   Offset by one cell so the first line falls between col 0 and col 1.
		   This gives 15 internal lines in each direction with no border at the outer edges. */
		background-image:
			linear-gradient(
				to right,
				rgba(255, 255, 255, 0.1) 0,
				rgba(255, 255, 255, 0.1) 1px,
				transparent 1px
			),
			linear-gradient(
				to bottom,
				rgba(255, 255, 255, 0.1) 0,
				rgba(255, 255, 255, 0.1) 1px,
				transparent 1px
			);
		background-size: calc(100% / 16) calc(100% / 16);
		background-position: calc(100% / 16) calc(100% / 16);
	}

	/* ── 2. Room layer ───────────────────────────────────────────────────────── */
	.room-layer.svelte-1h8sbfq {
		position: absolute;
		inset: 0;
		z-index: 1;
		pointer-events: none;
	}

	.room-cell.svelte-1h8sbfq {
		position: absolute;
		box-sizing: border-box;
	}

	/* ── 3. Deadzone ─────────────────────────────────────────────────────────── */
	.deadzone.svelte-1h8sbfq {
		position: absolute;
		inset: 0;
		background: rgba(0, 0, 0, 0.28);
		z-index: 2;
		pointer-events: none;
	}

	/* ── 4. OOB (room boundary walls) ───────────────────────────────────────── */
	.oob-layer.svelte-1h8sbfq {
		position: absolute;
		inset: 0;
		z-index: 4;
		pointer-events: none;
	}

	.oob-cell.svelte-1h8sbfq {
		position: absolute;
		box-sizing: border-box;
	}

	/* ── 5. Zones ────────────────────────────────────────────────────────────── */
	.zones-layer.svelte-1h8sbfq {
		position: absolute;
		inset: 0;
		z-index: 3;
		pointer-events: none;
	}

	.zone-cell.svelte-1h8sbfq {
		position: absolute;
		border: 1px solid transparent;
		box-sizing: border-box;
	}

	/* ── 6. No-detect / blind spots ──────────────────────────────────────────── */
	.no-detect-layer.svelte-1h8sbfq {
		position: absolute;
		inset: 0;
		z-index: 5;
		pointer-events: none;
	}

	.no-detect-cell.svelte-1h8sbfq {
		position: absolute;
		background: rgba(93, 93, 93, 0.7);
		border-style: dashed;
		border-color: #c6c6c6;
		box-sizing: border-box;
		backdrop-filter: blur(2px);
		/* border-radius is set per-cell inline via blindCellStyle() */
	}

	.no-detect-icon.svelte-1h8sbfq {
		position: absolute;
		transform: translate(-50%, -50%);
		color: rgba(198, 198, 198, 0.75);
		pointer-events: none;
		z-index: 5;
		line-height: 1;
	}

	/* ── 7. Dev coordinate overlay ───────────────────────────────────────────── */
	.coord-layer.svelte-1h8sbfq {
		position: absolute;
		inset: 0;
		z-index: 6;
		pointer-events: none;
	}

	.coord-label.svelte-1h8sbfq {
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 8px;
		color: rgba(255, 255, 255, 0.45);
		font-family: monospace;
		pointer-events: none;
	}

	/* ── 8. Draw preview ─────────────────────────────────────────────────────── */
	.draw-preview.svelte-1h8sbfq {
		position: absolute;
		border: 1px dashed rgba(255, 255, 255, 0.9);
		background: rgba(255, 255, 255, 0.1);
		border-radius: 4px;
		pointer-events: none;
		z-index: 9;
	}

	.draw-preview.erase.svelte-1h8sbfq {
		border-color: rgba(255, 114, 0, 0.95);
		background: rgba(255, 114, 0, 0.14);
	}

	.draw-preview.erase.room-boundary-erase.svelte-1h8sbfq {
		background: rgba(180, 70, 0, 0.42);
		border-color: rgba(255, 160, 80, 0.98);
	}

	/* ── 10. Dots (stacked above .sensor-node so drop-shadow does not cover people) ─ */
	.dots-layer.svelte-1h8sbfq {
		position: absolute;
		inset: 0;
		pointer-events: none;
		z-index: 10;
		border-radius: 10px;
	}

	.furnitures.svelte-2apt2t {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.furnitures__content.svelte-2apt2t {
		padding: 0 8px;
		min-height: 160px;
	}

	/* ── Placed list ─────────────────────────────────────────────────────────── */
	.placed-list.svelte-2apt2t {
		list-style: none;
		margin: 0 0 8px;
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 3px;
		max-height: 200px;
		overflow-y: auto;
	}

	.placed-item.svelte-2apt2t {
		display: flex;
		align-items: center;
		gap: 10px;
		width: 100%;
		padding: 8px 10px;
		background: #303235;
		border: 1px solid transparent;
		border-radius: 8px;
		cursor: pointer;
		text-align: left;
		transition:
			background 0.1s,
			border-color 0.1s;
	}

	.placed-item.svelte-2apt2t:hover {
		background: #3a3d41;
	}

	.placed-item--selected.svelte-2apt2t {
		background: #1e2d45;
		border-color: #2491ff;
	}

	.placed-item__thumb.svelte-2apt2t {
		width: 32px;
		height: 32px;
		flex-shrink: 0;
		background: rgba(255, 255, 255, 0.06);
		border-radius: 6px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.placed-item__img.svelte-2apt2t {
		width: 22px;
		height: 22px;
		object-fit: contain;
		filter: brightness(1.3);
	}

	.placed-item__name.svelte-2apt2t {
		flex: 1;
		font-size: 13px;
		color: #eaeaea;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.placed-item__rotation.svelte-2apt2t {
		font-size: 11px;
		color: #6b6d72;
		flex-shrink: 0;
	}

	/* ── Selected item actions ───────────────────────────────────────────────── */
	.selected-actions.svelte-2apt2t {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 6px 4px;
		border-top: 1px solid rgba(255, 255, 255, 0.06);
	}

	.selected-actions__label.svelte-2apt2t {
		flex: 1;
		font-size: 12px;
		color: #a1a2a2;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.action-btn.svelte-2apt2t {
		display: inline-flex;
		align-items: center;
		gap: 4px;
		padding: 5px 10px;
		background: rgba(255, 255, 255, 0.07);
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 6px;
		color: #b8b9ba;
		font-size: 12px;
		cursor: pointer;
		transition:
			background 0.12s,
			color 0.12s;
		flex-shrink: 0;
	}

	.action-btn.svelte-2apt2t:hover {
		background: rgba(255, 255, 255, 0.14);
		color: #fff;
	}

	.action-btn--danger.svelte-2apt2t:hover {
		background: rgba(220, 53, 69, 0.18);
		border-color: rgba(220, 53, 69, 0.4);
		color: #dc3545;
	}

	/* ── Empty / loading state ───────────────────────────────────────────────── */
	.empty-state.svelte-2apt2t,
	.loading-state.svelte-2apt2t {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 6px;
		padding: 28px 16px;
		text-align: center;
	}

	.loading-state.svelte-2apt2t {
		font-size: 22px;
		color: #5f6063;
	}

	.empty-state__icon.svelte-2apt2t {
		font-size: 32px;
		color: #4a4d52;
	}

	.empty-state__text.svelte-2apt2t {
		font-size: 14px;
		font-weight: 500;
		color: #a1a2a2;
		margin: 0;
	}

	.empty-state__hint.svelte-2apt2t {
		font-size: 12px;
		color: #5f6063;
		margin: 0;
	}

	/* ── Category grid ───────────────────────────────────────────────────────── */
	.category-grid.svelte-2apt2t {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 6px;
	}

	.category-card.svelte-2apt2t {
		background: #303235;
		border: none;
		border-radius: 8px;
		padding: 8px 4px 6px;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 5px;
		cursor: pointer;
		transition: background 0.1s;
		text-align: center;
	}

	.category-card.svelte-2apt2t:hover {
		background: #3a3d41;
	}

	.category-card.svelte-2apt2t:focus-visible {
		outline: 2px solid #2491ff;
		outline-offset: -2px;
	}

	.category-card__img.svelte-2apt2t {
		width: 32px;
		height: 32px;
		object-fit: contain;
		filter: brightness(1.3);
	}

	.category-card__label.svelte-2apt2t {
		font-size: 10px;
		font-weight: 500;
		color: #a1a2a2;
		line-height: 1.3;
	}

	/* ── Items panel (drill-down) ────────────────────────────────────────────── */
	.items-panel.svelte-2apt2t {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	.back-btn.svelte-2apt2t {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		background: none;
		border: none;
		color: #a1a2a2;
		font-size: 13px;
		cursor: pointer;
		padding: 2px 0;
		font-weight: 600;
		transition: color 0.12s;
	}

	.back-btn.svelte-2apt2t:hover {
		color: #eaeaea;
	}

	.items-grid.svelte-2apt2t {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
		max-height: 220px;
		overflow-y: auto;
	}

	.item-card.svelte-2apt2t {
		width: 60px;
		background: #303235;
		border: none;
		border-radius: 8px;
		padding: 7px 4px 5px;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 4px;
		cursor: pointer;
		transition: background 0.1s;
		text-align: center;
	}

	.item-card.svelte-2apt2t:hover {
		background: #3a3d41;
	}

	.item-card.svelte-2apt2t:focus-visible {
		outline: 2px solid #2491ff;
		outline-offset: -2px;
	}

	.item-card__img.svelte-2apt2t {
		width: 32px;
		height: 32px;
		object-fit: contain;
		filter: brightness(1.3) contrast(1.1);
	}

	.item-card__label.svelte-2apt2t {
		font-size: 9px;
		color: #a1a2a2;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%;
	}

	/* ── Footer ──────────────────────────────────────────────────────────────── */
	.furnitures__footer.svelte-2apt2t {
		display: flex;
		align-items: center;
		gap: 16px;
		padding: 10px 12px 4px;
		border-top: 1px solid rgba(255, 255, 255, 0.06);
		margin-top: 10px;
	}

	.footer-link.svelte-2apt2t {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		background: none;
		border: none;
		color: #a1a2a2;
		font-size: 13px;
		cursor: pointer;
		padding: 0;
		transition: color 0.12s;
	}

	.footer-link.svelte-2apt2t:hover {
		color: #eaeaea;
	}

	.footer-link--danger.svelte-2apt2t:hover {
		color: #dc3545;
	}

	.modal-text.svelte-2apt2t {
		font-size: 14px;
		color: #eaeaea;
		margin: 0;
	}

	.draw-sidebar.svelte-1sk95z1 {
		padding: 12px 14px 8px;
		display: flex;
		flex-direction: column;
		gap: 14px;
	}

	.draw-sidebar__title.svelte-1sk95z1 {
		font-size: 16px;
		font-weight: 600;
		color: #eaeaea;
		display: flex;
		align-items: center;
		gap: 10px;
		margin: 0;
	}

	.draw-sidebar__dot.svelte-1sk95z1 {
		width: 16px;
		height: 16px;
		border-radius: 50%;
		flex-shrink: 0;
		display: inline-block;
	}

	.draw-sidebar__field.svelte-1sk95z1 {
		display: flex;
		flex-direction: column;
		gap: 6px;
	}

	.draw-sidebar__label.svelte-1sk95z1 {
		font-size: 11px;
		font-weight: 600;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		color: #a1a2a2;
	}

	.draw-sidebar__input.svelte-1sk95z1 {
		height: 40px;
		padding: 0 12px;
		background: #1e2023;
		border: 1px solid #3a3d41;
		border-radius: 8px;
		color: #eaeaea;
		font-size: 14px;
		outline: none;
		transition: border-color 0.12s;
		width: 100%;
		box-sizing: border-box;
	}

	.draw-sidebar__input.svelte-1sk95z1:focus {
		border-color: #2491ff;
	}

	/* ── Draw / Erase pill ───────────────────────────────────────────────────── */
	.draw-pill.svelte-1sk95z1 {
		display: flex;
		background-color: #191a1e;
		border: 1px solid #151617;
		border-radius: 200px;
		padding: 4px;
	}

	.draw-pill__btn.svelte-1sk95z1 {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		height: 40px;
		border: none;
		border-radius: 200px;
		background: transparent;
		color: #eaeaea;
		font-size: 15px;
		font-weight: 500;
		cursor: pointer;
		transition: background-color 0.15s;
		white-space: nowrap;
	}

	.draw-pill__btn--active.svelte-1sk95z1 {
		background-color: #ffffff;
		color: #151617;
		font-weight: 700;
	}

	.draw-pill__btn.svelte-1sk95z1:not(.draw-pill__btn--active):hover {
		background-color: rgba(255, 255, 255, 0.08);
	}

	.draw-sidebar__swatches.svelte-1sk95z1 {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	.swatch.svelte-1sk95z1 {
		width: 26px;
		height: 26px;
		border-radius: 50%;
		border: 2px solid transparent;
		cursor: pointer;
		position: relative;
		transition: transform 0.1s;
		flex-shrink: 0;
	}

	.swatch.svelte-1sk95z1:hover {
		transform: scale(1.12);
	}

	.swatch--active.svelte-1sk95z1 {
		box-shadow: inset 0 0 0 2px #fff;
	}

	.swatch--active.svelte-1sk95z1::after {
		content: '✓';
		font-size: 12px;
		color: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.draw-sidebar__toggle-row.svelte-1sk95z1 {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.draw-sidebar__actions.svelte-1sk95z1 {
		display: flex;
		gap: 8px;
		justify-content: flex-end;
	}

	.draw-sidebar.svelte-cu2wes {
		padding: 12px 14px 8px;
		display: flex;
		flex-direction: column;
		gap: 14px;
	}

	.draw-sidebar__title.svelte-cu2wes {
		display: flex;
		align-items: center;
		gap: 10px;
		margin: 0;
	}

	.draw-sidebar__title.svelte-cu2wes span {
		font-weight: 600;
		color: #eaeaea;
	}

	.draw-sidebar__dot.svelte-cu2wes {
		width: 16px;
		height: 16px;
		border-radius: 50%;
		flex-shrink: 0;
		display: inline-block;
		background: #888;
	}

	.draw-sidebar__actions.svelte-cu2wes {
		display: flex;
		gap: 8px;
		justify-content: flex-end;
	}

	.zone-config-inputs.svelte-imbp3s {
		padding: 1rem 0;
		max-width: 500px; /* Limit the maximum width */
	}

	/* Add body-styles for consistency */
	.body-styles.svelte-imbp3s {
		color: #929293;
		font-size: 14px;
	}

	/* Headline with info icon styling */
	.headline-with-info.svelte-imbp3s {
		display: flex;
		align-content: space-between;
		align-items: baseline;
		gap: 4px;
		margin-bottom: 0.5rem;
	}

	.headline-with-info.svelte-imbp3s p:where(.svelte-imbp3s) {
		margin: 0;
	}

	/* Color picker styles (from EditZone) */
	.color-picker.svelte-imbp3s {
		display: flex;
		gap: 8px;
		align-items: center;
	}

	/* Swatches */
	.swatch.svelte-imbp3s {
		width: 25px;
		height: 25px;
		border-radius: 50%;
		border: 2px solid transparent;
		position: relative;
		cursor: pointer;
		transition: transform 0.1s;
	}

	.swatch.svelte-imbp3s:hover {
		transform: scale(1.1);
	}

	/* Selected state */
	.swatch.selected.svelte-imbp3s {
		box-shadow: inset 0 0 0 2px #453e3e;
	}

	.swatch.selected.svelte-imbp3s::after {
		content: '✓';
		font-size: 14px;
		color: #453e3e;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.draw-sidebar.svelte-8ujrff {
		padding: 12px 14px 8px;
		display: flex;
		flex-direction: column;
		gap: 14px;
	}

	.draw-sidebar__title.svelte-8ujrff {
		font-size: 16px;
		font-weight: 600;
		color: #eaeaea;
		display: flex;
		align-items: center;
		gap: 10px;
		margin: 0;
	}

	.draw-sidebar__dot.svelte-8ujrff {
		width: 16px;
		height: 16px;
		border-radius: 50%;
		flex-shrink: 0;
		display: inline-block;
	}

	.draw-sidebar__actions.svelte-8ujrff {
		display: flex;
		gap: 8px;
		justify-content: flex-end;
	}

	.zone-row.svelte-ey3f33 {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 12px 14px;
		background-color: #1e2023;
		border-radius: 10px;
		margin-bottom: 4px;
	}

	.zone-row__icon.svelte-ey3f33 {
		font-size: 20px;
		flex-shrink: 0;
		display: flex;
		align-items: center;
		width: 24px;
		justify-content: center;
	}

	.zone-row__icon--btn.svelte-ey3f33 {
		background: transparent;
		border: none;
		padding: 0;
		cursor: pointer;
		border-radius: 4px;
		transition: opacity 0.12s;
	}

	.zone-row__icon--btn.svelte-ey3f33:hover {
		opacity: 0.7;
	}

	.zone-row__name.svelte-ey3f33 {
		flex: 1;
		font-size: 15px;
		font-weight: 400;
		color: #eaeaea;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.zone-row__people.svelte-ey3f33 {
		display: inline-flex;
		align-items: center;
		gap: 4px;
		font-size: 12px;
		font-weight: 600;
		color: #eaeaea;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 999px;
		padding: 2px 8px 2px 6px;
		flex-shrink: 0;
	}

	.zone-row__actions.svelte-ey3f33 {
		display: flex;
		gap: 4px;
		flex-shrink: 0;
	}

	.zone-row__btn.svelte-ey3f33 {
		width: 32px;
		height: 32px;
		border-radius: 8px;
		border: none;
		background: transparent;
		color: #a1a2a2;
		font-size: 14px;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition:
			background-color 0.12s,
			color 0.12s;
	}

	.zone-row__btn.svelte-ey3f33:hover {
		background-color: rgba(255, 255, 255, 0.1);
		color: #eaeaea;
	}

	.zone-row__btn--danger.svelte-ey3f33:hover {
		background-color: rgba(220, 53, 69, 0.15);
		color: #dc3545;
	}

	.zone-row__btn.svelte-ey3f33:focus-visible {
		outline: 2px solid #2491ff;
		outline-offset: 1px;
	}

	/* ── Section headers ─────────────────────────────────────────────────────── */
	.section-header.svelte-1fypb74 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 4px 14px 6px;
	}

	.section-header--mt.svelte-1fypb74 {
		margin-top: 12px;
	}

	.section-header__title.svelte-1fypb74 {
		font-size: 14px;
		font-weight: 600;
		color: #a1a2a2;
		letter-spacing: 0.03em;
		text-transform: uppercase;
	}

	.section-header__add.svelte-1fypb74 {
		width: 28px;
		height: 28px;
		border-radius: 50%;
		border: none;
		background: rgba(255, 255, 255, 0.1);
		color: #eaeaea;
		font-size: 13px;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background-color 0.12s;
	}

	.section-header__add.svelte-1fypb74:hover:not(:disabled) {
		background: rgba(255, 255, 255, 0.2);
	}

	.section-header__add.svelte-1fypb74:disabled {
		opacity: 0.35;
		cursor: not-allowed;
	}

	/* ── Zone / boundary rows ────────────────────────────────────────────────── */
	.zones-list.svelte-1fypb74 {
		display: flex;
		flex-direction: column;
		padding: 0 8px;
	}

	.zone-row.svelte-1fypb74 {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 12px 14px;
		background-color: #1e2023;
		border-radius: 10px;
		margin-bottom: 4px;
	}

	.zone-row__icon.svelte-1fypb74 {
		font-size: 20px;
		flex-shrink: 0;
		display: flex;
		align-items: center;
		width: 24px;
		justify-content: center;
	}

	.zone-row__name.svelte-1fypb74 {
		flex: 1;
		font-size: 15px;
		color: #eaeaea;
	}

	.zone-row__actions.svelte-1fypb74 {
		display: flex;
		gap: 4px;
	}

	.zone-row__btn.svelte-1fypb74 {
		width: 32px;
		height: 32px;
		border-radius: 8px;
		border: none;
		background: transparent;
		color: #a1a2a2;
		font-size: 14px;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition:
			background-color 0.12s,
			color 0.12s;
	}

	.zone-row__btn.svelte-1fypb74:hover {
		background-color: rgba(255, 255, 255, 0.1);
		color: #eaeaea;
	}

	.config-actions.svelte-5s8kav {
		display: flex;
		gap: 8px;
		justify-content: flex-end;
	}

	.headline-with-info.svelte-5s8kav {
		text-align: left;
		display: flex;
		align-content: space-between;
		align-items: baseline;
		gap: 4px;
		margin-bottom: 0.5rem;
	}

	.headline-with-info.svelte-5s8kav p:where(.svelte-5s8kav) {
		margin: 0;
	}

	.tilt-field.svelte-5s8kav {
		display: flex;
		align-items: flex-end;
		gap: 12px;
	}

	.tilt-field__input.svelte-5s8kav {
		flex: 1;
		min-width: 0;
	}

	.tilt-field__action.svelte-5s8kav {
		flex-shrink: 0;
	}

	.info-banner.svelte-1rgwsd1 {
		display: flex;
		align-items: center;
		gap: 8px;
		background: var(--color-info-subtle, rgba(0, 136, 255, 0.12));
		border: 1px solid var(--color-info, #0088ff);
		border-radius: 8px;
		padding: 10px 14px;
		font-size: 13px;
		color: var(--color-text-primary);
	}

	.config-actions.svelte-1rgwsd1 {
		display: flex;
		gap: 8px;
		justify-content: flex-end;
	}

	.headline-with-info.svelte-1rgwsd1 {
		display: flex;
		align-content: space-between;
		align-items: baseline;
		gap: 4px;
		margin-bottom: 0.5rem;
	}

	.headline-with-info.svelte-1rgwsd1 p:where(.svelte-1rgwsd1) {
		margin: 0;
	}

	.section-title.svelte-1fiog4y {
		font-weight: 600;
		font-size: 14px;
		margin: 0 0 12px 0;
	}

	.brightness-label.svelte-1fiog4y {
		font-size: 13px;
		color: var(--color-text-secondary);
		margin: 0 0 8px 0;
	}

	.time-label.svelte-1fiog4y {
		display: block;
		font-size: 13px;
		color: var(--color-text-secondary);
		margin-bottom: 6px;
	}

	.time-input.svelte-1fiog4y {
		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-1fiog4y:focus {
		outline: none;
		border-color: var(--color-primary, #0088ff);
	}

	.config-actions.svelte-1fiog4y {
		display: flex;
		gap: 8px;
		justify-content: flex-end;
	}

	.sensor-config.svelte-4uwui2 {
		padding: 0;
		height: 100%;
		min-height: 0;
		display: flex;
		flex-direction: column;
	}

	/* ── List view ─────────────────────────────────────────────────── */
	.config-list.svelte-4uwui2 {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 2px;
	}

	.config-list__item.svelte-4uwui2 {
		width: 100%;
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 12px 8px;
		background: transparent;
		border: none;
		border-radius: 8px;
		cursor: pointer;
		text-align: left;
		color: inherit;
		transition: background 0.15s;
	}

	.config-list__item.svelte-4uwui2:hover {
		background: var(--color-surface-secondary, rgba(255, 255, 255, 0.06));
	}

	.config-list__icon.svelte-4uwui2 {
		width: 32px;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 8px;
		background: var(--color-surface-secondary, rgba(255, 255, 255, 0.08));
		flex-shrink: 0;
		font-size: 14px;
		color: var(--color-primary, #0088ff);
	}

	.config-list__text.svelte-4uwui2 {
		flex: 1;
		display: flex;
		flex-direction: column;
		gap: 2px;
	}

	.config-list__label.svelte-4uwui2 {
		font-size: 14px;
		font-weight: 500;
		color: var(--color-text-primary);
	}

	.config-list__desc.svelte-4uwui2 {
		font-size: 12px;
		color: var(--color-text-secondary, rgba(255, 255, 255, 0.5));
	}

	.config-list__chevron.svelte-4uwui2 {
		font-size: 12px;
		color: var(--color-text-secondary, rgba(255, 255, 255, 0.4));
		flex-shrink: 0;
	}

	/* ── Sub-page view ─────────────────────────────────────────────── */
	.subpage.svelte-4uwui2 {
		flex: 1;
		min-height: 0;
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}

	.subpage__back.svelte-4uwui2 {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		background: transparent;
		border: none;
		cursor: pointer;
		font-size: 13px;
		color: var(--color-primary, #0088ff);
		padding: 4px 0;
		margin-bottom: 8px;
		flex-shrink: 0;
	}

	.subpage__back.svelte-4uwui2:hover {
		opacity: 0.8;
	}

	/* Let the design-system panel consume remaining sidebar height below “Go back”. */
	.subpage.svelte-4uwui2 .subpage__scroll-panel {
		flex: 1;
		min-height: 0;
		min-width: 0;
		max-width: 100%;
		overflow: hidden;
	}

	.subpage.svelte-4uwui2 .subpage__scroll-panel .container {
		min-width: 0;
		max-width: 100%;
		box-sizing: border-box;
	}

	/* Design-system Scroll uses a negative margin when the scrollbar is visible; neutralize horizontal bleed. */
	.subpage.svelte-4uwui2 .subpage__ds-scroll.controls-container-scroll {
		overflow-x: hidden;
		overflow-y: auto;
		max-width: 100%;
		box-sizing: border-box;
	}

	.subpage.svelte-4uwui2 .subpage__ds-scroll.controls-container-scroll.scroll-visible {
		margin-right: 0;
		padding-right: 8px;
	}

	.subpage__scroll-body.svelte-4uwui2 {
		min-width: 0;
		max-width: 100%;
		box-sizing: border-box;
	}

	/* Full-width controls: constrain inline-flex inputs/selects to the column width. */
	.subpage__scroll-body.svelte-4uwui2 .input-wrapper {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}

	.subpage__scroll-body.svelte-4uwui2 .row {
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		--bs-gutter-x: 0;
	}

	.subpage__scroll-body.svelte-4uwui2 .col,
	.subpage__scroll-body.svelte-4uwui2 [class*='col-'] {
		min-width: 0;
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.subpage__scroll-body.svelte-4uwui2 .select-wrapper {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}

	.subpage__scroll-body.svelte-4uwui2 .info-banner {
		max-width: 100%;
		box-sizing: border-box;
		overflow-wrap: anywhere;
	}

	.subpage__scroll-body.svelte-4uwui2 .headline-with-info {
		flex-wrap: wrap;
		row-gap: 2px;
	}

	.subpage__scroll-body.svelte-4uwui2 .headline-with-info p {
		min-width: 0;
	}

	.subpage__scroll-body.svelte-4uwui2 .config-actions {
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.grid-container.svelte-favuxu {
		position: relative;
		width: 100%;
		max-width: 306px;
	}

	.sidebar.svelte-favuxu {
		display: flex;
		flex-direction: column;
		/* Fixed height = canvas max-width. This prevents the modal from
		   resizing or jumping when switching between tabs. */
		height: 420px;
		overflow: hidden;
		max-width: 100%;
	}

	.sidebar__tabs.svelte-favuxu {
		padding: 0 8px;
		flex-shrink: 0;
	}

	/* Scrollable area below the tab bar — fills remaining height. */
	.sidebar__content.svelte-favuxu {
		flex: 1;
		min-height: 0; /* required for flex children to scroll correctly */
		overflow-y: auto;
		overflow-x: hidden;
		display: flex;
		flex-direction: column;
	}

	/* Keeps Furnitures and SensorConfigTab mounted but invisible when inactive. */
	.tab-hidden.svelte-favuxu {
		display: none;
	}

	.tab-padded.svelte-favuxu {
		padding: 8px 12px 16px;
	}

	.welcome-step.svelte-1g13g7i {
		padding: 8px 0;
	}

	.welcome-header.svelte-1g13g7i {
		text-align: center;
		margin-bottom: 28px;
	}

	.welcome-icon.svelte-1g13g7i {
		font-size: 40px;
		margin-bottom: 12px;
		color: var(--color-primary, #7c5bff);
	}

	.welcome-subtitle.svelte-1g13g7i {
		color: var(--color-text-secondary, rgba(255, 255, 255, 0.6));
		max-width: 420px;
		margin: 0 auto;
		line-height: 1.5;
	}

	.feature-list.svelte-1g13g7i {
		margin-top: 8px;
	}

	.feature-item.svelte-1g13g7i {
		display: flex;
		align-items: flex-start;
		gap: 12px;
		padding: 12px;
		border-radius: 10px;
		margin-bottom: 8px;
		background: var(--color-surface-2, rgba(255, 255, 255, 0.04));
	}

	.feature-icon-wrap.svelte-1g13g7i {
		flex-shrink: 0;
		width: 36px;
		height: 36px;
		border-radius: 8px;
		background: var(--color-primary-alpha, rgba(124, 91, 255, 0.15));
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--color-primary, #7c5bff);
		font-size: 15px;
	}

	.feature-text.svelte-1g13g7i {
		min-width: 0;
	}

	.feature-title.svelte-1g13g7i {
		margin: 0 0 2px;
		font-weight: 600;
		font-size: 14px;
	}

	.feature-body.svelte-1g13g7i {
		margin: 0;
		font-size: 13px;
		color: var(--color-text-secondary, rgba(255, 255, 255, 0.55));
		line-height: 1.4;
	}

	.sensor-step.svelte-mn18e3 {
		padding: 4px 0;
	}

	.step-subtitle.svelte-mn18e3 {
		color: var(--color-text-secondary, rgba(255, 255, 255, 0.55));
		line-height: 1.5;
	}

	.field-hint.svelte-mn18e3 {
		margin: 4px 0 0;
		font-size: 12px;
		color: var(--color-text-muted, rgba(255, 255, 255, 0.4));
		line-height: 1.4;
	}

	.toggle-row.svelte-mn18e3 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		padding: 10px 0;
		border-top: 1px solid var(--color-border, rgba(255, 255, 255, 0.08));
	}

	.toggle-labels.svelte-mn18e3 {
		flex: 1;
		min-width: 0;
	}

	.toggle-title.svelte-mn18e3 {
		margin: 0 0 2px;
		font-size: 14px;
		font-weight: 500;
	}

	.save-row.svelte-mn18e3 {
		margin-top: 24px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 12px;
		flex-wrap: wrap;
	}

	.save-btn.svelte-mn18e3 {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 8px 18px;
		border-radius: 8px;
		border: none;
		cursor: pointer;
		font-size: 14px;
		font-weight: 600;
		background: var(--color-primary, #7c5bff);
		color: #fff;
		transition: opacity 0.15s;
	}

	.save-btn.svelte-mn18e3:disabled {
		opacity: 0.5;
		cursor: not-allowed;
	}

	.save-btn.saving.svelte-mn18e3 {
		opacity: 0.75;
		cursor: default;
	}

	.save-status.svelte-mn18e3 {
		display: flex;
		align-items: center;
		gap: 6px;
		font-size: 13px;
		font-weight: 500;
	}

	.save-status--ok.svelte-mn18e3 {
		color: var(--color-success, #00d5b3);
	}

	.save-status--error.svelte-mn18e3 {
		color: var(--color-danger, #ff4444);
	}

	.step-subtitle.svelte-18gcife {
		color: var(--color-text-secondary, rgba(255, 255, 255, 0.55));
		line-height: 1.5;
	}

	.concept-card.svelte-18gcife {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 16px 12px;
		border-radius: 12px;
		background: var(--color-surface-2, rgba(255, 255, 255, 0.04));
		margin-bottom: 12px;
	}

	.concept-lottie.svelte-18gcife {
		flex-shrink: 0;
	}

	.concept-title.svelte-18gcife {
		margin: 4px 0 6px;
		font-weight: 600;
		font-size: 14px;
	}

	.concept-body.svelte-18gcife {
		margin: 0;
		font-size: 13px;
		color: var(--color-text-secondary, rgba(255, 255, 255, 0.55));
		line-height: 1.45;
	}

	.tip-bar.svelte-18gcife {
		display: flex;
		align-items: flex-start;
		gap: 8px;
		margin-top: 16px;
		padding: 10px 14px;
		border-radius: 8px;
		background: var(--color-info-alpha, rgba(0, 177, 255, 0.1));
		color: var(--color-info, #00b1ff);
		font-size: 13px;
		line-height: 1.4;
	}

	.tip-bar.svelte-18gcife i:where(.svelte-18gcife) {
		margin-top: 1px;
		flex-shrink: 0;
	}

	.step-subtitle.svelte-38x04k {
		color: var(--color-text-secondary, rgba(255, 255, 255, 0.55));
		line-height: 1.5;
	}

	.zones-points.svelte-38x04k {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.point.svelte-38x04k {
		display: flex;
		align-items: flex-start;
		gap: 10px;
		font-size: 13px;
		line-height: 1.45;
	}

	.point.svelte-38x04k p:where(.svelte-38x04k) {
		margin: 0;
	}

	.point-icon.svelte-38x04k {
		flex-shrink: 0;
		margin-top: 1px;
		color: var(--color-success, #00d5b3);
		font-size: 15px;
	}

	.step-subtitle.svelte-8a34q2 {
		color: var(--color-text-secondary, rgba(255, 255, 255, 0.55));
		line-height: 1.5;
	}

	.furniture-points.svelte-8a34q2 {
		display: flex;
		flex-direction: column;
		gap: 14px;
		margin-bottom: 20px;
	}

	.point.svelte-8a34q2 {
		display: flex;
		align-items: flex-start;
		gap: 10px;
		font-size: 13px;
		line-height: 1.45;
	}

	.point.svelte-8a34q2 p:where(.svelte-8a34q2) {
		margin: 0;
	}

	.point-icon.svelte-8a34q2 {
		flex-shrink: 0;
		margin-top: 1px;
		width: 18px;
		text-align: center;
		color: var(--color-primary, #7c5bff);
		font-size: 14px;
	}

	.optional-badge.svelte-8a34q2 {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		padding: 6px 12px;
		border-radius: 20px;
		font-size: 12px;
		font-weight: 500;
		background: var(--color-surface-2, rgba(255, 255, 255, 0.06));
		color: var(--color-text-muted, rgba(255, 255, 255, 0.45));
	}

	.optional-badge.svelte-8a34q2 i:where(.svelte-8a34q2) {
		font-size: 11px;
		color: var(--color-warning, #ffc800);
	}

	.finish-step.svelte-1dahyqa {
		padding: 4px 0 8px;
	}

	.finish-header.svelte-1dahyqa {
		text-align: center;
		margin-bottom: 24px;
	}

	.finish-lottie.svelte-1dahyqa {
		display: flex;
		justify-content: center;
		margin-bottom: 8px;
	}

	.finish-subtitle.svelte-1dahyqa {
		color: var(--color-text-secondary, rgba(255, 255, 255, 0.55));
		line-height: 1.5;
		max-width: 380px;
		margin: 0 auto;
	}

	.status-list.svelte-1dahyqa {
		display: flex;
		flex-direction: column;
		gap: 2px;
		margin-bottom: 16px;
	}

	.status-item.svelte-1dahyqa {
		display: flex;
		align-items: flex-start;
		gap: 12px;
		padding: 10px 14px;
		border-radius: 8px;
		background: var(--color-surface-2, rgba(255, 255, 255, 0.04));
	}

	.status-icon.svelte-1dahyqa {
		flex-shrink: 0;
		font-size: 18px;
		margin-top: 1px;
		color: var(--color-text-muted, rgba(255, 255, 255, 0.3));
	}

	.status-item--done.svelte-1dahyqa .status-icon:where(.svelte-1dahyqa) {
		color: var(--color-success, #00d5b3);
	}

	.status-label.svelte-1dahyqa {
		margin: 0 0 2px;
		font-size: 14px;
		font-weight: 500;
	}

	.status-hint.svelte-1dahyqa {
		margin: 0;
		font-size: 12px;
		color: var(--color-text-muted, rgba(255, 255, 255, 0.4));
		line-height: 1.4;
	}

	.finish-tip.svelte-1dahyqa {
		display: flex;
		align-items: flex-start;
		gap: 8px;
		padding: 10px 14px;
		border-radius: 8px;
		background: var(--color-warning-alpha, rgba(255, 200, 0, 0.08));
		color: var(--color-warning, #ffc800);
		font-size: 13px;
		line-height: 1.4;
	}

	.finish-tip.svelte-1dahyqa i:where(.svelte-1dahyqa) {
		flex-shrink: 0;
		margin-top: 1px;
	}

	.modal-container > .modal-close-btn {
		display: none !important;
	}

	/* Keep the presence modal body at a stable height so it never collapses or
	   jumps when switching between tabs (zones / furniture / config). */
	.modal-container .modal-body {
		min-height: 440px;
	}

	.main-actions.svelte-rvcix2 {
		display: flex;
		gap: 8px;
		width: 100%;
	}

	.wizard-footer.svelte-rvcix2 {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}

	.wizard-footer__back.svelte-rvcix2 {
		min-width: 80px;
	}

	.wizard-footer__actions.svelte-rvcix2 {
		display: flex;
		flex-direction: row;
		gap: 8px;
	}

	.zones_color.svelte-rvcix2 {
		width: 24px;
		height: 24px;
		border-radius: 4px;
		margin-right: 10px;
	}

	.quantity-indicator-fixed-width.svelte-1vb4fmz {
		/* ToDo - this is a temporary fix to make the quantity indicator fixed width need to be reworked in ds*/
		width: 52px;
		flex: 0 0 auto;
		display: flex;
		height: 100%;
		justify-content: center;
		align-items: center;
	}

	.fil-pilote-mode-grid.svelte-115p1jz {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--spacing-s, 0.5rem);
		width: 100%;
	}

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

	.recording-indicator.svelte-1rqu5a1 {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: var(--spacing-xs, 4px);
		height: 24px;
		padding: 6px 8px 6px 6px;
		background-color: var(--color-danger);
		border-radius: var(--spacing-s-plus, 12px);
	}

	.live-indicator.svelte-1rqu5a1 {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 14px;
		height: 14px;
		color: var(--color-base);
		font-size: 11px;
		animation: svelte-1rqu5a1-blink 1s ease-in-out infinite;
	}

	.live-indicator.svelte-1rqu5a1 i:where(.svelte-1rqu5a1) {
		font-size: 8px;
	}

	@keyframes svelte-1rqu5a1-blink {
		0%,
		100% {
			opacity: 1;
		}
		50% {
			opacity: 0.3;
		}
	}

	.recording-indicator.svelte-1rqu5a1 .recording-text {
		color: var(--color-base);
		font-size: 10px;
		font-weight: 500;
		line-height: 11px;
		text-transform: uppercase;
		letter-spacing: 0.3px;
	}

	.video-actions.svelte-1bpx8rn {
		display: flex;
		gap: var(--spacing-s, 8px);
		padding: var(--spacing-s, 8px);
		background-color: var(--color-0);
		width: 100%;
	}

	.video-action-button.svelte-1ohg57s {
		flex: 1 0 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: var(--spacing-s, 8px);
		padding: 6px 4px;
		background-color: var(--color-1);
		border: none;
		border-radius: 8px;
		cursor: pointer;
		min-width: 0;
		min-height: 48px;
		transition: background-color 0.2s ease;
	}

	/* Icon-only mode */
	.video-action-button.icon-only.svelte-1ohg57s {
		gap: 0;
	}

	.video-action-button.svelte-1ohg57s:hover:not(.disabled):not(.loading) {
		background-color: var(--color-2);
	}

	.video-action-button.svelte-1ohg57s:active:not(.disabled):not(.loading) {
		background-color: var(--color-3);
	}

	/* Active state */
	.video-action-button.active.svelte-1ohg57s {
		background-color: var(--color-primary);
	}

	.video-action-button.active.svelte-1ohg57s .action-label {
		color: var(--color-white);
	}

	/* Disabled state */
	.video-action-button.disabled.svelte-1ohg57s {
		opacity: 0.5;
		cursor: not-allowed;
	}

	/* Loading state */
	.video-action-button.loading.svelte-1ohg57s {
		cursor: default;
	}

	.video-action-button.loading.svelte-1ohg57s .action-label {
		color: var(--color-3);
	}

	/* Success variant */
	.video-action-button.variant-success.svelte-1ohg57s {
		background-color: var(--color-success-10);
	}

	.video-action-button.variant-success.svelte-1ohg57s .icon-wrapper:where(.svelte-1ohg57s) {
		color: var(--color-success);
	}

	.video-action-button.variant-success.svelte-1ohg57s .icon-wrapper:where(.svelte-1ohg57s) * {
		color: var(--color-success) !important;
	}

	.video-action-button.variant-success.svelte-1ohg57s .action-label {
		color: var(--color-success);
	}

	.video-action-button.variant-success.svelte-1ohg57s:hover:not(.disabled):not(.loading) {
		background-color: var(--color-success-20);
	}

	/* Danger variant */
	.video-action-button.variant-danger.svelte-1ohg57s .icon-wrapper:where(.svelte-1ohg57s) {
		color: var(--color-danger);
	}

	.video-action-button.variant-danger.svelte-1ohg57s .icon-wrapper:where(.svelte-1ohg57s) * {
		color: var(--color-danger) !important;
	}

	.video-action-button.variant-danger.svelte-1ohg57s .action-label {
		color: var(--color-danger);
	}

	/* Warning variant */
	.video-action-button.variant-warning.svelte-1ohg57s {
		background-color: var(--color-warning-10);
	}

	.video-action-button.variant-warning.svelte-1ohg57s .icon-wrapper:where(.svelte-1ohg57s) {
		color: var(--color-warning);
	}

	.video-action-button.variant-warning.svelte-1ohg57s .icon-wrapper:where(.svelte-1ohg57s) * {
		color: var(--color-warning) !important;
	}

	.video-action-button.variant-warning.svelte-1ohg57s .action-label {
		color: var(--color-warning);
	}

	.video-action-button.variant-warning.svelte-1ohg57s:hover:not(.disabled):not(.loading) {
		background-color: var(--color-warning-20);
	}

	.icon-wrapper.svelte-1ohg57s {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 20px;
		height: 20px;
		color: var(--color-white);
	}

	.video-action-button.svelte-1ohg57s .action-label {
		color: var(--color-muted);
		text-transform: uppercase;
		letter-spacing: 0.48px;
		font-size: 8px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		width: 100%;
		text-align: center;
	}

	.player-root.svelte-1p1hj4o {
		display: contents;
	}

	.ai-detection-zoom.svelte-1sxzbpm .zoom-container {
		border-radius: var(--radius-big);
	}

	.ai-image-wrap.svelte-1sxzbpm {
		position: relative;
		width: 100%;
		aspect-ratio: 16 / 9;
		overflow: hidden;
		background: var(--color-base);
	}

	.ai-image.svelte-1sxzbpm {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.ai-box.svelte-1sxzbpm {
		position: absolute;
		box-sizing: border-box;
		border: 2px solid var(--ai-box-color, var(--color-white));
		pointer-events: none;
		transition:
			opacity 120ms ease,
			border-width 120ms ease,
			box-shadow 120ms ease;
	}

	.ai-box-label.svelte-1sxzbpm {
		position: absolute;
		top: 0;
		left: 0;
		transform: translateY(-100%);
		margin-top: -2px;
		padding: 2px 6px;
		font-size: 11px;
		line-height: 1.2;
		white-space: nowrap;
		background: var(--ai-box-color, var(--color-white));
		color: var(--color-base);
		border-radius: var(--radius-small);
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		transition: opacity 120ms ease;
	}

	.ai-image-wrap.has-active.svelte-1sxzbpm .ai-box:where(.svelte-1sxzbpm):not(.ai-box--active) {
		opacity: 0.35;
	}

	.ai-box--active.svelte-1sxzbpm {
		border-width: 3px;
		box-shadow: var(--shadow-glow-strong);
		z-index: 1;
	}

	.ai-detection-section.svelte-1sxzbpm {
		margin-top: var(--spacing-m);
	}
	.ai-detection-row.svelte-1sxzbpm {
		position: relative;
		border-radius: var(--radius-extra-big);
	}

	.ai-detection-row.svelte-1sxzbpm:focus-visible {
		outline: 2px solid var(--color-primary);
	}

	.ai-detection-row--selected.svelte-1sxzbpm {
		box-shadow: var(--shadow-glow-soft);
	}

	.ai-detection-row--selected.svelte-1sxzbpm::before {
		content: '';
		position: absolute;
		inset: 0;
		border: 2px solid var(--color-primary);
		border-radius: var(--radius-extra-big);
		pointer-events: none;
		z-index: 2;
	}

	.recordings-list.svelte-l5wac0 {
		overflow-y: auto;
	}

	.image-state-placeholder.svelte-nby36t {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		padding: var(--spacing-s, 8px);
		box-sizing: border-box;
		background-color: var(--color-1);
	}

	.placeholder-container.svelte-1fr9rq4 {
		aspect-ratio: 16/9;
		width: 100%;
		border-radius: var(--radius-big);
		overflow: hidden;
	}

	.placeholder-container.image.svelte-1fr9rq4 {
		cursor: pointer;
	}

	.main-tab-container.svelte-148407 {
		background-color: #0e0f10;
		border-radius: 18px;
		padding: 8px;
	}

	.main-tab-first-inner-container.svelte-148407 {
		margin-bottom: 12px;
	}

	.control-flex-column.svelte-o1kzd1 {
		flex: 1;
	}

	.no-capitalize .label-value::first-letter {
		text-transform: none !important;
	}

	.recipients-grid.svelte-d6afe {
		display: grid;
		grid-template-columns: 1fr;
		gap: var(--spacing-m, 16px);
		align-items: start;
		width: 100%;
	}

	.recipients-grid.two-cols.svelte-d6afe {
		grid-template-columns: 1fr 1fr;
		column-gap: var(--spacing-s, 16px);
	}

	.channel-cell.svelte-d6afe {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-s, 8px);
		min-width: 0;
	}

	.channel-header.svelte-d6afe {
		display: flex;
		align-items: center;
		gap: var(--spacing-s, 8px);
	}

	.recipient-list.svelte-d6afe {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: var(--spacing-xs, 4px);
		min-width: 0;
	}
	.recipient-list.svelte-d6afe .recipient-label {
		align-self: stretch;
		max-width: 100%;
		min-width: 0;
		height: auto;
		min-height: 0;
	}

	.recipient-list.svelte-d6afe .recipient-label .label-value-container {
		min-width: 0;
		flex: 1 1 auto;
		text-align: left;
	}

	.recipient-list.svelte-d6afe .recipient-label .label-value {
		display: block;
		min-width: 0;
		max-width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* (unused) .home-row-item-subtitle {
		text-overflow: ellipsis;
		overflow: hidden;
	}*/

	.home-row-active-no-hover.navigation-item-homes-dropdown-menu:hover:not(.disabled) {
		background: transparent !important;
		background-color: transparent !important;
	}

	.home-row-chevron-btn.icon-button.secondary:not(.disabled-overlay, .active):active {
		box-shadow: none !important;
	}

	@media (hover: hover) and (pointer: fine) {
		.home-row-chevron-btn.icon-button.secondary:not(.disabled-overlay, .active):hover {
			box-shadow: none !important;
		}
	}

	.home-row-chevron-btn .icon-grid {
		transition: transform 0.2s ease-in-out;
	}

	.home-row-chevron-btn.is-open .icon-grid {
		transform: rotate(180deg);
	}

	.homelist-wrapper.svelte-1i2l9vw {
		background-color: var(--color-theme-card);
		border-radius: var(--radius-big);
	}

	.homes-container.svelte-1qjlyyw {
		margin: var(--spacing-s);
		background-color: var(--color-theme-card);
		border-radius: var(--radius-big);
		max-height: 550px;
		overflow-y: auto;
	}

	.selected-profile-trigger.svelte-1qjlyyw {
		display: flex;
		align-items: center;
		padding: var(--spacing-s-plus);
		box-sizing: border-box;
	}

	/* (unused) .selected-profile-avatar {
		margin-right: var(--spacing-s-plus);
		flex-shrink: 0;
	}*/

	.selected-profile-text.svelte-1qjlyyw {
		display: flex;
		flex: 1;
		flex-direction: column;
		justify-content: center;
		overflow: hidden;
		min-width: 0;
	}

	/* (unused) .profile-switch-btn {
		flex-shrink: 0;
		margin-left: var(--spacing-s-plus);
	}*/

	/* (unused) .profile-switch-btn:global(.icon-button.secondary.active),
	.profile-switch-btn:global(.icon-button.secondary:not(.disabled-overlay):active) {
		background: var(--color-theme-card-02);
		box-shadow: none;
	}*/

	.profile-dropdown-divider.svelte-1vh57n6 {
		border-top: 1px solid var(--color-theme-border-03);
	}

	@media screen and (max-width: 639px) {
		.profile-account-modal.modal-container.type-default {
			padding-right: 0 !important;
			padding-left: 0 !important;
			padding-bottom: 0 !important;
		}
	}

	text.title.svelte-1rm9q5g {
		font-style: italic;
		text-transform: capitalize;
	}

	.path-anime.svelte-1cpxvmq {
		animation: svelte-1cpxvmq-dash 0.75s linear infinite;
	}
	@keyframes svelte-1cpxvmq-dash {
		to {
			stroke-dashoffset: 0;
		}
	}

	.path-anime.svelte-103bfrd {
		animation: svelte-103bfrd-dash 0.75s linear 0.201s infinite;
	}
	@keyframes svelte-103bfrd-dash {
		to {
			stroke-dashoffset: 0;
		}
	}

	.energy-distribution-card.svelte-gssfm3 {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-around;
	}

	@media screen and (min-width: 800px) {
		.energy-distribution-card.svelte-gssfm3 {
			flex-direction: row;
		}
	}

	.text-italic {
		font-style: italic;
	}
	.image-wrapper.svelte-cm75ts {
		padding: 20px 40px;
	}
	img.svelte-cm75ts {
		max-width: 100%;
	}

	.no-box-shadow {
		box-shadow: none !important;
		background-color: transparent !important;
	}
	.grid.svelte-1j2a6w3 {
		min-height: 100%;
		display: grid;
	}

	.promo-campaign-card.svelte-1ctmpu0 {
		background: var(--color-2, #303235);
		border-radius: var(--radius-small, 8px);
		overflow: hidden;
		display: flex;
		flex-direction: column;
	}

	.promo-campaign-card.expired.svelte-1ctmpu0 {
		opacity: 0.6;
		user-select: none;
	}

	.promo-campaign-card__content.svelte-1ctmpu0 {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-s, 8px);
		padding: var(--spacing-m, 16px);
	}

	.promo-campaign-card__header.svelte-1ctmpu0 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		gap: var(--spacing-s, 8px);
	}

	.promo-campaign-card__header-left.svelte-1ctmpu0 {
		display: flex;
		flex-direction: column;
		gap: 2px;
	}

	.promo-campaign-card__category.svelte-1ctmpu0 {
		display: flex;
		align-items: center;
		gap: var(--spacing-xs, 4px);
	}

	.promo-campaign-card__category-label.svelte-1ctmpu0 {
		font-family: 'Inter', sans-serif;
		font-size: 10px;
		font-weight: 500;
		line-height: 1;
		letter-spacing: 0.6px;
		text-transform: uppercase;
		color: var(--color-muted, #a1a2a2);
	}

	.promo-campaign-card__title {
		color: var(--color-white, #ffffff) !important;
		margin-top: 4px !important;
		margin-bottom: 0 !important;
	}

	.promo-campaign-card__card-icon {
		color: var(--color-white, #ffffff) !important;
		font-size: 28px !important;
		width: 44px;
		height: 44px;
		display: flex !important;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}

	.promo-campaign-card__divider.svelte-1ctmpu0 {
		height: 1px;
		background: var(--color-3, #5b5f66);
		width: 100%;
		flex-shrink: 0;
	}

	.promo-campaign-card__description {
		color: var(--color-white, #ffffff) !important;
	}

	.promo-campaign-card__actions.svelte-1ctmpu0 {
		display: flex;
		justify-content: flex-end;
		margin-top: var(--spacing-xs, 4px);
	}

	.content-section.svelte-139xwyv {
		display: flex;
		flex-direction: column;
		gap: 24px;
		padding: 24px 24px 0px 24px;
	}

	.content-text.svelte-139xwyv {
		font-family: 'Inter', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 19px;
		color: var(--color-white, #ffffff);
	}

	.content-paragraph.svelte-139xwyv {
		margin: 0 0 10px 0;
	}

	.discount-list.svelte-139xwyv {
		list-style: disc;
		padding-left: 24px;
		margin: 0;
	}

	.discount-list.svelte-139xwyv li:where(.svelte-139xwyv) {
		margin-bottom: 0;
		line-height: 19px;
	}

	.discount-list .text-bold {
		font-weight: 700;
	}

	.survey-image.svelte-1cs3vku {
		width: 100%;
		max-width: 528px;
		height: auto;
		object-fit: contain;
	}

	.main-text.svelte-1cs3vku {
		max-width: 560px;
		opacity: 0.75;
	}

	.sub-text.svelte-1cs3vku {
		font-size: 18px;
	}

	.bottom-content.svelte-1cs3vku {
		width: 100%;
		max-width: 448px;
		box-sizing: border-box;
	}

	.button.svelte-1cs3vku {
		width: 100%;
		box-sizing: border-box;
		height: 56px;
		font-size: 18px;
		background: #ffffff;
		border-radius: 45px;
		cursor: pointer;
	}

	.promo-dropdown-header__label.svelte-zidhgc {
		font-size: 10px;
		font-weight: 500;
		letter-spacing: 0.6px;
		line-height: normal;
		text-transform: uppercase;
		color: var(--color-muted, #a1a2a2);
	}

	.promo-thumbnail.svelte-1iyg108 {
		position: relative;
		flex-shrink: 0;
		width: 64px;
		height: 64px;
	}

	.promo-thumbnail__icon-wrapper.svelte-1iyg108 {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--color-2, #1b1d21);
		border-radius: 8px;
		box-shadow: 0 0 25px rgba(0, 0, 0, 0.75);
	}

	.promo-thumbnail__image.svelte-1iyg108 {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 8px;
		box-shadow: 0 0 25px rgba(0, 0, 0, 0.75);
	}

	.promo-thumbnail__badge.svelte-1iyg108 {
		position: absolute;
		top: -3px;
		right: -3px;
		width: 12px;
		height: 12px;
		background: var(--color-danger, #ff4a50);
		border-radius: 50%;
		border: 2px solid var(--color-1, #242527);
	}

	.promo-expiry-tag.svelte-1g8w91p {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		align-self: flex-start;
		padding: 4px 8px;
		background: var(--color-base, #151617);
		border-radius: 40px;
	}

	.promo-expiry-tag.darker.svelte-1g8w91p {
		background: black;
	}

	.promo-expiry-tag__text.svelte-1g8w91p {
		font-size: 10px;
		font-weight: 500;
		letter-spacing: 0.6px;
		line-height: normal;
		text-transform: uppercase;
		color: var(--color-white, #ffffff);
		white-space: nowrap;
	}

	.promo-item-card.svelte-1oftjuf {
		display: flex;
		width: 100%;
		padding: 0;
		margin: 0;
		border: none;
		background: transparent;
		cursor: pointer;
		text-align: left;
		border-radius: 8px;
		transition: background 0.15s ease;
	}

	.promo-item-card.svelte-1oftjuf:hover {
		background: var(--color-2, #1e2023);
	}

	.promo-item-card.svelte-1oftjuf:focus-visible {
		outline: 2px solid var(--color-primary, #2491ff);
		outline-offset: 2px;
	}

	.promo-item-card__content.svelte-1oftjuf {
		flex: 1;
		min-width: 0;
	}

	.promo-item-card__title.svelte-1oftjuf {
		font-size: 16px;
		font-weight: 700;
		line-height: 19px;
		color: var(--color-white, #ffffff);
		margin: 0;
	}

	.promo-item-card__description {
		color: var(--color-white, #ffffff) !important;
	}

	.promo-dropdown-cta {
		border-radius: 200px !important;
	}

	.message-badge.svelte-1xjq24z,
	.scene-alerts.svelte-1xjq24z {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		gap: var(--spacing-xs);
	}

	.quick-actions.svelte-bdmjyg {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		margin-top: 12px;
	}

	.option-chip-btn.svelte-bdmjyg {
		all: unset;
		cursor: pointer;
		display: inline-flex;
	}

	.option-chip-btn.svelte-bdmjyg:hover {
		opacity: 0.85;
	}

	.option-chip-btn.svelte-bdmjyg:active {
		transform: scale(0.96);
	}
/**
 * Message Content Styles
 *
 * Styles for markdown-rendered HTML content in ChatMessage.svelte.
 * These styles target dynamically injected HTML via {@html} and must be
 * applied globally since Svelte's scoped styles cannot reach innerHTML.
 *
 * Imported as a CSS file to avoid :global() in the component.
 */

/* Text wrapper styling */
.message-content .text {
	color: inherit !important;
	line-height: 1.5;
}

.message.user .message-content .text {
	color: var(--color-base, #151617) !important;
}

/* Paragraph spacing */
.message-content p {
	margin: 0 0 8px 0;
}

.message-content p:last-child {
	margin-bottom: 0;
}

/* Text formatting */
.message-content strong,
.message-content b {
	font-weight: 600;
}

.message-content em,
.message-content i {
	font-style: italic;
}

/* Lists */
.message-content ul,
.message-content ol {
	margin: 8px 0;
	padding-left: 20px;
}

.message-content li {
	margin: 4px 0;
}

/* Code blocks */
.message-content code {
	background: rgba(0, 0, 0, 0.2);
	padding: 2px 6px;
	border-radius: 4px;
	font-family: 'Fira Code', 'Monaco', monospace;
	font-size: 0.9em;
}

.message-content pre {
	background: rgba(0, 0, 0, 0.3);
	padding: 12px;
	border-radius: 8px;
	overflow-x: auto;
	margin: 8px 0;
}

.message-content pre code {
	background: transparent;
	padding: 0;
}

/* Links */
.message-content a {
	color: var(--color-primary-2, #4da6ff);
	text-decoration: underline;
}

/* Blockquotes */
.message-content blockquote {
	border-left: 3px solid var(--color-primary-1);
	margin: 8px 0;
	padding-left: 12px;
	opacity: 0.9;
}

/* Headings */
.message-content h1,
.message-content h2,
.message-content h3,
.message-content h4 {
	margin: 12px 0 8px 0;
	font-weight: 600;
}

.message-content h1 {
	font-size: 1.3em;
}

.message-content h2 {
	font-size: 1.2em;
}

.message-content h3 {
	font-size: 1.1em;
}

/* Horizontal rule */
.message-content hr {
	border: none;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	margin: 12px 0;
}

/* Token styles in user messages (suggestion-token comes from TokenStyles.svelte) */
.message-content .suggestion-token {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 8px;
	border-radius: 12px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	font-family: var(--font-family-primary, 'Shelly Sans', sans-serif);
	vertical-align: baseline;
}

/* Scene feedback animation */
.feedback-thanks .icon {
	animation: pulse 1s ease-in-out infinite;
}

@keyframes pulse {
	0%,
	100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.15);
	}
}

	.message.svelte-1uvzu9 {
		display: flex;
		margin-bottom: 12px;
		padding: 0 8px;
	}

	.message.user.svelte-1uvzu9 {
		justify-content: flex-end;
	}

	.message.ai.svelte-1uvzu9 {
		justify-content: flex-start;
	}

	.message-bubble.svelte-1uvzu9 {
		max-width: 85%;
		padding: 12px 16px;
		border-radius: 16px;
		position: relative;
	}

	.message.user.svelte-1uvzu9 .message-bubble:where(.svelte-1uvzu9) {
		background: var(--color-secondary);
		border-bottom-right-radius: 4px;
	}

	.message.user.svelte-1uvzu9 .message-bubble:where(.svelte-1uvzu9) .message-content:where(.svelte-1uvzu9) {
		color: var(--color-base);
	}

	.message.ai.svelte-1uvzu9 .message-bubble:where(.svelte-1uvzu9) {
		background: var(--color-1, #242527);
		color: var(--color-white, #ffffff);
		border-bottom-left-radius: 4px;
	}

	.message-content.svelte-1uvzu9 {
		word-wrap: break-word;
		line-height: 1.6;
		user-select: text;
		-webkit-user-select: text;
	}

	/* User message content styles */
	.message-content.user-content.svelte-1uvzu9 {
		color: var(--color-base, #151617);
	}

	/*
	 * Markdown styles (p, strong, code, pre, blockquote, h1-h4, ul, ol, li, hr, a)
	 * and token styles (.suggestion-token) are in styles/message-content.css
	 * because they target dynamically injected HTML via {@html} and cannot be scoped.
	 */

	/* Token info (dev mode only) */
	.token-info.svelte-1uvzu9 {
		display: flex;
		gap: 12px;
		padding: 6px 10px;
		background: rgba(255, 193, 7, 0.1);
		border: 1px dashed rgba(255, 193, 7, 0.3);
		border-radius: 4px;
		font-size: 11px;
		color: var(--color-warning, #ffc107);
	}

	.token-stat.svelte-1uvzu9 {
		display: flex;
		align-items: center;
		gap: 4px;
	}

	.token-cost.svelte-1uvzu9 {
		font-weight: 500;
	}

	/* Scene feedback animation is in styles/message-content.css */

	/* Responsive adjustments */
	@media (max-width: 768px) {
		.message-bubble.svelte-1uvzu9 {
			max-width: 90%;
			padding: 10px 12px;
		}
	}

	:root {
		--bg: #000;
		--ring: #2491ff;
		--dur: 8s; /* 480 frames @ 60fps */
	}

	svg.svelte-1dgf0cx {
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.rings.svelte-1dgf0cx {
		fill: none;
		stroke: var(--ring);
		stroke-width: 1;
		vector-effect: non-scaling-stroke;
	}

	.spin.svelte-1dgf0cx {
		transform-origin: 170px 170px;
		transform-box: view-box;
	}

	.g1.svelte-1dgf0cx {
		opacity: 0.85;
	}

	.g2.svelte-1dgf0cx {
		opacity: 0.7;
	}

	.spin1.svelte-1dgf0cx {
		animation: svelte-1dgf0cx-spin1 var(--dur) linear infinite;
	}

	.spin2.svelte-1dgf0cx {
		animation: svelte-1dgf0cx-spin2 var(--dur) linear infinite;
	}

	.move2.svelte-1dgf0cx {
		animation: svelte-1dgf0cx-move2 var(--dur) infinite;
	}

	@keyframes svelte-1dgf0cx-spin1 {
		from {
			transform: rotate(90.41deg);
		}
		to {
			transform: rotate(-269.59deg);
		} /* clockwise one full turn */
	}

	@keyframes svelte-1dgf0cx-spin2 {
		from {
			transform: rotate(-90.41deg);
		}
		to {
			transform: rotate(269.59deg);
		} /* counterclockwise one full turn */
	}

	/* keyframes at 0/120/240/360/480 with smoothstep easing per segment */
	@keyframes svelte-1dgf0cx-move2 {
		0% {
			transform: translate(0px, 0px);
			animation-timing-function: cubic-bezier(0.333333, 0, 0.666667, 1);
		}
		25% {
			transform: translate(9px, 11px);
			animation-timing-function: cubic-bezier(0.333333, 0, 0.666667, 1);
		}
		50% {
			transform: translate(9px, 8px);
			animation-timing-function: cubic-bezier(0.333333, 0, 0.666667, 1);
		}
		75% {
			transform: translate(0px, 2px);
			animation-timing-function: cubic-bezier(0.333333, 0, 0.666667, 1);
		}
		100% {
			transform: translate(0px, 0px);
		}
	}

	.animation-wrapper.svelte-13k7jey {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 140px;
		height: 153px;
		overflow: hidden;
		margin: 0 auto 16px;
	}

	.empty-state.svelte-13k7jey {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		text-align: center;
		color: var(--color-text-secondary, #888);
	}

	/* :global() required to style canvas element rendered by FlowAnimation_v2 child component */
	.animation-wrapper.svelte-13k7jey canvas {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.examples-section.svelte-13k7jey {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 8px;
		width: 100%;
	}

	/* :global() required to style Text component passed as slot content */
	.examples-section.svelte-13k7jey .examples-title {
		font-size: 16px;
		color: white;
		font-weight: bold;
	}

	.examples.svelte-13k7jey {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 8px;
		width: 100%;
	}

	.chip-popover-wrapper.svelte-13k7jey {
		position: relative;
		display: inline-flex;
	}

	/* Step 1 onboarding popover anchor (example chips are always ≤3) */
	.chip-popover-wrapper.step1-anchor-fallback.svelte-13k7jey {
		display: block;
		width: 100%;
		min-height: 1px;
	}

	.chip-popover-wrapper.svelte-13k7jey .popover-element {
		position: absolute !important;
		inset: 0;
		display: block !important;
	}

	.example-chip.svelte-13k7jey {
		display: inline-flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		width: auto;
		max-width: 90%;
		background: rgba(14, 16, 19, 2);
		border: none;
		border-radius: 12px;
		padding: 10px 12px;
		cursor: pointer;
		text-align: center;
		font-family: 'Inter', sans-serif;
		font-size: 13px;
		font-weight: 400;
		line-height: normal;
		color: rgba(255, 255, 255, 0.6);
		text-transform: none;
		box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
		backdrop-filter: blur(10px);
		transition:
			background-color 0.2s,
			transform 0.2s;
	}

	@media (min-width: 769px) {
		.example-chip.svelte-13k7jey {
			max-width: 332px;
		}
	}

	.example-chip.svelte-13k7jey:hover {
		background: rgb(26, 28, 36);
	}

	/*
	 * :global() required for tokens rendered via innerHTML in example chips.
	 * Overrides TokenStyles.svelte defaults for Figma M size styling.
	 */
	.example-chip.svelte-13k7jey .suggestion-token {
		gap: 6px;
		padding: 4px 8px;
		border-radius: 24px;
		font-family: 'Inter', sans-serif;
		font-weight: 600;
		line-height: 16px;
		white-space: nowrap;
	}

	.example-chip.svelte-13k7jey .suggestion-token i {
		font-size: 12px;
	}

	/* Token colors are now in TokenStyles.svelte */

	.rich-mention-input-wrapper.svelte-13kmg56 {
		position: relative;
		width: 100%;
	}

	.input-container.svelte-13kmg56 {
		display: flex;
		flex-direction: column;
		gap: 12px;
		border: 1px solid #161d2d;
		border-radius: 12px;
		background: #0e1013;
		padding: 12px;
		transition:
			border-color 0.2s,
			box-shadow 0.2s;
	}

	.input-container.svelte-13kmg56:focus-within {
		border-color: #243040;
		box-shadow: 0 0 0 2px rgba(42, 63, 95, 0.3);
	}

	.rich-mention-input.svelte-13kmg56 {
		--input-max-lines: 5;
		width: 100%;
		min-height: 20px;
		max-height: calc(var(--input-max-lines) * 20px + 12px);
		overflow-y: auto;
		padding: 0;
		border: none;
		border-radius: 0;
		background: transparent;
		color: var(--color-text-primary, #eaeaea);
		font-family: 'Inter', sans-serif;
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px;
		outline: none;
		white-space: pre-wrap;
		word-wrap: break-word;
	}

	.rich-mention-input.svelte-13kmg56:not(:empty) {
		font-style: normal;
	}

	.input-toolbar.svelte-13kmg56 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
	}

	.toolbar-left.svelte-13kmg56 {
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.toolbar-right.svelte-13kmg56 {
		display: flex;
		align-items: center;
		gap: 4px;
		margin-left: auto;
	}

	/*
	 * :global() required for IconButton components passed with class props.
	 * These buttons are child components whose internal elements cannot be
	 * styled with Svelte's scoped styles. Scoped to .toolbar-right to prevent leakage.
	 */
	.toolbar-right.svelte-13kmg56 .send-button {
		width: 32px;
		height: 32px;
		background: var(--color-background-2, #242527) !important;
		border-radius: 8px !important;
		border: none !important;
	}

	.toolbar-right.svelte-13kmg56 .send-button:hover:not(:disabled) {
		background: var(--color-background-2, #242527) !important;
	}

	.toolbar-right.svelte-13kmg56 .send-button:disabled {
		opacity: 0.5;
	}

	.toolbar-right.svelte-13kmg56 .voice-button {
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
		outline: none !important;
	}

	.toolbar-right.svelte-13kmg56 .voice-button:hover,
	.toolbar-right.svelte-13kmg56 .voice-button:focus,
	.toolbar-right.svelte-13kmg56 .voice-button:hover:not(:disabled) {
		background: var(--color-background-2, #242527) !important;
		border: none !important;
		box-shadow: none !important;
		outline: none !important;
	}

	.toolbar-right.svelte-13kmg56 .paper-plane-button {
		background: var(--color-background-2, #242527) !important;
		border: none !important;
		box-shadow: none !important;
	}

	.toolbar-right.svelte-13kmg56 .paper-plane-button:hover:not(:disabled) {
		background: var(--color-background-2, #242527) !important;
		border: none !important;
		box-shadow: none !important;
	}

	.toolbar-right.svelte-13kmg56 .paper-plane-button:disabled {
		opacity: 0.3;
		background: var(--color-background-2, #242527) !important;
	}

	.rich-mention-input.disabled.svelte-13kmg56 {
		opacity: 0.6;
		cursor: not-allowed;
		pointer-events: none;
	}

	/* Placeholder styling */
	.rich-mention-input.svelte-13kmg56:empty::before {
		content: attr(data-placeholder);
		color: var(--color-text-muted, #a1a2a2);
		font-style: normal;
		pointer-events: none;
	}

	/* Token styles are now in TokenStyles.svelte */

	/* Auto-suggestion hint */
	.auto-suggest-hint.svelte-13kmg56 {
		position: absolute;
		bottom: 100%;
		left: 0;
		right: 0;
		padding: 8px 12px;
		background: var(--color-background-3, #2a2a2a);
		border: 1px solid var(--color-border, #3a3a3a);
		border-radius: 8px;
		margin-bottom: 4px;
		font-size: 12px;
		color: var(--color-text-secondary, #888);
		display: flex;
		align-items: center;
		gap: 6px;
		flex-wrap: wrap;
	}

	.auto-suggest-hint--mobile.svelte-13kmg56 {
		cursor: pointer;
		background: var(--color-background-3, #2a2a2a);
		border: 1px solid var(--color-primary-1, #4a9eff);
		font: inherit;
		padding: 10px 14px;
	}

	.auto-suggest-hint--mobile.svelte-13kmg56:active {
		background: var(--color-background-4, #3a3a3a);
	}

	.auto-suggest-hint.svelte-13kmg56 kbd:where(.svelte-13kmg56) {
		display: inline-block;
		padding: 2px 6px;
		background: var(--color-background-4, #3a3a3a);
		border: 1px solid var(--color-border, #555);
		border-radius: 4px;
		font-family: monospace;
		font-size: 11px;
		color: var(--color-text-primary, #fff);
	}

	/* Token preview styles are now in TokenStyles.svelte */

	/* Context hint for devices */
	.context-hint.svelte-13kmg56 {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 8px 12px;
		background: linear-gradient(135deg, rgba(76, 175, 80, 0.1) 0%, transparent 100%);
		border-bottom: 1px solid var(--color-border, #3a3a3a);
		font-size: 12px;
		color: var(--color-success, #4caf50);
	}

	.context-hint.svelte-13kmg56 i:where(.svelte-13kmg56) {
		font-size: 10px;
	}

	.context-hint.svelte-13kmg56 strong:where(.svelte-13kmg56) {
		font-weight: 600;
	}

	.mention-dropdown.svelte-13kmg56 {
		position: absolute;
		bottom: 100%;
		left: 0;
		right: 0;
		max-height: 320px;
		overflow-y: auto;
		background: var(--color-background-3, #2a2a2a);
		border: 1px solid var(--color-border, #3a3a3a);
		border-radius: 8px;
		margin-bottom: 4px;
		box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.3);
		z-index: 1000;
	}

	.mention-empty.svelte-13kmg56 {
		padding: 12px 16px;
		color: var(--color-text-secondary, #888);
		font-size: 13px;
		text-align: center;
	}

	.mention-group.svelte-13kmg56 {
		padding: 4px 0;
	}

	.mention-group.svelte-13kmg56:not(:last-child) {
		border-bottom: 1px solid var(--color-border, #3a3a3a);
	}

	.in-room-group.svelte-13kmg56 {
		background: rgba(76, 175, 80, 0.05);
	}

	.mention-group-label.svelte-13kmg56 {
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 8px 12px 4px;
		font-size: 11px;
		font-weight: 600;
		text-transform: uppercase;
		color: var(--color-text-secondary, #888);
		letter-spacing: 0.5px;
	}

	.room-label.svelte-13kmg56 {
		color: var(--color-primary-1);
	}

	.device-label.svelte-13kmg56 {
		color: #24d38c;
	}

	.group-label.svelte-13kmg56 {
		color: var(--color-warning, #ffc107);
	}

	.scene-label.svelte-13kmg56 {
		color: #9c27b0;
	}

	.trigger-hint.svelte-13kmg56 {
		margin-left: auto;
		padding: 1px 5px;
		background: var(--color-background-4, #3a3a3a);
		border-radius: 3px;
		font-size: 10px;
		font-weight: 700;
		font-family: monospace;
	}

	.mention-option.svelte-13kmg56 {
		display: flex;
		align-items: center;
		gap: 10px;
		width: 100%;
		padding: 10px 12px;
		background: transparent;
		border: none;
		color: var(--color-text-primary, #ffffff);
		font-size: 14px;
		text-align: left;
		cursor: pointer;
		transition: background-color 0.15s;
	}

	.mention-option.svelte-13kmg56:hover,
	.mention-option.selected.svelte-13kmg56 {
		background: var(--color-background-4, #3a3a3a);
	}

	.mention-option.svelte-13kmg56 i:where(.svelte-13kmg56) {
		color: var(--color-text-secondary, #888);
		width: 16px;
		text-align: center;
	}

	.option-name.svelte-13kmg56 {
		flex: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	/* :global() required for match highlighting rendered via innerHTML */
	.option-name.svelte-13kmg56 .match-highlight {
		background: rgba(var(--color-primary-1-rgb, 0, 123, 255), 0.3);
		color: var(--color-primary-1);
		border-radius: 2px;
		padding: 0 2px;
		font-weight: 600;
	}

	.option-room.svelte-13kmg56 {
		font-size: 12px;
		color: var(--color-text-secondary, #888);
		flex-shrink: 0;
	}

	/* Scrollbar styling */
	.mention-dropdown.svelte-13kmg56::-webkit-scrollbar,
	.rich-mention-input.svelte-13kmg56::-webkit-scrollbar {
		width: 6px;
	}

	.mention-dropdown.svelte-13kmg56::-webkit-scrollbar-track,
	.rich-mention-input.svelte-13kmg56::-webkit-scrollbar-track {
		background: transparent;
	}

	.mention-dropdown.svelte-13kmg56::-webkit-scrollbar-thumb,
	.rich-mention-input.svelte-13kmg56::-webkit-scrollbar-thumb {
		background: var(--color-border, #3a3a3a);
		border-radius: 3px;
	}

	.mention-dropdown.svelte-13kmg56::-webkit-scrollbar-thumb:hover,
	.rich-mention-input.svelte-13kmg56::-webkit-scrollbar-thumb:hover {
		background: var(--color-text-secondary, #888);
	}

	/* Voice recording styles */
	.rich-mention-input.recording.svelte-13kmg56 {
		border-color: var(--color-danger, #dc3545);
		box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.2);
	}

	/* :global() required for mic/recording button components passed with class props */
	.input-container.svelte-13kmg56 .recording-button {
		background: linear-gradient(135deg, #dc3545, #ff6b6b) !important;
		animation: svelte-13kmg56-pulse 1.5s infinite;
	}

	.input-container.svelte-13kmg56 .mic-button {
		background: var(--color-primary-1) !important;
	}

	.input-container.svelte-13kmg56 .mic-button:hover {
		transform: scale(1.05);
	}

	@keyframes svelte-13kmg56-pulse {
		0%,
		100% {
			transform: scale(1);
			box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.4);
		}
		50% {
			transform: scale(1.05);
			box-shadow: 0 0 0 8px rgba(220, 53, 69, 0);
		}
	}

	/* Voice status display */
	.voice-status.svelte-13kmg56 {
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 8px 12px;
		border-radius: 8px;
		margin-top: 8px;
		font-size: 13px;
	}

	.recording-status.svelte-13kmg56 {
		background: rgba(220, 53, 69, 0.1);
		border: 1px solid rgba(220, 53, 69, 0.3);
		color: var(--color-danger, #dc3545);
	}

	.error-status.svelte-13kmg56 {
		background: rgba(220, 53, 69, 0.1);
		border: 1px solid rgba(220, 53, 69, 0.3);
		color: var(--color-danger, #dc3545);
	}

	.recording-indicator.svelte-13kmg56 {
		width: 10px;
		height: 10px;
		background: var(--color-danger, #dc3545);
		border-radius: 50%;
		animation: svelte-13kmg56-blink 1s infinite;
	}

	@keyframes svelte-13kmg56-blink {
		0%,
		100% {
			opacity: 1;
		}
		50% {
			opacity: 0.3;
		}
	}

	.status-text.svelte-13kmg56 {
		font-weight: 500;
	}

	.interim-transcript.svelte-13kmg56 {
		color: var(--color-text-secondary, #888);
		font-style: italic;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 200px;
	}

	.suggestions-container.svelte-uxt3tv {
		position: relative;
		padding: 8px var(--spacing-m, 16px);
		/* border-top: 1px solid var(--color-border, #333); */
		flex-shrink: 0;
		overflow: hidden;
		touch-action: pan-x;
	}

	@media (min-width: 769px) {
		.suggestions-container.svelte-uxt3tv {
			padding: 8px var(--spacing-l, 24px);
		}
	}

	.suggestions-chips.svelte-uxt3tv {
		display: flex;
		gap: 8px;
		align-items: center;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
		touch-action: pan-x;
		overscroll-behavior: contain;
	}

	.suggestions-chips.svelte-uxt3tv::-webkit-scrollbar {
		display: none;
	}

	.suggestions-label.svelte-uxt3tv {
		flex-shrink: 0;
		font-size: 12px;
		font-weight: 300;
		line-height: 15px;
		color: rgba(255, 255, 255, 0.5);
		align-self: center;
	}

	.suggestion-chip.svelte-uxt3tv {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 8px 12px;
		background: var(--color-background-3, #242527);
		border: 1px solid rgba(229, 231, 235, 0.2);
		border-radius: 24px;
		cursor: pointer;
		font-family: 'Inter', sans-serif;
		font-size: 13px;
		font-weight: 400;
		line-height: 16px;
		color: var(--color-text-primary, #fff);
		white-space: nowrap;
		transition:
			background-color 0.2s,
			border-color 0.2s;
	}

	.suggestion-chip.svelte-uxt3tv:hover {
		background: var(--color-background-4, #3a3a3a);
		border-color: var(--color-primary-1);
	}

	.suggestion-chip.svelte-uxt3tv i:where(.svelte-uxt3tv) {
		font-size: 12px;
	}

	.room-chip.svelte-uxt3tv i:where(.svelte-uxt3tv) {
		color: var(--color-primary-1, #2196f3);
	}

	.device-chip.svelte-uxt3tv i:where(.svelte-uxt3tv) {
		color: #24d38c;
	}

	.group-chip.svelte-uxt3tv i:where(.svelte-uxt3tv) {
		color: var(--color-warning, #ffc107);
	}

	.scene-chip.svelte-uxt3tv i:where(.svelte-uxt3tv) {
		color: #9c27b0;
	}

	.room-chip.auto-focused.svelte-uxt3tv {
		border-color: var(--color-primary-1);
		background: rgba(33, 150, 243, 0.15);
	}

	.device-chip.auto-focused.svelte-uxt3tv {
		border-color: #24d38c;
		background: rgba(36, 211, 140, 0.15);
	}

	.group-chip.auto-focused.svelte-uxt3tv {
		border-color: var(--color-warning, #ffc107);
		background: rgba(255, 193, 7, 0.15);
	}

	.scene-chip.auto-focused.svelte-uxt3tv {
		border-color: #9c27b0;
		background: rgba(156, 39, 176, 0.15);
	}

	.suggestion-chip.suggested.svelte-uxt3tv {
		border-color: var(--color-primary-1);
		background: rgba(33, 150, 243, 0.15);
		box-shadow: 0 0 0 1px rgba(33, 150, 243, 0.3);
	}

	.suggestion-chip.suggested.svelte-uxt3tv i:where(.svelte-uxt3tv) {
		color: var(--color-primary-1);
	}

	.fade-overlay.svelte-uxt3tv {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 40px;
		pointer-events: none;
		opacity: 0;
		transition: opacity 0.2s ease-in-out;
	}

	.fade-overlay.visible.svelte-uxt3tv {
		opacity: 1;
	}

	.fade-left.svelte-uxt3tv {
		left: 0;
		background: linear-gradient(
			90deg,
			var(--color-background-2, #151617) 0%,
			var(--color-background-2, #151617) 20%,
			rgba(21, 22, 23, 0) 100%
		);
	}

	.fade-right.svelte-uxt3tv {
		right: 0;
		background: linear-gradient(
			270deg,
			var(--color-background-2, #151617) 0%,
			var(--color-background-2, #151617) 20%,
			rgba(21, 22, 23, 0) 100%
		);
	}

	.agent-selector.svelte-131fchy {
		position: relative;
	}

	.selector-btn.svelte-131fchy {
		display: flex;
		align-items: center;
		gap: 6px;
		height: 32px;
		padding: 6px;
		background: transparent;
		border: none;
		border-radius: 8px;
		color: var(--color-text-secondary, #888);
		font-family: 'Inter', sans-serif;
		font-size: 13px;
		font-weight: 400;
		line-height: 16px;
		cursor: pointer;
		transition: background-color 0.2s;
		white-space: nowrap;
	}

	.selector-btn.svelte-131fchy:hover:not(:disabled) {
		background: var(--color-background-2, #242527);
		color: var(--color-text-primary, #eaeaea);
	}

	.selector-btn.svelte-131fchy:disabled {
		opacity: 0.5;
		cursor: not-allowed;
	}

	.selector-btn.svelte-131fchy i:where(.svelte-131fchy) {
		font-size: 13px;
		width: 16px;
		height: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* AI Gradient Icon */
	.gradient-icon.svelte-131fchy {
		background: var(--Default-Gradients-AI, linear-gradient(255deg, #0f8 0%, #4f48ff 100%));
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
	}

	.chevron.svelte-131fchy {
		font-size: 12px !important;
		color: var(--color-text-secondary, #888);
	}

	.dropdown.svelte-131fchy {
		position: absolute;
		bottom: calc(100% + 4px);
		left: 0;
		min-width: 140px;
		background: var(--color-background-1, #151617);
		border: 1px solid var(--color-border-2, #5b5f66);
		border-radius: 8px;
		box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.3);
		z-index: 10;
		overflow: hidden;
	}

	.dropdown-item.svelte-131fchy {
		display: block;
		width: 100%;
		padding: 8px 12px;
		background: transparent;
		border: none;
		color: var(--color-text-primary, #eaeaea);
		font-family: 'Inter', sans-serif;
		font-size: 13px;
		font-weight: 400;
		line-height: 16px;
		text-align: left;
		cursor: pointer;
		transition: background-color 0.15s;
	}

	.dropdown-item.svelte-131fchy:hover,
	.dropdown-item.active.svelte-131fchy {
		background: var(--color-background-2, #242527);
	}

	.dropdown-item.active.svelte-131fchy {
		color: var(--color-primary-1);
	}

	.prompt-usage.svelte-icba0a {
		display: inline-flex;
		align-items: center;
		font-family: 'Inter', sans-serif;
		font-size: 12px;
		font-weight: 500;
		line-height: 16px;
		padding: 4px 8px;
		border-radius: 6px;
		background: var(--color-background-1, #151617);
		border: 1px solid var(--color-border-2, #5b5f66);
		color: var(--color-text-secondary, white);
		white-space: nowrap;
		transition:
			color 0.3s,
			border-color 0.3s,
			background 0.3s;
	}

	.prompt-usage--premium.svelte-icba0a {
		background: linear-gradient(135deg, #f5d88a 0%, #c9a227 50%, #d4af37 100%);
		border-color: #c9a227;
		color: #2d2d2d;
	}

	.gem-icon.svelte-icba0a {
		display: flex;
		align-items: center;
		flex-shrink: 0;
	}

	.gem-icon.svelte-icba0a .gem-icon-color {
		color: #2d2d2d;
	}

	.prompt-usage--warning.svelte-icba0a {
		color: var(--color-warning, #ff9800);
		border-color: var(--color-warning, #ff9800);
	}

	.prompt-usage--danger.svelte-icba0a {
		color: var(--color-danger, #f44336);
		border-color: var(--color-danger, #f44336);
	}

	.rolling-number.svelte-icba0a {
		display: inline-flex;
		overflow: hidden;
	}

	.digit-slot.svelte-icba0a {
		display: inline-block;
		height: 1em;
		overflow: hidden;
		line-height: 1;
	}

	.digit-reel.svelte-icba0a {
		display: flex;
		flex-direction: column;
		transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
	}

	.digit-face.svelte-icba0a {
		height: 1em;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.usage-info.svelte-icba0a {
		padding: 4px 0;
		font-size: 13px;
		line-height: 1.5;
		color: var(--color-text-primary);
	}

	.usage-info.svelte-icba0a p:where(.svelte-icba0a) {
		margin: 4px 0;
	}

	.usage-info.svelte-icba0a p:where(.svelte-icba0a):first-child {
		font-weight: 600;
	}

	.token-type-menu.svelte-1a50wp8 {
		position: absolute;
		bottom: calc(100% + 8px);
		left: 0;
		width: 120px;
		background: #242527;
		border: 1px solid #5b5f66;
		border-radius: 12px;
		box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.75);
		overflow: hidden;
		z-index: 5000;
	}

	.token-type-menu.below.svelte-1a50wp8 {
		bottom: auto;
		top: calc(100% + 8px);
	}

	.token-type-menu.left.svelte-1a50wp8 {
		bottom: auto;
		top: 0;
		left: auto;
		right: calc(100% + 8px);
	}

	.menu-item.svelte-1a50wp8 {
		display: flex;
		align-items: center;
		gap: 12px;
		width: 100%;
		min-height: 44px;
		padding: 12px;
		background: var(--color-background-1, #151617);
		border: none;
		border-bottom: 1px solid #5b5f66;
		color: #fff;
		font-family: 'Inter', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 19px;
		text-align: left;
		cursor: pointer;
		transition: background-color 0.15s;
	}

	.menu-item.svelte-1a50wp8:hover {
		background: var(--color-background-2, #242527);
	}

	.menu-item.disabled.svelte-1a50wp8,
	.menu-item[aria-disabled='true'].svelte-1a50wp8 {
		opacity: 0.5;
		cursor: not-allowed;
	}

	.menu-item.last.svelte-1a50wp8 {
		border-bottom: none;
	}

	.menu-item.svelte-1a50wp8 i:where(.svelte-1a50wp8) {
		font-size: 16px;
		width: 20px;
		text-align: center;
		flex-shrink: 0;
		margin-top: 2px;
	}

	.menu-item.svelte-1a50wp8:focus-visible {
		background: #3a3a3a;
	}

	.menu-item-copy.svelte-1a50wp8 {
		display: flex;
		flex-direction: column;
		gap: 2px;
		min-width: 0;
	}

	.menu-item-label.svelte-1a50wp8 {
		color: #fff;
	}

	.menu-item-subtitle.svelte-1a50wp8 {
		opacity: 0.85;
	}

	.plus-menu-button.svelte-vz7ejh {
		position: relative;
	}

	.plus-menu-button.svelte-vz7ejh .add-button {
		width: 32px;
		height: 32px;
		background: transparent !important;
		border-radius: 8px !important;
		border: none !important;
	}

	.plus-menu-button.svelte-vz7ejh .add-button:hover {
		background: var(--color-background-2, #242527) !important;
		border: none !important;
		box-shadow: none !important;
		outline: none !important;
	}

	.plus-menu-button.svelte-vz7ejh .add-button.active {
		background: var(--color-background-2, #242527) !important;
	}

	/* Base token styles for both editable (.ai-mention-token) and display-only (.suggestion-token) contexts */
	.ai-mention-token,
	.suggestion-token {
		display: inline-flex;
		align-items: center;
		gap: 3px !important;
		padding: 2px 8px;
		border-radius: 12px;
		font-size: 13px;
		font-weight: 400 !important;
		margin: 0 4px;
		vertical-align: baseline;
	}

	.ai-mention-token {
		user-select: all;
	}

	/* Icon sizing inside tokens */
	.ai-mention-token i,
	.suggestion-token i {
		font-size: 10px;
	}

	/* Room token (@) */
	.room-token {
		background: rgba(33, 150, 243, 0.2);
		color: #19c2ff;
		border: 1px solid #2196f3;
	}

	/* Device token (#) */
	.device-token {
		background: rgba(36, 211, 140, 0.2);
		color: #24d38c;
		border: 1px solid rgba(36, 211, 140, 0.4);
	}

	/* Group token ($) */
	.group-token {
		background: rgba(255, 193, 7, 0.2);
		color: var(--color-warning, #ffc107);
		border: 1px solid rgba(255, 193, 7, 0.4);
	}

	/* Scene token (%) */
	.scene-token {
		background: rgba(156, 39, 176, 0.2);
		color: #9c27b0;
		border: 1px solid rgba(156, 39, 176, 0.4);
	}

	/* Token preview styles (used in auto-suggestion hints) */
	.token-preview {
		display: inline-block;
		padding: 2px 8px;
		border-radius: 4px;
		font-weight: 400;
	}

	.token-preview.room {
		background: rgba(33, 150, 243, 0.2);
		color: var(--color-primary-1);
		border: 1px solid rgba(33, 150, 243, 0.4);
	}

	.token-preview.device {
		background: rgba(36, 211, 140, 0.2);
		color: #24d38c;
		border: 1px solid rgba(36, 211, 140, 0.4);
	}

	.token-preview.group {
		background: rgba(255, 193, 7, 0.2);
		color: var(--color-warning, #ffc107);
		border: 1px solid rgba(255, 193, 7, 0.4);
	}

	.token-preview.scene {
		background: rgba(156, 39, 176, 0.2);
		color: #9c27b0;
		border: 1px solid rgba(156, 39, 176, 0.4);
	}

	canvas.svelte-cr89v4 {
		display: block;
		background: transparent;
	}

	.popover-actions.svelte-112kshv {
		display: flex;
		gap: 8px;
		justify-content: flex-end;
		margin-top: 8px;
	}

	.chat-window.svelte-1s5ib6g {
		display: grid;
		grid-template-rows: minmax(0, 1fr) auto;
		height: 100%;
		min-height: 0;
		position: relative;
		overflow: hidden;
	}

	.messages-container.svelte-1s5ib6g {
		min-height: 0;
		overflow-y: auto;
		padding: 16px 8px 16px 2px;
		scroll-behavior: smooth;
		position: relative;
		z-index: 1;
		touch-action: pan-y;
		overscroll-behavior: contain;
	}

	.bottom-section.svelte-1s5ib6g {
		display: flex;
		flex-direction: column;
		position: sticky;
		bottom: 0;
		z-index: 4;
		background: linear-gradient(
			to top,
			rgba(8, 11, 18, 0.94) 0%,
			rgba(8, 11, 18, 0.9) 45%,
			rgba(8, 11, 18, 0) 100%
		);
		-webkit-backdrop-filter: blur(6px);
		backdrop-filter: blur(6px);
	}

	.loading-indicator.svelte-1s5ib6g {
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 12px 16px;
		margin: 8px;
		background: transparent;
		border-radius: 12px;
		color: var(--color-text-secondary, #888);
	}

	.loading-animation-mini.svelte-1s5ib6g {
		width: 32px;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}

	.loading-animation-mini.svelte-1s5ib6g canvas {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.health-check-empty-state.svelte-1s5ib6g {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 16px;
		height: 100%;
		padding: 32px;
	}

	.health-check-empty-state.svelte-1s5ib6g .health-check-loading-text {
		color: var(--color-text-secondary, #a1a2a2);
		text-align: center;
	}

	.error-container.svelte-1s5ib6g {
		margin: 8px;
	}

	.input-area.svelte-1s5ib6g {
		display: flex;
		gap: 12px;
		padding: 2px var(--spacing-m, 16px) 0;
		background: transparent;
		flex-shrink: 0;
	}

	@media (min-width: 769px) {
		.input-area.svelte-1s5ib6g {
			padding: 2px var(--spacing-l, 24px) 0;
		}
	}

	.input-wrapper.svelte-1s5ib6g {
		flex: 1;
	}

	.suggestions-anchor.svelte-1s5ib6g {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}

	.step1-anchor-over-chip.svelte-1s5ib6g {
		position: absolute;
		inset: 0;
	}

	.input-area.svelte-1s5ib6g {
		position: relative;
	}

	/* Responsive adjustments */
	@media (max-width: 768px) {
		.input-area.svelte-1s5ib6g {
			gap: 8px;
			padding: 2px var(--spacing-m, 16px) 0;
		}
	}

	.chat-disclaimer.svelte-1s5ib6g {
		margin: 0;
		padding: 10px var(--spacing-m, 16px);
		text-align: center;
		font-size: 12px;
		line-height: 1.4;
		color: var(--color-text-secondary, #a1a2a2);
	}

	.chat-disclaimer.svelte-1s5ib6g a:where(.svelte-1s5ib6g) {
		color: var(--color-text-primary, #fff);
		text-decoration: underline;
		text-underline-offset: 2px;
	}

	@media (min-width: 769px) {
		.chat-disclaimer.svelte-1s5ib6g {
			padding-inline: var(--spacing-l, 24px);
		}
	}

	/* Prompt limit banner (replaces the input area) */
	.prompt-limit-banner.svelte-1s5ib6g {
		padding: 16px var(--spacing-m, 16px) 0;
	}

	@media (min-width: 769px) {
		.prompt-limit-banner.svelte-1s5ib6g {
			padding: 16px var(--spacing-l, 24px) 0;
		}
	}

	.prompt-limit-content.svelte-1s5ib6g {
		display: flex;
		align-items: center;
		gap: 14px;
		padding: 14px 16px;
		border-radius: 12px;
		background: var(--color-background-3, #1a1a1a);
		border: 1px solid var(--color-border, #2a2a2a);
	}

	.prompt-limit-content.svelte-1s5ib6g .prompt-limit-icon-inline {
		color: var(--color-text-secondary, #888);
		flex-shrink: 0;
	}

	.prompt-limit-text-group.svelte-1s5ib6g {
		display: flex;
		flex-direction: column;
		gap: 2px;
		flex: 1;
		min-width: 0;
	}

	.prompt-limit-text-group.svelte-1s5ib6g .prompt-limit-title {
		font-weight: 600;
		color: var(--color-text-primary, #fff);
	}

	.prompt-limit-text-group.svelte-1s5ib6g .prompt-limit-text {
		color: var(--color-text-secondary, #a1a2a2);
	}

	.prompt-limit-content.svelte-1s5ib6g .get-premium-button {
		flex-shrink: 0;
		white-space: nowrap;
	}

	@media (max-width: 480px) {
		.prompt-limit-content.svelte-1s5ib6g {
			flex-wrap: wrap;
		}

		.prompt-limit-content.svelte-1s5ib6g .get-premium-button {
			width: 100%;
			justify-content: center;
		}
	}

	.update-required.svelte-zhw1rv {
		display: flex;
		flex: 1;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: var(--spacing-m);
		padding: var(--spacing-xl);
	}

	.update-required.svelte-zhw1rv .update-required-icon {
		color: var(--color-primary);
	}

	.ai-scene-modal.svelte-ijrydc {
		position: fixed;
		inset: 0;
		z-index: 998;
		pointer-events: none;
	}

	.modal-backdrop.svelte-ijrydc {
		position: fixed;
		inset: 0;
		z-index: 999;
		pointer-events: auto;
		background: radial-gradient(
			120% 85% at 50% 0%,
			rgba(88, 133, 187, calc(0.22 * var(--ai-chat-backdrop-bg-intensity, 1))) 0%,
			rgba(7, 18, 38, calc(0.62 * var(--ai-chat-backdrop-bg-intensity, 1))) 52%,
			rgba(7, 18, 38, calc(0.78 * var(--ai-chat-backdrop-bg-intensity, 1))) 100%
		);
		backdrop-filter: blur(var(--ai-chat-backdrop-blur, 6px)) saturate(120%);
		opacity: 0;
		animation: svelte-ijrydc-ai-scene-modal-backdrop-fade-in 0.18s ease-out forwards;
	}

	@keyframes svelte-ijrydc-ai-scene-modal-backdrop-fade-in {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}

	.modal-backdrop.backdrop-closing.svelte-ijrydc {
		animation: none;
		opacity: 0;
		transition: opacity 0.28s ease;
	}

	.modal-panel.svelte-ijrydc {
		position: fixed;
		z-index: 1000;
		pointer-events: auto;
		display: flex;
		flex-direction: column;
		background: var(--color-background-2, #000000);
		overflow: visible;
		top: 50%;
		left: 50%;
		width: 680px;
		max-width: 90vw;
		height: 80vh;
		max-height: 800px;
		border-radius: 12px;
		box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
		transform: translate(-50%, -50%) translateY(var(--ai-chat-drag-offset, 0px));
		overflow: hidden;
	}

	.modal-panel.modal-panel--bordered.svelte-ijrydc {
		border: 1px solid rgba(255, 255, 255, 0.2);
	}

	.modal-panel.modal-panel--content.svelte-ijrydc {
		min-height: 740px;
		height: auto;
		max-height: 90vh;
		padding: 26px 0;
		align-items: center;
	}

	.modal-panel.svelte-ijrydc::before {
		content: '';
		position: absolute;
		top: -280px;
		left: 50%;
		width: 459px;
		height: 381px;
		margin-left: -229.5px;
		background: radial-gradient(41.53% 41.53% at 50% 53.97%, #bfe3f3 0%, #253871 100%);
		border-radius: 459px;
		filter: blur(200px);
		opacity: 1;
		pointer-events: none;
		z-index: 0;
	}

	.modal-panel.snap-back.svelte-ijrydc {
		transition: transform 0.2s ease;
	}

	.modal-panel.drag-exit.svelte-ijrydc {
		transition: transform 0.28s ease;
	}

	.drag-handle.svelte-ijrydc {
		display: none;
		flex-shrink: 0;
		touch-action: none;
	}

	.drag-handle-bar.svelte-ijrydc {
		display: block;
		width: 36px;
		height: 5px;
		background: var(--color-border, #444);
		border-radius: 3px;
	}

	.close-btn.svelte-ijrydc {
		position: absolute;
		top: 23px;
		right: 23px;
		width: 20px;
		height: 20px;
		padding: 0;
		background: transparent;
		border: none;
		color: var(--color-text-primary, #eaeaea);
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 2;
	}

	.close-btn.svelte-ijrydc:hover {
		opacity: 0.8;
	}

	.close-btn.svelte-ijrydc i:where(.svelte-ijrydc) {
		font-size: 16px;
	}

	.modal-body.svelte-ijrydc {
		flex: 1;
		min-height: 0;
		display: flex;
		flex-direction: column;
		overflow: visible;
		position: relative;
		z-index: 1;
	}

	.modal-panel--content.svelte-ijrydc .modal-body:where(.svelte-ijrydc) {
		overflow: hidden;
	}

	@media (max-width: 768px) {
		.modal-backdrop.svelte-ijrydc {
			top: var(--ios-visual-viewport-offset-top, 0px);
			right: 0;
			left: 0;
			bottom: auto;
			height: var(--ios-visual-viewport-height, 100%);
			background: radial-gradient(
				120% 85% at 50% 0%,
				rgba(88, 133, 187, calc(0.22 * var(--ai-chat-backdrop-bg-intensity, 1))) 0%,
				rgba(7, 18, 38, calc(0.62 * var(--ai-chat-backdrop-bg-intensity, 1))) 52%,
				rgba(7, 18, 38, calc(0.78 * var(--ai-chat-backdrop-bg-intensity, 1))) 100%
			);
			backdrop-filter: blur(var(--ai-chat-backdrop-blur, 6px)) saturate(120%);
		}

		.modal-panel.svelte-ijrydc {
			top: var(--ios-visual-viewport-offset-top, 0px);
			right: 0;
			left: 0;
			bottom: auto;
			width: 100%;
			height: var(--ios-visual-viewport-height, 100%);
			max-width: none;
			max-height: none;
			border-radius: 0;
			transform: translateY(var(--ai-chat-drag-offset, 0px));
		}

		.modal-panel.modal-panel--bordered.svelte-ijrydc {
			border: none;
		}

		.modal-panel.modal-panel--content.svelte-ijrydc {
			min-height: 100%;
			height: 100%;
			max-height: none;
			padding-top: 0;
		}

		.drag-handle.svelte-ijrydc {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			min-height: 44px;
			padding-top: env(safe-area-inset-top, 12px);
			padding-bottom: 12px;
			flex-shrink: 0;
			cursor: grab;
		}

		.drag-handle.svelte-ijrydc:active {
			cursor: grabbing;
		}

		.close-btn.svelte-ijrydc {
			display: none;
		}
	}

	/* Header slot content (chat-specific). Scoped under wrapper's .ai-scene-modal .modal-panel. */
	.ai-scene-modal .modal-panel .modal-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 16px 24px;
		flex-shrink: 0;
		background: transparent;
		position: relative;
		z-index: 10;
	}

	.ai-scene-modal .modal-panel .modal-title {
		font-size: 18px;
		font-weight: 600;
		color: var(--color-text-primary, #fff);
	}

	.ai-scene-modal .modal-panel .header-actions {
		display: flex;
		align-items: center;
		gap: 4px;
		position: relative;
		z-index: 11;
	}

	.ai-scene-modal .modal-panel .header-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 32px;
		height: 32px;
		background: transparent;
		border: none;
		border-radius: 8px;
		color: var(--color-text-primary, #fff);
		cursor: pointer;
		transition:
			background-color 0.2s,
			color 0.2s;
	}

	.ai-scene-modal .modal-panel .header-btn:hover {
		background: var(--color-background-3, #2a2a2a);
		color: var(--color-text-primary, #fff);
	}

	.ai-scene-modal .modal-panel .header-btn i {
		font-size: 16px;
	}

	.ai-scene-modal .modal-panel .header-btn.disabled {
		opacity: 0.5;
		cursor: not-allowed;
	}

	.ai-scene-modal .modal-panel .menu-wrapper {
		position: relative;
		z-index: 12;
	}

	/* Touch-action and overscroll: prevent scroll chaining to document when at messages top/bottom. */
	.ai-scene-modal .modal-panel .messages-container {
		touch-action: pan-y;
		overscroll-behavior: none;
	}
	.ai-scene-modal .modal-panel .suggestions-chips,
	.ai-scene-modal .modal-panel .suggestions-container {
		touch-action: pan-x;
	}
	.ai-scene-modal .modal-panel .mention-dropdown {
		touch-action: pan-y;
	}
	.ai-scene-modal .modal-panel .modal-header,
	.ai-scene-modal .modal-panel .modal-title,
	.ai-scene-modal .modal-panel .header-actions,
	.ai-scene-modal .modal-panel .header-btn,
	.ai-scene-modal .modal-panel .drag-handle,
	.ai-scene-modal .modal-panel .chat-window,
	.ai-scene-modal .modal-panel .bottom-section,
	.ai-scene-modal .modal-panel .suggestions-anchor,
	.ai-scene-modal .modal-panel .input-area,
	.ai-scene-modal .modal-panel .input-wrapper,
	.ai-scene-modal .modal-panel .rich-mention-input-wrapper,
	.ai-scene-modal .modal-panel .input-container,
	.ai-scene-modal .modal-panel .input-toolbar,
	.ai-scene-modal .modal-panel .toolbar-left,
	.ai-scene-modal .modal-panel .toolbar-right,
	.ai-scene-modal .modal-panel .send-button,
	.ai-scene-modal .modal-panel .plus-menu-button,
	.ai-scene-modal .modal-panel .menu-wrapper,
	.ai-scene-modal .modal-panel .modal-body {
		touch-action: none;
	}
	.ai-scene-modal .modal-panel .rich-mention-input {
		touch-action: pan-y;
	}

	@media (max-width: 768px) {
		.ai-scene-modal .modal-panel .modal-header {
			padding: 0 16px 12px;
		}

		.ai-scene-modal .modal-panel .close-btn {
			display: none;
		}
	}

	.compatibility-loading.svelte-fwqsk {
		display: flex;
		flex: 1;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: var(--spacing-m);
	}

	.modal-content.svelte-fwqsk {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		flex: 1;
		gap: 32px;
		padding: 0 32px;
		position: relative;
		z-index: 1;
		overflow-y: auto;
	}

	.animation-wrapper.svelte-fwqsk {
		width: 140px;
		height: 153px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		mix-blend-mode: screen;
	}

	.animation-wrapper.svelte-fwqsk canvas {
		width: 140px;
		height: 140px;
	}

	.modal-title.svelte-fwqsk {
		font-family: Inter, sans-serif;
		font-size: 22px;
		font-weight: 600;
		line-height: 27px;
		color: var(--color-text-primary, #eaeaea);
		text-align: center;
		margin: 0;
		flex-shrink: 0;
	}

	.features-grid.svelte-fwqsk {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
		width: 100%;
		max-width: 573px;
		flex-shrink: 0;
	}

	.feature-card.svelte-fwqsk {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 16px;
		overflow: visible;
	}

	.feature-icon.svelte-fwqsk {
		width: 44px;
		height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}

	.feature-icon.svelte-fwqsk img:where(.svelte-fwqsk) {
		width: 44px;
		height: 44px;
		display: block;
	}

	.feature-text.svelte-fwqsk {
		font-family: Inter, sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 19px;
		color: var(--color-text-primary, #eaeaea);
		text-align: center;
		margin: 0;
	}

	.disclaimer.svelte-fwqsk {
		font-family: Inter, sans-serif;
		font-size: 13px;
		font-weight: 400;
		line-height: 16px;
		color: #a1a2a2;
		text-align: center;
		margin: 0;
		max-width: 573px;
	}

	.terms-link.svelte-fwqsk {
		color: inherit;
		text-decoration: underline;
		cursor: pointer;
	}

	.terms-link.svelte-fwqsk:hover {
		opacity: 0.9;
	}

	.start-btn-wrap.svelte-fwqsk {
		text-align: center;
		flex-shrink: 0;
	}

	@media (max-width: 768px) {
		.modal-content.svelte-fwqsk {
			padding: 0 32px;
			gap: 32px;
		}

		.animation-wrapper.svelte-fwqsk {
			width: 140px;
			height: 153px;
		}

		.animation-wrapper.svelte-fwqsk canvas {
			width: 140px;
			height: 140px;
		}

		.modal-title.svelte-fwqsk {
			font-size: 22px;
			line-height: 27px;
		}

		.features-grid.svelte-fwqsk {
			display: flex;
			flex-direction: column;
			gap: 10px;
			width: 100%;
			max-width: 100%;
			padding: 0;
			align-items: stretch;
		}

		.feature-card.svelte-fwqsk {
			flex-direction: row;
			justify-content: flex-start;
			align-items: flex-start;
			gap: 16px;
		}

		.feature-icon.svelte-fwqsk {
			flex-shrink: 0;
		}

		.feature-text.svelte-fwqsk {
			flex: 1;
			text-align: left;
			min-width: 0;
		}

		.disclaimer.svelte-fwqsk {
			padding: 0 24px;
			max-width: 100%;
		}

		.start-btn-wrap.svelte-fwqsk {
			width: 100%;
			max-width: none;
			align-self: stretch;
		}

		.start-btn-wrap.svelte-fwqsk button {
			width: 100%;
		}
	}

	.modal-content.svelte-10amwtd {
		display: flex;
		flex-direction: column;
		flex: 1;
		padding: 0 32px;
		position: relative;
		z-index: 1;
		overflow: hidden;
	}

	.header.svelte-10amwtd {
		flex-shrink: 0;
	}

	.modal-title.svelte-10amwtd {
		font-family: Inter, sans-serif;
		font-size: 22px;
		font-weight: 600;
		line-height: 27px;
		color: var(--color-text-primary, #eaeaea);
		margin: 0 0 8px 0;
	}

	.modal-subtitle.svelte-10amwtd {
		font-family: Inter, sans-serif;
		font-size: 13px;
		font-weight: 400;
		line-height: 16px;
		color: rgba(255, 255, 255, 0.7);
		margin: 0;
	}

	.divider.svelte-10amwtd {
		width: 100%;
		height: 1px;
		background: rgba(255, 255, 255, 0.7);
		margin: 20px 0 22px 0;
	}

	.policy-content.svelte-10amwtd {
		flex: 1;
		overflow-y: auto;
		padding-right: 8px;
	}

	.section-title.svelte-10amwtd {
		font-family: Inter, sans-serif;
		font-size: 14px;
		font-weight: 600;
		line-height: 17px;
		color: var(--color-text-primary, #eaeaea);
		margin: 24px 0 12px 0;
	}

	.section-title.svelte-10amwtd:first-child {
		margin-top: 0;
	}

	.policy-text.svelte-10amwtd {
		text-align: justify;
		font-family: Inter, sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		color: rgba(255, 255, 255, 0.7);
		margin: 0 0 16px 0;
	}

	.notice-box.svelte-10amwtd {
		background: rgba(191, 227, 243, 0.1);
		border: 1px solid rgba(191, 227, 243, 0.3);
		border-radius: 8px;
		padding: 16px;
		margin-bottom: 24px;
	}

	.notice-title.svelte-10amwtd {
		font-family: Inter, sans-serif;
		font-size: 13px;
		font-weight: 600;
		line-height: 16px;
		color: #bfe3f3;
		margin: 0 0 12px 0;
	}

	.notice-warning.svelte-10amwtd {
		font-weight: 500;
		color: rgba(255, 200, 100, 0.9);
	}

	.policy-list.svelte-10amwtd {
		font-family: Inter, sans-serif;
		color: rgba(255, 255, 255, 0.7);
		font-size: 14px;
		line-height: 20px;
		margin: 0 0 16px 0;
		padding-left: 24px;
	}

	.policy-list.svelte-10amwtd li:where(.svelte-10amwtd) {
		margin-bottom: 8px;
	}

	.policy-list.svelte-10amwtd li:where(.svelte-10amwtd):last-child {
		margin-bottom: 0;
	}

	.contact-info.svelte-10amwtd {
		text-align: left;
	}

	.summary-box.svelte-10amwtd {
		background: rgba(255, 255, 255, 0.05);
		border-radius: 8px;
		padding: 16px;
		margin-top: 24px;
	}

	.summary-title.svelte-10amwtd {
		font-family: Inter, sans-serif;
		font-size: 14px;
		font-weight: 600;
		line-height: 17px;
		color: var(--color-text-primary, #eaeaea);
		margin: 0 0 12px 0;
	}

	.summary-list.svelte-10amwtd {
		font-family: Inter, sans-serif;
		color: rgba(255, 255, 255, 0.7);
		font-size: 14px;
		line-height: 20px;
		margin: 0 0 16px 0;
		padding-left: 20px;
	}

	.summary-list.svelte-10amwtd li:where(.svelte-10amwtd) {
		margin-bottom: 6px;
	}

	.summary-list.svelte-10amwtd li:where(.svelte-10amwtd):last-child {
		margin-bottom: 0;
	}

	.summary-note.svelte-10amwtd {
		font-style: italic;
		margin-bottom: 8px;
	}

	.summary-footer.svelte-10amwtd {
		font-size: 12px;
		text-align: center;
		margin-bottom: 0;
		opacity: 0.7;
	}

	@media (max-width: 768px) {
		.modal-content.svelte-10amwtd {
			padding: 0 24px;
		}

		.header.svelte-10amwtd {
			padding-top: 0;
		}
	}
.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-muted);
	font-size: 0.75rem;
	font-weight: 400;
	pointer-events: none;
}

.layer-chart-theme .lc-pie-center-value {
	fill: var(--color-white);
	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-2);
	border-radius: var(--radius-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-white);
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.layer-chart-theme .lc-pie-legend-control:focus-visible {
	border-radius: var(--radius-extra-small);
	outline: var(--spacing-xxs) solid var(--color-primary);
	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-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-muted);
	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 .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-extra-big);
	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: hsl(var(--color-surface-content));
}

.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: #5b5f666b;
	stroke-dasharray: 8 8;
}

.layer-chart-theme .lc-axis-left-grid {
	stroke: hsl(0 0% 100% / 0.12);
	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: hsl(var(--color-surface) / 0.9);
	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: hsl(var(--color-surface-content) / 1);
}

.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: #293e3b;
	stroke-width: 0px;
}

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

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

.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: hsl(var(--color-surface-content) / 0.35);
	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: #ffffff;
	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: hsl(220 15% 85%);
	white-space: nowrap;
	cursor: pointer;
}

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

.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 rgba(0, 0, 0, 0.25);
	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 {
	--surface-100: 0 0% 100%;
	--surface-300: 222 15% 10%;
	--color-surface-content: 220 15% 80%;
}

.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(--surface-100);
	fill-opacity: 0.85;
	stroke-opacity: 1;
	stroke-width: 0;
}

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

.layer-chart-theme .lc-latest-point-pulse {
	fill: var(--lc-series-color, var(--color-primary));
	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;
}
/*
 * Tokens the vendored LayerChart CSS expects but @Shelly/shelly-design-system 1.0.16
 * does not ship. Values mirror DS 1.0.56 Theme/globals.css, so they alias the same
 * base colours 1.0.16 already defines and follow the light/dark theme automatically.
 *
 * Delete this file together with the rest of ../ once the DS is on >= 1.0.21.
 */
:root {
	--color-chart-categorical-pink: var(--color-pink);
	--color-chart-categorical-coral: var(--color-peach);
	--color-chart-categorical-lavender: var(--color-purple);
	--color-chart-categorical-light-blue: var(--color-lightblue);
	--color-chart-categorical-blue: var(--color-darkblue);
	--color-chart-categorical-mint: var(--color-cyan);
	--color-chart-categorical-green: var(--color-green);

	--radius-pill: 200px;
}
.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));
}
.layer-chart-theme .stroke-white {
	stroke: #fff;
}

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

.layer-chart-theme .lc-tooltip {
	background: hsl(222 15% 10%);
	color: hsl(0 0% 98%);
	border: 1px solid hsl(220 15% 80% / 0.18);
	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 hsl(var(--color-surface-content) / 0.25);
	color: hsl(var(--color-surface-content) / 0.75);
	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: hsl(var(--color-surface-content) / 0.75);
	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: hsl(var(--color-surface-content) / 0.75);
}

.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;
}

	.device-grid.svelte-1ep7hgb {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: var(--spacing-xs);
	}

	/* Long device names must wrap inside the column instead of stretching the grid track. */
	.device-grid.svelte-1ep7hgb > .select-card-v2-container {
		min-width: 0;
	}

	@media (max-width: 639px) {
		.device-grid.svelte-1ep7hgb {
			grid-template-columns: 1fr;
		}
	}

	.appliance-devices.svelte-19u3uwj {
		margin-top: var(--spacing-xs);
		margin-left: var(--spacing-l);
	}

	.device-grid.svelte-19u3uwj {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: var(--spacing-xs);
	}

	/* Long device names must wrap inside the column instead of stretching the grid track. */
	.device-grid.svelte-19u3uwj > .select-card-v2-container {
		min-width: 0;
	}

	@media (max-width: 639px) {
		.device-grid.svelte-19u3uwj {
			grid-template-columns: 1fr;
		}
	}

	.loader-wrap.svelte-19u3uwj {
		height: 200px;
	}

	.snapshot-donut-card.svelte-7krdth {
		display: flex;
		flex-direction: column;
		height: 100%;
		min-height: 0;
	}

	.snapshot-donut-chart.svelte-7krdth {
		flex: 1 1 auto;
		min-height: 0;
	}

	.snapshot-donut-chart.svelte-7krdth .lc-pie-chart {
		min-width: 0;
	}

	.snapshot-donut-chart.svelte-7krdth .lc-pie-body.with-legend {
		grid-template-columns: minmax(0, var(--snapshot-donut-size)) minmax(0, 1fr);
		gap: var(--spacing-m);
	}

	.snapshot-donut-chart.svelte-7krdth .lc-pie-visual {
		width: min(100%, var(--snapshot-donut-size));
		max-width: min(100%, var(--snapshot-donut-size));
	}

	@container (max-width: 38rem) {
		.snapshot-donut-chart.svelte-7krdth .lc-pie-body.with-legend {
			grid-template-columns: minmax(0, 1fr);
			gap: var(--spacing-s);
		}

		.snapshot-donut-chart.svelte-7krdth .lc-pie-visual {
			width: min(100%, calc(var(--snapshot-donut-size) * 0.82));
			max-width: min(100%, calc(var(--snapshot-donut-size) * 0.82));
		}

		.snapshot-donut-chart.svelte-7krdth .lc-pie-legend {
			max-width: 100%;
			margin-top: 0;
		}
	}
.layer-chart-theme .lc-card-tooltip {
	position: relative;
	background: #171717;
	color: white;
	border: 1px solid #1f1f1f;
	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: white;
	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: rgba(255, 255, 255, 0.06);
}

.layer-chart-theme .lc-highlight-line {
	stroke: #1f1f1f;
	stroke-width: 2px;
	transform: scaleY(1.2) translateY(-32px);
}

.layer-chart-theme .full-screen .lc-highlight-line {
	transform: none;
}

	.lc-tooltip-overlay.svelte-96ou09 {
		touch-action: pan-y;
	}

	.hourly-total-chart-card.svelte-1p41fln {
		grid-column: 1 / -1;
	}

	.review-actions.svelte-1p41fln {
		display: flex;
		flex-wrap: wrap;
		gap: var(--spacing-s);
	}

	.review-actions.svelte-1p41fln > * {
		flex: 1 1 240px;
	}

	.list-item.svelte-zwmad9 {
		min-height: 32px;
		padding: 8px 10px;
		border-radius: var(--radius-extra-big);
		background: #151617;
	}

	.list-item--compact.svelte-zwmad9 {
		min-height: 26px;
		padding: 6px 8px;
	}

	.list-item__icon.svelte-zwmad9 {
		width: 20px;
		height: 20px;
		border-radius: 50%;
		color: var(--prediction-color);
		background: rgba(255, 255, 255, 0.08);
	}

	.list-item--compact.svelte-zwmad9 .list-item__icon:where(.svelte-zwmad9) {
		width: 16px;
		height: 16px;
	}

	.list-item__bar.svelte-zwmad9 {
		position: relative;
		height: 6px;
		border-radius: 999px;
		background: rgba(255, 255, 255, 0.14);
	}

	.list-item__fill.svelte-zwmad9 {
		height: 100%;
		border-radius: inherit;
		background: var(--prediction-color);
	}

	.list-item__real-marker.svelte-zwmad9 {
		position: absolute;
		top: 50%;
		width: 3px;
		height: 18px;
		border-radius: 999px;
		background: var(--prediction-color);
		box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.24);
		transform: translate(-50%, -50%);
	}

	.list-item__error.svelte-zwmad9 {
		min-width: 0;
		text-align: right;
	}

	.list-item__value-trigger.svelte-zwmad9 {
		padding: 0;
		border: 0;
		background: none;
		color: #ffff;
		cursor: pointer;
	}

	@media (max-width: 520px) {
		.list-item.svelte-zwmad9 {
			gap: 8px;
			padding-right: 8px;
		}
	}

	.feedback-stat.svelte-q8drat {
		padding: var(--spacing-s) var(--spacing-xs);
		border-radius: var(--radius-small);
		background-color: var(--color-2);
	}

	.other-appliance-panel.svelte-u8sls5 .other-appliance-select-button {
		align-self: center;
	}

	.header-tooltip.svelte-u8sls5 > .tooltip-element > #tooltip {
		width: max-content;
	}

	.heading-row.svelte-pwr25v .text-nowrap {
		overflow: visible;
	}

	.heading-row.svelte-pwr25v #tooltip {
		width: max-content;
		z-index: 3;
	}

	.extended-grid-column.svelte-h0dbqo {
		display: grid;
		grid-column: span var(--total-energy-col-span, 1);
	}

	.clickable-appliance.svelte-h0dbqo {
		border-radius: var(--radius-small);
		transition: background-color 0.15s ease;
	}

	.clickable-appliance.svelte-h0dbqo:hover {
		background-color: rgba(255, 255, 255, 0.08);
	}

	.selected-appliance.svelte-h0dbqo {
		background-color: rgba(255, 255, 255, 0.12);
		outline: 1px solid rgba(255, 255, 255, 0.2);
	}

	.mode-select-group.svelte-h0gb08 {
		min-width: 0;
	}

	@media (max-width: 1000px) {
		.mode-select-group.svelte-h0gb08 > *:first-child {
			flex: 1 1 auto;
			min-width: 0 !important;
			width: auto !important;
		}
	}

	@media (min-width: 801px) and (max-width: 1000px) {
		.ai-breakdown-toolbar-controls.svelte-h0gb08 {
			min-width: 0;
		}

		.ai-breakdown-toolbar-controls.svelte-h0gb08 > * {
			flex: 1 1 auto;
			min-width: 0 !important;
		}
	}

	@media (max-width: 800px) {
		.toolbar.ai-breakdown-toolbar.have-left-side.background-blur {
			grid-template-columns: auto 1fr;
			grid-template-areas: 'breadcrumbs right-controls' 'left-controls left-controls';
		}

		.ai-breakdown-toolbar.background-blur .left-controls-container {
			flex-direction: column;
			margin: -4px 0;
		}

		.ai-breakdown-toolbar.background-blur .left-controls-container > * {
			margin: 4px 0;
		}

		.ai-breakdown-toolbar-controls.svelte-h0gb08 {
			flex-direction: column;
			align-items: stretch;
			width: 100%;
		}

		.ai-breakdown-toolbar-controls.svelte-h0gb08 > * {
			width: 100% !important;
		}
	}

	.setup-progress.svelte-1b7ob7h {
		position: fixed;
		bottom: var(--spacing-l);
		right: var(--spacing-l);
		z-index: 9999;
		transform-origin: bottom right;
	}

	.setup-progress-panel.svelte-1b7ob7h {
		display: flex;
		flex-direction: column;
		width: 320px;
		max-height: 60vh;
	}

	.setup-progress-panel.svelte-1b7ob7h > .container {
		min-height: 0;
		box-shadow: var(--shadow);
	}

	.setup-task.svelte-1b7ob7h {
		padding: var(--spacing-s) 0;
		border-top: 1px solid var(--color-theme-border-02);
	}

	.setup-task.svelte-1b7ob7h:first-of-type {
		border-top: none;
		padding-top: 0;
	}

	@media screen and (max-width: 1123px) {
		.setup-progress.svelte-1b7ob7h {
			right: var(--spacing-m);
			bottom: calc(84px + env(safe-area-inset-bottom, 0px));
		}

		.setup-progress-panel.svelte-1b7ob7h {
			left: var(--spacing-m);
			width: auto;
			max-height: 40vh;
		}
	}

	/* When AI chat modal is open: lock layout scroll and block layout pointer-events (body class set by AISceneModalWrapper scroll lock). */
	body.ai-scene-modal-open {
		overflow: hidden;
		overscroll-behavior: none;
	}
	body.ai-scene-modal-open .main-layout-scroll,
	body.ai-scene-modal-open .main-layout .scroll-content-new-layout,
	body.ai-scene-modal-open .scroll.scroll-drawer {
		overflow: hidden !important;
		overscroll-behavior: none;
		touch-action: none;
		height: var(--ios-visual-viewport-height, 100vh);
		max-height: var(--ios-visual-viewport-height, 100vh);
	}
	body.ai-scene-modal-open .main-layout {
		pointer-events: none;
	}

	.main-layout:not(.new-layout) .inner-container {
		height: 100%;
	}

	.tab.tab-shelly-labs {
		max-width: none !important;
	}
	.tab.tab-shelly-labs .right-slot-wrapper .label {
		max-width: none !important;
	}

	.header-shelly-logo-btn.svelte-1meb1c7 {
		border: none;
		background: transparent;
		padding: 0;
		cursor: pointer;
		margin-right: 40px;
	}

	.header-shelly-logo.svelte-1meb1c7 {
		height: 28px;
		width: auto;
	}

	@media screen and (max-width: 1123px) {
		.header-shelly-logo-btn.svelte-1meb1c7 {
			margin-left: 0;
			margin-right: var(--spacing-l);
		}
	}

	@media screen and (max-width: 639px) {
		.header-shelly-logo-btn.svelte-1meb1c7 {
			margin-left: 0;
			margin-right: var(--spacing-m);
		}
	}

	/*
	 * All home backgrounds (photos, solid colors, and gradients) render with the lighter
	 * overlay opacity `--home-background-overlay-opacity` (set from HOME_BACKGROUND_OVERLAY_OPACITY),
	 * instead of the design system's default 80% dark overlay. Image backgrounds paint
	 * that overlay on `.bg-filter` (fixed, with the photo). The variable is reset on
	 * MainLayout's content children so it never leaks into unrelated overlays that also
	 * read it (Modal, Drawer, Sidepanel, Dialog, etc.).
	 */
	.home-background-overlay.svelte-2r1u9z {
		--background-image-overlay: rgba(0, 0, 0, var(--home-background-overlay-opacity));
	}
	.home-background-overlay.svelte-2r1u9z .main-layout > * {
		--background-image-overlay: rgba(0, 0, 0, 0.8);
	}

	/*
	 * Cross-fade layers sit behind everything (MainLayout paints on top with a transparent
	 * background, so these show through). `.bg-filter` darkens them on this same fixed
	 * layer so overscroll cannot separate the photo from the overlay. Each image layer
	 * fades its opacity when a new background is set, giving a smooth image → image
	 * transition without passing through the black route-override overlay.
	 */
	.bg-crossfade.svelte-2r1u9z {
		position: fixed;
		inset: 0;
		z-index: -1;
		overflow: hidden;
		pointer-events: none;
	}
	.bg-layer.svelte-2r1u9z {
		position: absolute;
		inset: -20px;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 0;
		transition: opacity var(--home-background-transition-duration) ease;
	}
	.bg-layer.on.svelte-2r1u9z {
		opacity: 1;
	}
	.bg-layer.instant.svelte-2r1u9z {
		transition: none;
	}

	.bg-filter.svelte-2r1u9z {
		position: absolute;
		inset: 0;
		background: var(--background-image-overlay);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		pointer-events: none;
		transition: background var(--home-background-transition-duration) ease;
	}

	/*
	 * Image path: the filter lives on `.bg-filter` (fixed, with the photo). Kill
	 * MainLayout's in-flow `::before` so it cannot rubber-band off the image.
	 * Color-class path (`bg-*` on MainLayout) keeps `::before` — image and overlay
	 * are the same element, so overscroll cannot split them.
	 */
	.home-background-overlay.has-fixed-image.svelte-2r1u9z .main-layout.dark::before,
	.home-background-overlay.has-fixed-image.svelte-2r1u9z .main-layout.bright::before {
		background: transparent;
	}

	.home-background-overlay.svelte-2r1u9z .main-layout::before {
		transition: background var(--home-background-transition-duration) ease;
	}

	/* Route-specific override (see src/helpers/route_background_helpers.ts) - takes priority
	   over the normal overlay above by being declared after it, same specificity. */
	.home-background-route-override.svelte-2r1u9z {
		--background-image-overlay: var(--home-background-route-override-color);
	}

	.onboarding-slide.svelte-12q23sp {
		background-color: #151617;
		border-radius: 8px;
	}

	.onboarding-title {
		color: white !important;
	}

	.onboarding-description {
		color: white !important;
		font-size: 20px;
		font-weight: 500;
	}

	.onboarding-step-description {
		color: rgba(255, 255, 255, 0.85) !important;
		max-width: 560px;
	}

	.illustration-container.svelte-12q23sp {
		width: 100%;
		max-width: 460px;
	}

	.illustration-img.svelte-12q23sp {
		width: 100%;
		height: auto;
		border-radius: 8px;
		object-fit: contain;
	}

	@media (max-width: 639.98px) {
		.illustration-img.svelte-12q23sp {
			max-height: 300px;
		}
	}

	.step-indicators.svelte-12q23sp {
		gap: 8px;
	}

	.step-dot.svelte-12q23sp {
		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-12q23sp {
		background-color: white;
	}

	.step-dot.svelte-12q23sp:hover {
		background-color: rgba(255, 255, 255, 0.6);
	}

	.onboarding-btn {
		min-width: 150px;
		border-radius: 60px !important;
	}

	.skip.svelte-12q23sp {
		color: #a1a2a2;
	}

	.skip.svelte-12q23sp:hover {
		color: #868686;
	}

	.border-bottom.svelte-1ro18ks {
		border-bottom: 1px solid;
		border-color: #212128;
		padding-bottom: var(--spacing-m);
	}

	.app-theme-option.svelte-1ntktbl .radio-wrapper {
		width: 100%;
		align-items: stretch;
	}

	.app-theme-option.svelte-1ntktbl .radio {
		width: 100%;
		display: flex;
	}

	.app-theme-option.svelte-1ntktbl .label-text {
		flex: 1;
		min-width: 0;
	}

	.app-theme-option-selected.svelte-1ntktbl {
		outline: 2px solid var(--color-theme-fg);
		outline-offset: -2px;
		border-radius: var(--radius-small);
	}

	.app-theme-preview.svelte-1ntktbl {
		display: block;
		border-radius: var(--radius-small);
	}

	.menu-order-preview-dock-wrap.svelte-18ifqum {
		display: block;
		width: 100%;
	}

	.menu-order-preview-dock.svelte-18ifqum {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-width: 0;
		gap: var(--spacing-m);
		padding-inline: var(--spacing-m);
		box-sizing: border-box;
	}

	.menu-order-preview-dock__primary.svelte-18ifqum,
	.menu-order-preview-dock__footer.svelte-18ifqum {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		gap: var(--spacing-m);
		flex: 0 0 auto;
		min-width: 0;
	}

	.menu-order-preview-dock__footer.svelte-18ifqum {
		margin-left: 0;
		padding-left: 0;
		border-left: none;
	}

	.menu-order-preview-dock.svelte-18ifqum .menu-item.mobile:not(.new-layout),
	.menu-order-preview-dock.svelte-18ifqum .menu-item.mobile:not(.desktop):not(.new-layout) {
		flex: 1 1 0 !important;
		min-width: 0 !important;
		width: auto !important;
		max-width: 96px !important;
		box-sizing: border-box !important;
		overflow: hidden;
	}

	.menu-order-preview-dock.svelte-18ifqum .menu-item.mobile:not(.new-layout) .menu-item-text {
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
	}

	@media screen and (max-width: 1123px) {
		.menu-order-preview-dock.svelte-18ifqum .menu-item.mobile:not(.new-layout),
		.menu-order-preview-dock.svelte-18ifqum .menu-item.mobile:not(.desktop):not(.new-layout) {
			max-width: 78px !important;
		}
	}

	@media screen and (max-width: 639px) {
		.menu-order-preview-dock.svelte-18ifqum {
			gap: var(--spacing-s);
			padding-inline: var(--spacing-s);
		}

		.menu-order-preview-dock__primary.svelte-18ifqum,
		.menu-order-preview-dock__footer.svelte-18ifqum {
			gap: var(--spacing-s);
		}

		.menu-order-preview-dock.svelte-18ifqum .menu-item.mobile:not(.new-layout),
		.menu-order-preview-dock.svelte-18ifqum .menu-item.mobile:not(.desktop):not(.new-layout) {
			max-width: 64px !important;
		}
	}

	.camera-dash-actions-layouts.svelte-bbzrll {
		display: flex;
		flex-wrap: wrap;
		gap: var(--spacing-xs);
		padding: var(--spacing-xs) var(--spacing-s) var(--spacing-s);
	}

	.camera-dash-actions-divider.svelte-bbzrll {
		border-top: 1px solid var(--color-3);
	}

	.energy-dash-actions-presets-testing.svelte-rppile {
		width: 100%;
		margin: 0;
		padding-top: var(--spacing-xs);
		border: 1px solid rgba(234, 179, 8, 0.75);
		border-radius: 0;
		background: rgba(234, 179, 8, 0.1);
		box-sizing: border-box;
	}

	/* (unused) .energy-dash-actions-presets-testing-label {
		display: block;
		padding: 0 var(--spacing-s);
		font-size: 9px;
		line-height: 1;
		letter-spacing: 0.04em;
		text-transform: lowercase;
		color: rgb(161, 98, 7);
	}*/

	.energy-dash-actions-presets.svelte-rppile {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-s);
		padding: 0 var(--spacing-s) var(--spacing-s);
	}

	.energy-dash-actions-preset-icons.svelte-rppile {
		display: flex;
		gap: var(--spacing-xs);
	}

	.energy-dash-actions-data-mode.svelte-rppile {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xs);
		padding: 0 var(--spacing-s) var(--spacing-s);
		min-width: 220px;
	}

	.energy-dash-actions-data-mode-row.svelte-rppile {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--spacing-s);
	}

	.energy-dash-actions-divider.svelte-rppile {
		border-top: 1px solid var(--color-3);
	}
.event-log-page-link.svelte-ptxwbu {
  display: flex;
  justify-content: center;
  padding-bottom: var(--spacing-s);
}
	.sidepanel-peek-tray.svelte-11znr30 {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		border-radius: var(--radius-m, 12px) var(--radius-m, 12px) 0 0;
		border-top: 1px solid var(--color-2, rgba(255, 255, 255, 0.16));
		background: var(--sidepanel-bg, var(--color-theme-bg));
		overflow: hidden;
	}

	.sidepanel-peek-tray__handle.svelte-11znr30 {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: var(--spacing-xs, 4px);
		width: 100%;
		min-height: 36px;
		padding: var(--spacing-xs, 4px) var(--spacing-s, 8px);
		border: 0;
		background: transparent;
		color: inherit;
		cursor: pointer;
		touch-action: none;
	}

	.sidepanel-peek-tray--disabled.svelte-11znr30 .sidepanel-peek-tray__handle:where(.svelte-11znr30) {
		cursor: not-allowed;
		opacity: 0.45;
	}

	.sidepanel-peek-tray__grip.svelte-11znr30 {
		display: block;
		width: 40px;
		height: 4px;
		border-radius: 999px;
		background: var(--color-3, rgba(255, 255, 255, 0.35));
	}

	.sidepanel-peek-tray__peek.svelte-11znr30 {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		width: 100%;
		min-height: 20px;
		gap: var(--spacing-xs, 4px);
	}

	.sidepanel-peek-tray__body.svelte-11znr30 {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		padding: 0 var(--spacing-s, 8px) 28px;
	}

	.sidepanel-status-peek.svelte-1gd8uq2 {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.sidepanel-status-peek__main.svelte-1gd8uq2 {
		position: relative;
		z-index: 0;
		padding-bottom: 20px;
		margin-bottom: -12px;
	}

	.sidepanel-status-peek.svelte-1gd8uq2 .sidepanel-peek-tray {
		position: relative;
		z-index: 1;
	}

	.sidepanel-status-peek.svelte-1gd8uq2 .sidepanel-peek-tray__body {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		width: 100%;
	}

	.sidepanel-status-peek.svelte-1gd8uq2 .list-item {
		flex: 0 0 auto;
		width: 100%;
	}

	.extracted-wd-media.svelte-1995m7g {
		height: 100%;
	}

	.extracted-wd-media.has-peek.svelte-1995m7g {
		padding-bottom: var(--sidepanel-floating-fade-height, 88px);
		box-sizing: border-box;
	}

	.extracted-wd-media.svelte-1995m7g .media-player-compact-host {
		flex: 1 1 auto;
		min-height: 0;
		height: 100%;
	}

	.relay-static-bottom.svelte-fs3vzr {
		margin-top: auto;
	}

	.next-schedule-card.svelte-1k53rg9 {
		min-width: 0;
	}

	.quick-timer-rail.svelte-1jib9nt {
		position: absolute;
		z-index: 3;
		top: var(--spacing-s);
		right: var(--spacing-s);
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		max-width: calc(100% - var(--spacing-l));
		pointer-events: none;
	}

	.quick-timer-rail.is-picking.svelte-1jib9nt,
	.quick-timer-rail.is-collapsing.svelte-1jib9nt {
		left: var(--spacing-s);
		right: var(--spacing-s);
		max-width: none;
	}

	.quick-timer-scroll.svelte-1jib9nt {
		grid-column: 1 / -1;
		grid-row: 1;
		min-width: 0;
		max-width: 0;
		width: 100%;
		overflow-x: auto;
		opacity: 0;
		justify-self: end;
		pointer-events: none;
		scrollbar-width: none;
		-ms-overflow-style: none;
		-webkit-mask-image: linear-gradient(
			to right,
			transparent 0,
			#000 var(--quick-timer-mask-fade-left),
			#000 calc(100% - var(--quick-timer-mask-actions-width) - var(--quick-timer-mask-fade-right)),
			transparent calc(100% - var(--quick-timer-mask-actions-width))
		);
		mask-image: linear-gradient(
			to right,
			transparent 0,
			#000 var(--quick-timer-mask-fade-left),
			#000 calc(100% - var(--quick-timer-mask-actions-width) - var(--quick-timer-mask-fade-right)),
			transparent calc(100% - var(--quick-timer-mask-actions-width))
		);
		transition:
			max-width 320ms cubic-bezier(0.22, 1, 0.36, 1),
			opacity 220ms ease;
	}

	.quick-timer-scroll.svelte-1jib9nt::-webkit-scrollbar {
		display: none;
	}

	.quick-timer-rail.is-picking.svelte-1jib9nt .quick-timer-scroll:where(.svelte-1jib9nt),
	.quick-timer-rail.is-collapsing.svelte-1jib9nt .quick-timer-scroll:where(.svelte-1jib9nt) {
		max-width: 100%;
		opacity: 1;
		justify-self: stretch;
		pointer-events: auto;
	}

	.quick-timer-rail.is-collapsing.svelte-1jib9nt .quick-timer-scroll:where(.svelte-1jib9nt) {
		opacity: 0;
		pointer-events: none;
	}

	.quick-timer-tokens.svelte-1jib9nt {
		display: flex;
		align-items: center;
		gap: var(--spacing-s);
		width: max-content;
	}

	.quick-timer-end-spacer.svelte-1jib9nt {
		flex-shrink: 0;
		width: calc(var(--quick-timer-mask-actions-width) + var(--quick-timer-mask-fade-right));
		height: 1px;
		pointer-events: none;
	}

	.quick-timer-overlay.svelte-1jib9nt {
		grid-column: 2;
		grid-row: 1;
		z-index: 2;
		display: flex;
		flex-shrink: 0;
		align-items: center;
		justify-content: center;
		pointer-events: auto;
	}

	.quick-timer-rail.svelte-1jib9nt .token-wrapper-v2 {
		transition:
			opacity 220ms ease,
			transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.quick-timer-rail.is-collapsing.svelte-1jib9nt .token-wrapper-v2 {
		opacity: 0;
		transform: translateX(12px) scale(0.97);
	}

	.quick-timer-rail.is-collapsing.svelte-1jib9nt .token-wrapper-v2.is-dissolving {
		opacity: 0;
		transform: translateX(8px) scale(0.9);
		transition-duration: 180ms;
	}

	.relay-timer-panel.svelte-1a5loed {
		display: flex;
		min-width: 0;
		flex: 1;
		flex-direction: column;
		align-items: stretch;
		align-self: stretch;
		justify-content: center;
		gap: var(--spacing-s-plus);
		transform-origin: 0 50%;
	}

	.relay-timer-panel.svelte-1a5loed > * {
		opacity: 0;
		animation: svelte-1a5loed-relay-timer-item-in 380ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
	}

	.relay-timer-panel.svelte-1a5loed > *:nth-child(1) {
		animation-delay: 45ms;
	}

	.relay-timer-panel.svelte-1a5loed > *:nth-child(2) {
		animation-delay: 90ms;
	}

	.relay-timer-panel.svelte-1a5loed > *:nth-child(3) {
		animation-delay: 135ms;
	}

	.relay-timer-panel.is-executing.svelte-1a5loed {
		pointer-events: none;
	}

	.relay-timer-panel.is-executing.svelte-1a5loed > * {
		animation-name: svelte-1a5loed-relay-timer-item-execute;
		animation-duration: 280ms;
		animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	}

	.relay-timer-value.svelte-1a5loed {
		font-size: 22px;
		font-variant-numeric: tabular-nums;
		letter-spacing: 0.03em;
	}

	.relay-timer-panel.is-disabled.svelte-1a5loed {
		pointer-events: none;
	}

	.relay-timer-panel.is-disabled.svelte-1a5loed .relay-timer-caption,
	.relay-timer-panel.is-disabled.svelte-1a5loed .relay-timer-value:where(.svelte-1a5loed) {
		color: var(--color-theme-text-disabled);
	}

	.relay-timer-actions.svelte-1a5loed {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		width: 100%;
		gap: var(--spacing-s);
	}

	.relay-timer-actions.svelte-1a5loed .button-v2 {
		flex: 1 0 auto;
		min-width: min(100%, max-content);
		max-width: 100%;
	}

	@keyframes svelte-1a5loed-relay-timer-item-in {
		from {
			opacity: 0;
			transform: translateX(14px) scale(0.97);
		}
		to {
			opacity: 1;
			transform: translateX(0) scale(1);
		}
	}

	@keyframes svelte-1a5loed-relay-timer-item-execute {
		0% {
			opacity: 1;
			transform: translateX(0) scale(1);
		}
		42% {
			opacity: 1;
			transform: translateX(-3px) scale(1.015);
		}
		100% {
			opacity: 0;
			transform: translateX(12px) scale(0.96);
		}
	}

	.relay-priority-view.svelte-1u1qfst {
		display: flex;
		flex: 1 0 auto;
		flex-direction: column;
		min-width: 0;
		min-height: 100%;
	}

	.relay-priority-view.svelte-1u1qfst .priority-grid {
		flex: 0 0 auto;
		width: 100%;
		margin-block: auto;
	}

	.relay-priority-view.svelte-1u1qfst .quick-timer-rail {
		top: var(--spacing-m);
		right: var(--spacing-m);
	}

	.relay-priority-view.svelte-1u1qfst .quick-timer-rail.is-picking,
	.relay-priority-view.svelte-1u1qfst .quick-timer-rail.is-collapsing {
		left: var(--spacing-m);
		right: var(--spacing-m);
	}

	.relay-priority-view.svelte-1u1qfst .control-card {
		flex: 0 0 auto;
		width: 100%;
	}

	.relay-priority-layout.svelte-1u1qfst {
		display: flex;
		align-items: center;
		width: 100%;
		padding-top: var(--spacing-xl);
		padding-bottom: var(--spacing-m);
	}

	.device-switch-host.svelte-1u1qfst {
		display: grid;
		flex: 1 1 0;
		min-width: 88px;
		place-items: center;
		transition: flex-grow 380ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.relay-priority-layout.is-armed.svelte-1u1qfst .device-switch-host:where(.svelte-1u1qfst) {
		flex-grow: 0;
	}

	.relay-timer-slot.svelte-1u1qfst {
		display: flex;
		flex: 0 1 0;
		flex-direction: column;
		min-width: 0;
		max-width: 0;
		overflow: hidden;
		transition:
			flex-grow 380ms cubic-bezier(0.22, 1, 0.36, 1),
			max-width 380ms cubic-bezier(0.22, 1, 0.36, 1),
			margin-left 380ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.relay-priority-layout.is-armed.svelte-1u1qfst .relay-timer-slot:where(.svelte-1u1qfst) {
		flex-grow: 1;
		max-width: 100%;
		margin-left: var(--spacing-l);
	}

	.device-switch-frame.svelte-1u1qfst {
		display: grid;
		width: 100%;
		place-items: center;
	}

	.device-switch-frame.svelte-1u1qfst .device-toggle .slider {
		isolation: isolate;
		background-color: var(--color-2);
		transition: background-color var(--lighting-transition-duration, 280ms) ease;
	}

	.device-switch-frame.is-on.svelte-1u1qfst .device-toggle .slider {
		background-color: color-mix(in srgb, rgb(var(--lighting-accent-rgb)) 8%, #1e1e1e);
	}

	.device-switch-frame.svelte-1u1qfst .device-toggle .slider::before {
		position: absolute;
		z-index: 3;
		inset: -1px;
		padding: 1px;
		border-radius: inherit;
		background: var(--lighting-edge-background);
		content: '';
		filter: drop-shadow(0 0 5px rgb(var(--lighting-accent-rgb) / 24%));
		opacity: var(--lighting-edge-opacity);
		-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;
		pointer-events: none;
		transition: opacity var(--lighting-transition-duration, 280ms) ease;
	}

	.device-switch-frame.svelte-1u1qfst .device-toggle .slider::after {
		position: absolute;
		z-index: 0;
		top: var(--lighting-spot-y);
		left: var(--lighting-spot-x);
		width: var(--lighting-spot-size);
		height: var(--lighting-spot-size);
		border-radius: 50%;
		background: var(--lighting-spot-background);
		content: '';
		opacity: var(--lighting-spot-opacity);
		transform: translate(-50%, -50%);
		transition:
			top var(--lighting-transition-duration-long, 360ms) cubic-bezier(0.22, 1, 0.36, 1),
			opacity var(--lighting-transition-duration, 280ms) ease,
			width var(--lighting-transition-duration-long, 360ms) ease,
			height var(--lighting-transition-duration-long, 360ms) ease;
		pointer-events: none;
	}

	.light-favorites-grid.svelte-7bm6y2 {
		display: grid;
		grid-template-columns: repeat(5, max-content);
		gap: var(--spacing-s);
		padding: var(--spacing-xs);
	}

	.light-mode-rail.svelte-1aevlfr {
		display: grid;
		grid-template-rows: 0fr;
	}

	.light-mode-rail.is-open.svelte-1aevlfr {
		grid-template-rows: 1fr;
		z-index: 1;
	}

	.light-mode-rail.svelte-1aevlfr:not(.is-open) {
		pointer-events: none;
	}

	.light-mode-rail.is-ready.svelte-1aevlfr {
		transition: grid-template-rows var(--light-mode-rail-height) var(--light-mode-rail-ease);
	}

	.light-mode-rail.is-ready.svelte-1aevlfr:not(.is-open) {
		transition-delay: var(--light-mode-rail-fade);
	}

	.light-mode-rail-inner.svelte-1aevlfr {
		min-height: 0;
		overflow: hidden;
		opacity: 0;
		display: flex;
		flex-direction: column;
		gap: var(--spacing-m);
	}

	.light-mode-rail.is-open.svelte-1aevlfr .light-mode-rail-inner:where(.svelte-1aevlfr) {
		opacity: 1;
	}

	.light-mode-rail.is-ready.svelte-1aevlfr .light-mode-rail-inner:where(.svelte-1aevlfr) {
		transition: opacity var(--light-mode-rail-fade) ease;
	}

	.light-mode-rail.is-ready.is-open.svelte-1aevlfr .light-mode-rail-inner:where(.svelte-1aevlfr) {
		transition-delay: var(--light-mode-rail-height);
	}

	.light-mode-rail.is-ready.svelte-1aevlfr:not(.is-open) .light-mode-rail-inner:where(.svelte-1aevlfr) {
		transition-delay: 0ms;
	}

	@media (prefers-reduced-motion: reduce) {
		.light-mode-rail.is-ready.svelte-1aevlfr,
		.light-mode-rail.is-ready.svelte-1aevlfr .light-mode-rail-inner:where(.svelte-1aevlfr) {
			transition: none;
		}
	}

	.light-priority-view.svelte-kul25 {
		min-width: 0;
	}

	.light-priority-view.svelte-kul25 > .control-card.has-corner {
		margin-top: var(--spacing-s);
	}

	.light-priority-mode-rails.svelte-kul25 {
		display: grid;
		align-items: start;
		min-width: 0;
		overflow: hidden;
	}

	.light-priority-mode-rails.svelte-kul25 > * {
		grid-area: 1 / 1;
		width: 100%;
		min-width: 0;
	}

	.light-priority-power .light-priority-bulb.is-on i {
		color: rgb(var(--lighting-accent-rgb));
	}

	.control-flex-column.svelte-1jrxgv3 {
		flex: 1;
	}

	.light-main-with-peek.svelte-1jrxgv3 {
		padding-bottom: calc(var(--sidepanel-floating-fade-height, 88px) + 56px);
	}

	.emeter-phase-bars__summary.svelte-10907li {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--spacing-s);
	}

	.emeter-total-energy.svelte-1y26y5x {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--spacing-s);
		width: 100%;
		padding: var(--spacing-xs) 0;
		border: 0;
		background: transparent;
		color: inherit;
		text-align: left;
	}

	.emeter-total-energy--clickable.svelte-1y26y5x {
		cursor: pointer;
	}

	.emeter-total-energy.svelte-1y26y5x:disabled {
		cursor: default;
	}

	.sensor-report.svelte-1bp68a6 {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xs);
		padding-top: var(--spacing-m);
		border-top: 1px solid var(--color-theme-card-02);
	}

	.input-reader-priority-view.svelte-71019r {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		min-width: 0;
		min-height: 100%;
	}

	.sensor-priority-lead-spacer.svelte-71019r {
		flex: 0 0 auto;
		height: var(--sensor-priority-lead-offset, 0px);
	}

	.sensor-priority-main.svelte-71019r {
		flex: 0 0 auto;
	}

	.pill-priority-view.svelte-y1i9i6 {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		min-width: 0;
		min-height: 100%;
	}

	.sensor-priority-lead-spacer.svelte-y1i9i6 {
		flex: 0 0 auto;
		height: var(--sensor-priority-lead-offset, 0px);
	}

	.pill-priority-main.svelte-y1i9i6 {
		display: flex;
		flex: 0 0 auto;
		flex-direction: column;
		gap: var(--spacing-s);
		min-width: 0;
	}

	.pill-ssr-layout.svelte-y1i9i6 {
		display: flex;
		align-items: center;
		width: 100%;
		padding-top: var(--spacing-m);
		padding-bottom: var(--spacing-m);
	}

	.device-switch-host.svelte-y1i9i6 {
		display: grid;
		flex: 1 1 0;
		min-width: 88px;
		place-items: center;
	}

	.device-switch-frame.svelte-y1i9i6 {
		display: grid;
		place-items: center;
	}

	.sidepanel-view-switcher.svelte-18aeg9t {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 2;
		pointer-events: auto;
	}

	.sticky-bottom-actions.svelte-9a0q3b {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-end;
		gap: var(--spacing-s-plus);
	}

	.sticky-bottom-actions.is-split.svelte-9a0q3b {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
		gap: var(--spacing-s);
	}

	.settings-search-highlight.svelte-1fkucc3 {
		padding: 0 2px;
		border-radius: 2px;
		background: rgba(var(--color-primary-1-rgb, 0, 123, 255), 0.3);
		color: var(--color-primary-1);
		font-weight: 600;
	}

	.device-settings-rail-header.svelte-1bryhhm {
		padding: 0 calc(var(--spacing-s) + var(--spacing-xxs));
		box-sizing: border-box;
	}

	.device-settings-rail-header.is-sheet.svelte-1bryhhm {
		padding: 0;
	}

	.device-settings-rail.svelte-1bz7fjv {
		--device-settings-rail-inset: calc(var(--spacing-s) + var(--spacing-xxs));
		--settings-nav-section-bleed: var(--device-settings-rail-inset);
		--navigation-item-stack-gap: var(--spacing-m);
		padding: 0 var(--device-settings-rail-inset) var(--spacing-m);
		box-sizing: border-box;
	}

	.device-settings-rail.is-sheet.svelte-1bz7fjv {
		--settings-nav-section-bleed: var(--spacing-m);
		padding: 0;
	}

	::highlight(settings-search-content-highlight) {
		background-color: rgba(var(--color-primary-1-rgb, 0, 123, 255), 0.3);
		color: var(--color-primary-1);
	}

	.settings-search-content-highlight {
		padding: 0;
		background-color: rgba(var(--color-primary-1-rgb, 0, 123, 255), 0.3);
		color: var(--color-primary-1);
	}

	.disabled.svelte-9qnszo {
		opacity: 0.5;
		pointer-events: none;
	}

	.sensor-priority-view.svelte-1nlr2q3 {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		min-width: 0;
		min-height: 100%;
	}

	.sensor-priority-lead-spacer.svelte-1nlr2q3 {
		flex: 0 0 auto;
		height: var(--sensor-priority-lead-offset, 0px);
	}

	.sensor-priority-main.svelte-1nlr2q3 {
		flex: 0 0 auto;
		min-width: 0;
	}

	.breaker-priority-view.svelte-1w7p7zh {
		display: flex;
		flex: 1 0 auto;
		flex-direction: column;
		min-width: 0;
		min-height: 100%;
	}

	.breaker-priority-view.svelte-1w7p7zh .priority-grid {
		flex: 0 0 auto;
		width: 100%;
		margin-block: auto;
	}

	.breaker-priority-view.svelte-1w7p7zh .quick-timer-rail {
		top: var(--spacing-m);
		right: var(--spacing-m);
	}

	.breaker-priority-view.svelte-1w7p7zh .quick-timer-rail.is-picking,
	.breaker-priority-view.svelte-1w7p7zh .quick-timer-rail.is-collapsing {
		left: var(--spacing-m);
		right: var(--spacing-m);
	}

	.breaker-priority-view.svelte-1w7p7zh .control-card {
		flex: 0 0 auto;
		width: 100%;
	}

	.breaker-priority-layout.svelte-1w7p7zh {
		display: flex;
		align-items: center;
		width: 100%;
		padding-top: var(--spacing-xl);
		padding-bottom: var(--spacing-m);
	}

	.device-switch-host.svelte-1w7p7zh {
		display: grid;
		flex: 1 1 0;
		min-width: 88px;
		place-items: center;
		transition: flex-grow 380ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.breaker-priority-layout.is-armed.svelte-1w7p7zh .device-switch-host:where(.svelte-1w7p7zh) {
		flex-grow: 0;
	}

	.breaker-timer-slot.svelte-1w7p7zh {
		display: flex;
		flex: 0 1 0;
		flex-direction: column;
		min-width: 0;
		max-width: 0;
		overflow: hidden;
		transition:
			flex-grow 380ms cubic-bezier(0.22, 1, 0.36, 1),
			max-width 380ms cubic-bezier(0.22, 1, 0.36, 1),
			margin-left 380ms cubic-bezier(0.22, 1, 0.36, 1);
	}

	.breaker-priority-layout.is-armed.svelte-1w7p7zh .breaker-timer-slot:where(.svelte-1w7p7zh) {
		flex-grow: 1;
		max-width: 100%;
		margin-left: var(--spacing-l);
	}

	.device-switch-frame.svelte-1w7p7zh {
		display: grid;
		width: 100%;
		place-items: center;
	}

	.device-switch-frame.svelte-1w7p7zh .device-toggle .slider {
		isolation: isolate;
		background-color: var(--color-2);
		transition: background-color var(--lighting-transition-duration, 280ms) ease;
	}

	.device-switch-frame.is-on.svelte-1w7p7zh .device-toggle .slider {
		background-color: color-mix(in srgb, rgb(var(--lighting-accent-rgb)) 8%, #1e1e1e);
	}

	.device-switch-frame.svelte-1w7p7zh .device-toggle .slider::before {
		position: absolute;
		z-index: 3;
		inset: -1px;
		padding: 1px;
		border-radius: inherit;
		background: var(--lighting-edge-background);
		content: '';
		filter: drop-shadow(0 0 5px rgb(var(--lighting-accent-rgb) / 24%));
		opacity: var(--lighting-edge-opacity);
		-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;
		pointer-events: none;
		transition: opacity var(--lighting-transition-duration, 280ms) ease;
	}

	.device-switch-frame.svelte-1w7p7zh .device-toggle .slider::after {
		position: absolute;
		z-index: 0;
		top: var(--lighting-spot-y);
		left: var(--lighting-spot-x);
		width: var(--lighting-spot-size);
		height: var(--lighting-spot-size);
		border-radius: 50%;
		background: var(--lighting-spot-background);
		content: '';
		opacity: var(--lighting-spot-opacity);
		transform: translate(-50%, -50%);
		transition:
			top var(--lighting-transition-duration-long, 360ms) cubic-bezier(0.22, 1, 0.36, 1),
			opacity var(--lighting-transition-duration, 280ms) ease,
			width var(--lighting-transition-duration-long, 360ms) ease,
			height var(--lighting-transition-duration-long, 360ms) ease;
		pointer-events: none;
	}

	.co2-icon.svelte-p8qq2y {
		font-size: 32px;
	}

	.main-tab-container.svelte-qfl5qz {
		background-color: #0e0f10;
		padding: 8px 8px 4px 8px;
		border-radius: 18px;
		margin-bottom: 8px;
	}

	.trv-favorites.svelte-582ml9 {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: var(--spacing-s);
		width: 100%;
	}

	.trv-favorites.svelte-582ml9 .icon-button {
		width: 100%;
		min-width: 0;
		height: 40px;
	}

	.trv-boost-content.svelte-582ml9 {
		display: flex;
		min-height: 60px;
		align-items: center;
		gap: var(--spacing-s-plus);
		padding-inline: var(--spacing-xs);
		text-align: left;
	}

	.trv-boost-copy.svelte-582ml9 {
		display: flex;
		min-width: 0;
		flex-direction: column;
		gap: var(--spacing-xxs);
	}

	#trv-calibrate-cta:focus-visible {
		text-decoration: underline;
	}

	.main-content.svelte-1c43hcv {
		padding: 1rem;
	}

	.wizard-bullets.svelte-1n99vgv {
		margin: 12px 0;
		padding-left: 20px;
		color: #e5e5e7;
	}

	.wizard-bullets.svelte-1n99vgv li:where(.svelte-1n99vgv) {
		margin-bottom: 8px;
		line-height: 1.4;
		font-size: 14px;
	}

	.irrigation-container.svelte-14rdft4 {
		background-color: #0e0f10;
		border-radius: 18px;
		padding: 8px;
	}

	.neo-valve-gauge .speedometer-text-styles {
		font-size: 26px;
	}

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

	.working-modes-wrapper.svelte-lybf49 {
		z-index: 3;
		position: relative;
	}

	.main-content.svelte-2hbopj {
		padding: 1rem;
	}

	.action-content.svelte-664bq4 {
		padding: 1rem;
	}

	.info-content.svelte-t55lbe {
		padding: 1rem;
	}

	.sidepanel-device-layout-host.svelte-4srx9p {
		position: relative;
		display: flex;
		flex-direction: column;
		height: 100%;
		min-height: 0;
		flex: 1;
	}

	.sidepanel-device-layout-host.svelte-4srx9p .sidepanel-layout {
		flex: 1;
		min-height: 0;
	}

	.sidepanel-rights-scope.svelte-trgo7q {
		display: contents;
	}

	/* The header gear is the second `.sidepanel-btn` after the close button. */
	.sidepanel-rights-scope.no-device-settings-access.svelte-trgo7q .sidepanel-btn ~ .sidepanel-btn {
		opacity: 0.4;
		pointer-events: none;
	}

	.ai-date-link.svelte-p7mo29 {
		background: none;
		border: 0;
		padding: 0;
		color: var(--color-primary);
		cursor: pointer;
		font-size: 1rem;
		line-height: 1.45;
		width: fit-content;
	}

	.ai-date-link.svelte-p7mo29:hover,
	.ai-date-link.svelte-p7mo29:focus-visible {
		text-decoration: underline;
	}

	.see-all-offers-footer.svelte-1x97i8h {
		position: sticky;
		bottom: 0;
		background-color: var(--color-1);
	}

	@media (max-width: 639.98px) {
		.see-all-offers-footer.svelte-1x97i8h {
			background-color: var(--color-base);
		}
	}

	svg.svelte-1uiwjdg {
		fill: var(--header-logo-fill, currentColor);
	}

	/* The dock shell, item and indicator visuals live in the design system
	   (PillShapedDock). Only the assistant surface is styled here, since the
	   chat window is app-owned content rendered into the `expanded` slot. */
	.main-menu-more-trigger.svelte-1yz1b8g {
		display: grid;
		place-items: center;
		position: relative;
		width: 100%;
		height: 100%;
		padding: 0;
		border: 0;
		background: transparent;
		color: inherit;
		cursor: pointer;
	}

	.pill-dock-item.svelte-1yz1b8g .dropdown,
	.main-menu-item.svelte-1yz1b8g .dropdown {
		width: 100%;
		height: 100%;
	}

	.main-menu-item-notification.svelte-1yz1b8g {
		position: absolute;
		top: 6px;
		right: 10px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: var(--color-danger, #e53935);
		pointer-events: none;
	}

	/* Shared inset so the close control and message list stay aligned. */
	.nav-assistant-close.svelte-1yz1b8g,
	.nav-assistant-content.svelte-1yz1b8g {
		--nav-assistant-close-inset: var(--spacing-m, 16px);
		--nav-assistant-close-size: 2.5rem;
	}

	.nav-assistant-close.svelte-1yz1b8g {
		/* The expanded shell is already inset for the notch; do not add
		   safe-area again or the control sits too low in the chat panel. */
		position: absolute;
		top: var(--nav-assistant-close-inset);
		right: var(--nav-assistant-close-inset);
		width: var(--nav-assistant-close-size);
		height: var(--nav-assistant-close-size);
		border: 0;
		border-radius: 999px;
		background: rgb(0 0 0 / 34%);
		color: #fff;
		font-size: 1.5rem;
		cursor: pointer;
		z-index: 7;
		backdrop-filter: blur(4px);
		-webkit-backdrop-filter: blur(4px);
	}

	.nav-assistant-content.svelte-1yz1b8g {
		position: absolute;
		inset: 0;
	}

	.nav-assistant-content.svelte-1yz1b8g .chat-window {
		height: 100%;
	}

	.nav-assistant-content.svelte-1yz1b8g .messages-container {
		padding-top: calc(
			var(--nav-assistant-close-inset, var(--spacing-m, 16px)) +
				var(--nav-assistant-close-size, 2.5rem) + var(--spacing-s, 8px)
		);
	}

	.nav-assistant-content.svelte-1yz1b8g .input-area {
		padding-bottom: 0.75rem;
	}

	/* Phones: the expanded panel starts right below the safe area and spans the
	   full width. The dock otherwise adds `--nav-expand-step` (20px) below the
	   safe area and mirrors it as a side gap — space the chat can use instead. */
	@media (max-width: 639px) {
		.pill-shaped-dock.is-expanded,
		.main-menu-floating.is-expanded {
			--nav-open-top: var(--ios-visual-viewport-offset-top, env(safe-area-inset-top, 0px));
			--nav-expanded-width: 100%;
		}
	}

	.dash-actions-divider.svelte-qfq8qj {
		border-top: 1px solid var(--color-3);
	}

	.list-actions-divider.svelte-yqikrt {
		border-top: 1px solid var(--color-3);
	}

	.room-header-chrome.svelte-1fzrrt5 {
		position: relative;
	}

	.room-header-tabs-row.svelte-1fzrrt5 {
		position: relative;
		width: 100%;
	}

	.room-header-back.svelte-1fzrrt5 {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 4;
		height: 44px;
		opacity: 1;
		transform: translateX(0);
		transition:
			opacity 180ms ease,
			transform 220ms ease;
	}

	.room-header-back.is-concealed.svelte-1fzrrt5 {
		opacity: 0;
		transform: translateX(-8px);
		pointer-events: none;
	}

	/* Tabs draws ::after on .tabs-wrapper; padding keeps labels clear of back + kebab. */
	.room-header-chrome.svelte-1fzrrt5:not(.is-edit-chrome) .room-header-tabs:where(.svelte-1fzrrt5) .tabs-wrapper {
		padding-left: calc(32px + var(--spacing-s));
		padding-right: calc(32px + var(--spacing-s));
	}

	.room-header-name.svelte-1fzrrt5 {
		margin-top: var(--spacing-m);
		margin-right: 9px;
		transition: margin-top 220ms ease;
	}

	/* Idle kebab + desktop Finish: float over the tab rail. */
	.room-header-chrome.svelte-1fzrrt5:not(.is-bulk-chrome) .room-header-actions:where(.svelte-1fzrrt5),
	.room-header-chrome.svelte-1fzrrt5:not(.is-edit-chrome) .room-header-finish:where(.svelte-1fzrrt5) {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 5;
		height: 44px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		opacity: 1;
		transform: translateY(0);
		transition:
			opacity 200ms ease,
			transform 200ms ease;
	}

	/* Peek → room name → Finish (mobile/tablet). */
	.room-header-chrome.is-edit-chrome.svelte-1fzrrt5,
	.room-header-chrome.is-bulk-chrome.svelte-1fzrrt5 {
		gap: var(--spacing-s);
	}

	.room-header-chrome.is-edit-chrome.svelte-1fzrrt5 .room-header-name:where(.svelte-1fzrrt5) {
		margin-top: 0;
		margin-right: 0;
	}

	.room-header-chrome.is-bulk-chrome.svelte-1fzrrt5 .room-header-actions:where(.svelte-1fzrrt5),
	.room-header-chrome.is-edit-chrome.svelte-1fzrrt5 .room-header-finish:where(.svelte-1fzrrt5) {
		position: relative;
		top: auto;
		right: auto;
		z-index: 5;
		height: auto;
		min-height: 44px;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: stretch;
		opacity: 1;
		transform: translateY(0);
		transition:
			opacity 200ms ease,
			transform 200ms ease;
	}

	.room-header-chrome.is-bulk-chrome.svelte-1fzrrt5 .room-header-actions:where(.svelte-1fzrrt5) > *,
	.room-header-chrome.is-edit-chrome.svelte-1fzrrt5 .room-header-finish:where(.svelte-1fzrrt5) > * {
		width: 100%;
		max-width: 100%;
	}

	@media screen and (max-width: 1123px) {
		.room-header-chrome.svelte-1fzrrt5:not(.is-edit-chrome) .room-header-name:where(.svelte-1fzrrt5) {
			margin-right: 15px;
		}
	}

	@media screen and (max-width: 639px) {
		.room-header-chrome.svelte-1fzrrt5:not(.is-edit-chrome) .room-header-name:where(.svelte-1fzrrt5) {
			margin-right: 5px;
		}
	}

	@media (prefers-reduced-motion: reduce) {
		.room-header-back.svelte-1fzrrt5,
		.room-header-name.svelte-1fzrrt5,
		.room-header-actions.svelte-1fzrrt5,
		.room-header-finish.svelte-1fzrrt5 {
			transition: none;
		}
	}

	/* Home background overlay + route-based overrides now live in HomeBackground.svelte. */

	/* Premium gem hangs outside the avatar; keep collapse clip only when collapsed. */
	header.new-layout:not(.is-collapsed) {
		overflow: visible;
	}

	.header-shelly-logo-btn.svelte-1uzpyx1 {
		border: none;
		background: transparent;
		padding: 0;
		cursor: pointer;
		margin-right: 40px;
		/* Inherit header ink (page on settings, chrome HUD on home over background). */
		color: inherit;
	}

	/* (unused) .header-shelly-logo {
		display: block;
		width: 28px;
		height: 28px;
		border-radius: 50%;
		fill: currentColor;
	}*/

	.separator-vertical.svelte-1uzpyx1 {
		align-self: center;
		height: 24px;
		border-right: 1px solid var(--chrome-border-02, var(--color-theme-border-02));
	}

	header.settings-page-header {
		margin: 0 0 0 24px !important;
	}

	.main-layout.new-layout:has(.settings-page-header) .main {
		padding-top: 0;
	}

	@media screen and (max-width: 1123px) {
		header.settings-page-header {
			margin-left: 16px !important;
		}
	}

	@media screen and (max-width: 639px) {
		header.settings-page-header {
			margin-left: 12px !important;
		}
	}

	@media screen and (max-width: 1123px) {
		.header-shelly-logo-btn.svelte-1uzpyx1 {
			margin-right: var(--spacing-l);
		}
	}

	/* When AI chat modal is open: lock layout scroll and block layout pointer-events (body class set by AISceneModalWrapper scroll lock). */
	body.ai-scene-modal-open {
		overflow: hidden;
		overscroll-behavior: none;
	}
	body.ai-scene-modal-open .main-layout-scroll,
	body.ai-scene-modal-open .main-layout .scroll-content-new-layout,
	body.ai-scene-modal-open .scroll.scroll-drawer {
		overflow: hidden !important;
		overscroll-behavior: none;
		touch-action: none;
		height: var(--ios-visual-viewport-height, 100vh);
		max-height: var(--ios-visual-viewport-height, 100vh);
	}
	body.ai-scene-modal-open .main-layout {
		pointer-events: none;
	}

	.testing-dashboard-tab-wrap.svelte-1uzpyx1 {
		position: relative;
		display: inline-flex;
		align-items: center;
		border: 1px solid rgba(234, 179, 8, 0.75);
		border-radius: var(--radius-s, 8px);
		background: rgba(234, 179, 8, 0.1);
	}

	.testing-dashboard-tab-tooltip.svelte-1uzpyx1 {
		position: absolute;
		bottom: calc(100% + 6px);
		left: 50%;
		transform: translateX(-50%);
		z-index: 20;
		width: max-content;
		max-width: 220px;
		padding: 4px 8px;
		border-radius: 6px;
		background: rgba(20, 20, 20, 0.95);
		color: #fff;
		font-size: 11px;
		line-height: 1.3;
		text-align: center;
		pointer-events: none;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.12s ease;
	}

	.testing-dashboard-tab-wrap.svelte-1uzpyx1:hover .testing-dashboard-tab-tooltip:where(.svelte-1uzpyx1),
	.testing-dashboard-tab-wrap.svelte-1uzpyx1:focus-within .testing-dashboard-tab-tooltip:where(.svelte-1uzpyx1) {
		opacity: 1;
		visibility: visible;
	}

	@media (hover: none) {
		.testing-dashboard-tab-wrap.is-active.svelte-1uzpyx1 .testing-dashboard-tab-tooltip:where(.svelte-1uzpyx1) {
			opacity: 1;
			visibility: visible;
		}
	}

	.priority-layout-dev-hud.svelte-jsaaxq {
		position: fixed;
		z-index: 45;
		left: var(--spacing-m);
		bottom: var(--spacing-m);
		width: 240px;
		max-width: calc(100vw - var(--spacing-xl));
	}

	.priority-layout-dev-hud.is-dragging.svelte-jsaaxq {
		cursor: grabbing;
		user-select: none;
	}

	.priority-layout-dev-hud-actions.svelte-jsaaxq {
		flex-wrap: wrap;
	}

	.priority-layout-dev-hud.svelte-jsaaxq .priority-layout-dev-hud-handle,
	.priority-layout-dev-hud-toolbar.svelte-jsaaxq {
		cursor: grab;
		touch-action: none;
	}

	.priority-layout-dev-hud.is-dragging.svelte-jsaaxq .priority-layout-dev-hud-handle,
	.priority-layout-dev-hud.is-dragging.svelte-jsaaxq .priority-layout-dev-hud-toolbar:where(.svelte-jsaaxq) {
		cursor: grabbing;
	}

	.widget-type-debug-legend.svelte-18u8jq2 {
		position: fixed;
		right: 16px;
		bottom: 16px;
		z-index: 2147482000;
		width: 220px;
		max-height: min(70vh, 520px);
		overflow: auto;
		padding: 10px 12px;
		border-radius: 10px;
		background: rgba(17, 17, 17, 0.88);
		color: #fff;
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
		font-size: 11px;
		line-height: 1.3;
	}

	.widget-type-debug-legend-head.svelte-18u8jq2 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		margin-bottom: 8px;
	}

	.widget-type-debug-legend-head.svelte-18u8jq2 strong:where(.svelte-18u8jq2) {
		font-size: 11px;
		letter-spacing: 0.04em;
		text-transform: uppercase;
	}

	.widget-type-debug-legend-head.svelte-18u8jq2 button:where(.svelte-18u8jq2) {
		border: 0;
		background: transparent;
		color: #cbd5e1;
		cursor: pointer;
		font: inherit;
		padding: 0;
	}

	ul.svelte-18u8jq2 {
		margin: 0;
		padding: 0;
		list-style: none;
		display: grid;
		gap: 4px;
	}

	li.svelte-18u8jq2 {
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.swatch.svelte-18u8jq2 {
		width: 10px;
		height: 10px;
		border-radius: 999px;
		flex: 0 0 auto;
	}

	.dev-edge.svelte-q5vtgv,
	.dev-hanging.svelte-q5vtgv {
		position: fixed;
		z-index: 2147483000;
		border: none;
		cursor: pointer;
		font-family: inherit;
		padding: 0;
		background: rgba(220, 38, 38, 0.85);
		color: #fff;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
		transition:
			background 0.15s ease,
			opacity 0.15s ease;
	}

	.dev-edge.svelte-q5vtgv:hover,
	.dev-hanging.svelte-q5vtgv:hover {
		background: rgba(185, 28, 28, 0.95);
	}

	/* Mobile / tablet: left-edge pull tab */
	.dev-edge.svelte-q5vtgv {
		display: none;
		top: 42%;
		left: 0;
		width: 56px;
		height: 72px;
		padding: 8px 6px 8px 8px;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 6px;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
		touch-action: none;
		will-change: transform;
	}

	.dev-edge.snapping.svelte-q5vtgv {
		transition: transform 0.22s cubic-bezier(0.2, 0.9, 0.3, 1.1);
	}

	.dev-edge-label.svelte-q5vtgv {
		font-size: 10px;
		font-weight: 700;
		letter-spacing: 0.12em;
		line-height: 1;
		text-transform: uppercase;
		color: rgba(255, 255, 255, 0.95);
		writing-mode: vertical-rl;
		transform: rotate(180deg);
	}

	.dev-edge-grip.svelte-q5vtgv {
		display: block;
		width: 3px;
		height: 22px;
		border-radius: 999px;
		background: rgba(255, 255, 255, 0.9);
		flex-shrink: 0;
	}

	/* Desktop: hanging labeled tab above the main-menu logo (rail is 72px wide, 16px inset). */
	.dev-hanging.svelte-q5vtgv {
		display: none;
		top: 0;
		left: 16px;
		width: var(--main-menu-width, 72px);
		justify-content: center;
		padding: 3px 8px 5px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		align-items: center;
		gap: 6px;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 0.06em;
		text-transform: uppercase;
	}

	.dev-hanging.svelte-q5vtgv:hover {
		transform: translateY(1px);
	}

	.dev-hanging-icon.svelte-q5vtgv {
		font-size: 12px;
	}

	.dev-hanging-label.svelte-q5vtgv {
		line-height: 1;
	}

	@media (max-width: 1123px) {
		.dev-edge.svelte-q5vtgv {
			display: inline-flex;
		}
	}

	@media (min-width: 1124px) {
		.dev-hanging.svelte-q5vtgv {
			display: inline-flex;
		}
	}

	.safe-area-ruler.svelte-1qbtv5v {
		position: fixed;
		left: 0;
		right: 0;
		z-index: 99998;
		pointer-events: none;
		display: flex;
		justify-content: center;
		box-sizing: border-box;
		font: 10px/1.2 ui-monospace, monospace;
		color: #fff;
		text-shadow: 0 1px 2px #000;
	}

	.safe-area-ruler-top.svelte-1qbtv5v {
		top: 0;
		align-items: flex-end;
		padding-bottom: 2px;
		background: rgba(255, 0, 0, 0.35);
		border-bottom: 1px solid rgba(255, 80, 80, 0.9);
	}

	.safe-area-ruler-bottom.svelte-1qbtv5v {
		bottom: 0;
		align-items: flex-start;
		padding-top: 2px;
		background: rgba(0, 120, 255, 0.35);
		border-top: 1px solid rgba(80, 160, 255, 0.9);
	}

	.safe-area-panel.svelte-1qbtv5v {
		position: fixed;
		right: 8px;
		bottom: calc(96px + env(safe-area-inset-bottom, 0px));
		z-index: 99999;
		max-width: min(340px, calc(100vw - 16px));
		background: rgba(0, 0, 0, 0.82);
		color: #b8f5c2;
		border: 1px solid rgba(255, 255, 255, 0.2);
		border-radius: 10px;
		padding: 6px 8px;
		font:
			11px/1.35 ui-monospace,
			Menlo,
			monospace;
		backdrop-filter: blur(8px);
	}

	.safe-area-panel.collapsed.svelte-1qbtv5v {
		padding: 4px 8px;
	}

	.panel-header.svelte-1qbtv5v {
		display: flex;
		align-items: center;
		gap: 4px;
		margin-bottom: 4px;
	}

	.safe-area-panel.collapsed.svelte-1qbtv5v .panel-header:where(.svelte-1qbtv5v) {
		margin-bottom: 0;
	}

	.toggle.svelte-1qbtv5v {
		display: block;
		flex: 1;
		min-width: 0;
		margin: 0;
		padding: 2px 0;
		border: 0;
		background: transparent;
		color: #fff;
		font: inherit;
		font-weight: 600;
		text-align: left;
		cursor: pointer;
	}

	.dismiss.svelte-1qbtv5v {
		flex-shrink: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 22px;
		height: 22px;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 6px;
		background: rgba(255, 255, 255, 0.12);
		color: #fff;
		font: 16px/1 ui-sans-serif, system-ui, sans-serif;
		cursor: pointer;
	}

	.dismiss.svelte-1qbtv5v:hover,
	.dismiss.svelte-1qbtv5v:focus-visible {
		background: rgba(255, 255, 255, 0.22);
		outline: none;
	}

	pre.svelte-1qbtv5v {
		margin: 0;
		white-space: pre-wrap;
		word-break: break-word;
	}

	.android-smart-app-banner.svelte-10jh23o {
		position: sticky;
		top: 0;
		z-index: 1100;
		display: flex;
		align-items: center;
		gap: 12px;
		width: 100%;
		padding: 12px;
		background: rgb(28 28 30 / 92%);
		backdrop-filter: blur(16px);
		border-bottom: 1px solid rgb(255 255 255 / 8%);
	}

	.android-smart-app-banner__icon.svelte-10jh23o {
		flex-shrink: 0;
		width: 56px;
		height: 56px;
		border-radius: 12px;
		object-fit: cover;
	}

	.android-smart-app-banner__copy.svelte-10jh23o {
		flex: 1;
		min-width: 0;
	}

	.android-smart-app-banner__title.svelte-10jh23o,
	.android-smart-app-banner__subtitle.svelte-10jh23o {
		margin: 0;
	}

	.android-smart-app-banner__title.svelte-10jh23o {
		color: #fff;
		font-size: 15px;
		font-weight: 600;
		line-height: 1.2;
	}

	.android-smart-app-banner__subtitle.svelte-10jh23o {
		color: #a1a1a6;
		font-size: 13px;
		line-height: 1.3;
	}

	.android-smart-app-banner__cta.svelte-10jh23o {
		flex-shrink: 0;
		padding: 6px 16px;
		border-radius: 20px;
		background: #007aff;
		color: #fff;
		font-size: 14px;
		font-weight: 600;
		text-decoration: none;
	}

	.android-smart-app-banner__dismiss.svelte-10jh23o {
		flex-shrink: 0;
		width: 28px;
		height: 28px;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: rgb(255 255 255 / 12%);
		color: #a1a1a6;
		font-size: 20px;
		line-height: 1;
		cursor: pointer;
	}
/*
 * App-level extension for Shelly DS spacing scale.
 * Token: 27px between --spacing-l (24px) and --spacing-xl (32px).
 */
:root {
	--spacing-l-plus: 27px;
}

.m-l-plus {
	margin: var(--spacing-l-plus) !important;
}

.mt-l-plus {
	margin-top: var(--spacing-l-plus) !important;
}

.mb-l-plus {
	margin-bottom: var(--spacing-l-plus) !important;
}

.mr-l-plus {
	margin-right: var(--spacing-l-plus) !important;
}

.ml-l-plus {
	margin-left: var(--spacing-l-plus) !important;
}

.p-l-plus {
	padding: var(--spacing-l-plus) !important;
}

.pt-l-plus {
	padding-top: var(--spacing-l-plus) !important;
}

.pb-l-plus {
	padding-bottom: var(--spacing-l-plus) !important;
}

.pr-l-plus {
	padding-right: var(--spacing-l-plus) !important;
}

.pl-l-plus {
	padding-left: var(--spacing-l-plus) !important;
}

.gap-l-plus {
	gap: var(--spacing-l-plus) !important;
}
:root {
	/*
	 * --home-background-overlay-opacity is set at startup from
	 * HOME_BACKGROUND_OVERLAY_OPACITY in src/helpers/background_color_helpers.ts.
	 */

	/*
	 * Duration of the fade used by src/routes/HomeBackground.svelte when the background
	 * switches to/from a route-specific override color (see src/helpers/route_background_helpers.ts).
	 */
	--home-background-transition-duration: 350ms;
}

html {
	overscroll-behavior-y: none;
}

body {
	overscroll-behavior-y: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

/*
 * Signed-in shell: lists inside MainLayout scroll; the document must not.
 * Window / WKWebView scroll is what shoves the whole UI into the iOS status
 * bar. Login has no `.main-layout` and still uses document scroll.
 * Do not cap max-height at 100dvh — that is the iOS *small* viewport and
 * leaves a black home-indicator strip. Overflow hidden + the JS touch lock
 * in ios_document_scroll_lock.ts stop rubber-band without clipping.
 */
html:has(.main-layout),
html:has(.main-layout) body {
	overflow: hidden;
	overscroll-behavior: none;
}

/*
 * iOS WKWebView reports innerHeight / 100dvh as the *small* viewport (e.g. 818)
 * while env(safe-area-inset-bottom) is the home-indicator strip (34). html/body
 * then lock to 818px and the remaining 34px paints as a black dock. Fill with
 * small-viewport + inset (lvh / fill-available as fallbacks).
 * viewport-fit=cover is already set in index.html. Android is excluded: there
 * innerHeight already includes the system-bar region, so adding the inset
 * would stretch the page.
 */
@supports (-webkit-touch-callout: none) {
	html,
	body {
		min-height: 100%;
		min-height: 100vh;
		min-height: -webkit-fill-available;
		min-height: 100lvh;
		min-height: calc(100dvh + env(safe-area-inset-bottom, 0px));
		height: calc(100dvh + env(safe-area-inset-bottom, 0px));
	}

	.main-layout,
	.main-layout.new-layout,
	.login-layout-wrapper {
		min-height: calc(100dvh + env(safe-area-inset-bottom, 0px));
		height: calc(100dvh + env(safe-area-inset-bottom, 0px));
	}
}

/* Option A: light directional fade/slide after Dash / Home tab changes. */
@keyframes tab-swipe-anim-next {
	from {
		opacity: 0.35;
		transform: translateX(28px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes tab-swipe-anim-prev {
	from {
		opacity: 0.35;
		transform: translateX(-28px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.tab-swipe-anim-next,
.tab-swipe-anim-prev {
	animation-duration: 280ms;
	animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
	animation-fill-mode: both;
	will-change: transform, opacity;
}

.tab-swipe-anim-next {
	animation-name: tab-swipe-anim-next;
}

.tab-swipe-anim-prev {
	animation-name: tab-swipe-anim-prev;
}

@media (prefers-reduced-motion: reduce) {
	.tab-swipe-anim-next,
	.tab-swipe-anim-prev {
		animation: none;
	}
}