@charset "UTF-8";@-webkit-keyframes svelte-at2bl6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-at2bl6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.icon-grid.svelte-at2bl6 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-white);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.icon-grid.svelte-at2bl6 i:where(.svelte-at2bl6) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  line-height: normal;
}
.icon-grid.icon-grid-xxl.svelte-at2bl6 {
  width: 120px;
  height: 120px;
  font-size: 80px;
}
.icon-grid.icon-grid-xl.svelte-at2bl6 {
  width: 88px;
  height: 88px;
  font-size: 64px;
}
.icon-grid.icon-grid-l.svelte-at2bl6 {
  width: 44px;
  height: 44px;
  font-size: 34px;
}
.icon-grid.icon-grid-m.svelte-at2bl6 {
  width: 32px;
  height: 32px;
  font-size: 24px;
}
.icon-grid.icon-grid-s.svelte-at2bl6 {
  width: 20px;
  height: 20px;
  font-size: 16px;
}
.icon-grid.icon-grid-xs.svelte-at2bl6 {
  width: 14px;
  height: 14px;
  font-size: 11px;
}
.icon-grid.icon-grid-xxs.svelte-at2bl6 {
  width: 12px;
  height: 12px;
  font-size: 8px;
}@-webkit-keyframes svelte-159g296-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-159g296-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.alert.svelte-159g296 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 12px;
  border-radius: var(--radius-big);
}
.alert.type-info.svelte-159g296 {
  background-color: var(--color-primary-20);
}
.alert.type-success.svelte-159g296 {
  background-color: var(--color-success-20);
}
.alert.type-warning.svelte-159g296 {
  background-color: var(--color-warning-20);
}
.alert.type-danger.svelte-159g296 {
  background-color: var(--color-danger-20);
}
.alert.svelte-159g296 .heading:where(.svelte-159g296) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.alert.svelte-159g296 .dismisable-btn:where(.svelte-159g296) {
  margin-left: auto;
}
.alert.dismissable.svelte-159g296 {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transition-property: padding-top, padding-bottom, height;
  transition-property: padding-top, padding-bottom, height;
  will-change: padding-top, padding-bottom, height;
  height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden;
}
.alert.svelte-159g296 .alert-cta-btn:where(.svelte-159g296) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-primary);
  text-decoration: none;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 13px;
  line-height: 16px;
}
.alert.svelte-159g296 .alert-cta-btn:where(.svelte-159g296):disabled {
  cursor: not-allowed;
}
.alert.svelte-159g296 .alert-cta-btn:where(.svelte-159g296):hover, .alert.svelte-159g296 .alert-cta-btn:where(.svelte-159g296):focus-visible {
  text-decoration: underline;
}@-webkit-keyframes svelte-5ax40e-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-5ax40e-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.alert-v2.svelte-5ax40e {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: var(--spacing-m) var(--spacing-m-plus);
  border-radius: var(--radius-big);
  background: #191a1e;
}
.alert-v2.svelte-5ax40e::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid #212128;
  pointer-events: none;
}
.alert-v2.dismissable.svelte-5ax40e {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transition-property: padding-top, padding-bottom, height;
  transition-property: padding-top, padding-bottom, height;
  will-change: padding-top, padding-bottom, height;
  height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden;
}
.alert-v2.svelte-5ax40e .alert-v2-heading:where(.svelte-5ax40e) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.alert-v2.svelte-5ax40e .alert-v2-message:where(.svelte-5ax40e) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: var(--color-white);
}
.alert-v2.svelte-5ax40e .alert-v2-dismissable-btn:where(.svelte-5ax40e) {
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.alert-v2.svelte-5ax40e .alert-v2-cta-btn:where(.svelte-5ax40e) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  text-decoration: none;
  cursor: pointer;
}
.alert-v2.svelte-5ax40e .alert-v2-cta-btn:where(.svelte-5ax40e):disabled {
  cursor: not-allowed;
}
.alert-v2.svelte-5ax40e .alert-v2-cta-btn:where(.svelte-5ax40e):hover, .alert-v2.svelte-5ax40e .alert-v2-cta-btn:where(.svelte-5ax40e):focus-visible {
  text-decoration: underline;
}@-webkit-keyframes svelte-u782ea-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-u782ea-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.tooltip-element.svelte-u782ea {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

#tooltip.svelte-u782ea {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 10px;
  max-width: 234px;
  background-color: var(--color-white);
  border-radius: var(--radius-small);
  z-index: 2;
}

/* (unused) :global(#tooltip[data-popper-placement^="top"]) > #arrow {
  bottom: -4px;
}*/

/* (unused) :global(#tooltip[data-popper-placement^="bottom"]) > #arrow {
  top: -4px;
}*/

/* (unused) :global(#tooltip[data-popper-placement^="left"]) > #arrow {
  right: -4px;
}*/

/* (unused) :global(#tooltip[data-popper-placement^="right"]) > #arrow {
  left: -4px;
}*/

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

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

#arrow.svelte-u782ea::before {
  visibility: visible;
  content: "";
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}@-webkit-keyframes svelte-1lch2g2-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1lch2g2-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.link-text:focus-visible {
  -webkit-box-shadow: 0 0 0 1px var(--color-primary) inset;
          box-shadow: 0 0 0 1px var(--color-primary) inset;
  outline: none;
}@-webkit-keyframes svelte-14o9aq-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-14o9aq-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.breadcrumbs.svelte-14o9aq ul:where(.svelte-14o9aq) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

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

.tooltip-element #tooltip {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}@-webkit-keyframes svelte-1vpole2-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1vpole2-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.bulleted-list.svelte-1vpole2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin: 0;
  padding-left: 24px;
}
.bulleted-list.no-gap.svelte-1vpole2 {
  gap: 0;
}@-webkit-keyframes svelte-dd3422-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-dd3422-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.indicator.svelte-dd3422 {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.indicator.success.svelte-dd3422 {
  background-color: var(--color-success);
}
.indicator.warning.svelte-dd3422 {
  background-color: var(--color-warning);
}
.indicator.danger.svelte-dd3422 {
  background-color: var(--color-danger);
}
.indicator.with-title.svelte-dd3422 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  width: auto;
}
.indicator.with-title.size-m.svelte-dd3422 {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: var(--color-white);
  margin: 0;
  border-radius: 4px;
  padding: 2px;
  min-width: 16px;
  height: auto;
}
.indicator.with-title.size-l.svelte-dd3422 {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
  border-radius: 6px;
  padding: 2px 4px;
  min-width: 20px;
  height: 22px;
}@-webkit-keyframes svelte-19b4kve-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-19b4kve-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.spinner-box.svelte-19b4kve {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.spinner-box.svelte-19b4kve svg:where(.svelte-19b4kve) {
  -webkit-animation: svelte-19b4kve-spinner 1s infinite linear;
          animation: svelte-19b4kve-spinner 1s infinite linear;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.spinner-box.size-m.svelte-19b4kve svg:where(.svelte-19b4kve) {
  width: 24px;
  height: 24px;
}
.spinner-box.size-s.svelte-19b4kve svg:where(.svelte-19b4kve) {
  width: 20px;
  height: 20px;
}
.spinner-box.size-xs.svelte-19b4kve svg:where(.svelte-19b4kve) {
  width: 14px;
  height: 14px;
}
.spinner-box.size-xxs.svelte-19b4kve svg:where(.svelte-19b4kve) {
  width: 12px;
  height: 12px;
}

@-webkit-keyframes svelte-19b4kve-spinner {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes svelte-19b4kve-spinner {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}@-webkit-keyframes svelte-1wga5m8-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1wga5m8-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.dots-container.svelte-1wga5m8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 18px;
}
.dots-container.svelte-1wga5m8 .dot:where(.svelte-1wga5m8),
.dots-container.svelte-1wga5m8 .dash:where(.svelte-1wga5m8) {
  background: var(--color-white);
}
.dots-container.svelte-1wga5m8 .dot.bg-primary:where(.svelte-1wga5m8),
.dots-container.svelte-1wga5m8 .dash.bg-primary:where(.svelte-1wga5m8) {
  background: var(--color-primary);
}
.dots-container.svelte-1wga5m8 .dot:where(.svelte-1wga5m8) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: var(--spacing-xxs);
}
.dots-container.svelte-1wga5m8 .dot:where(.svelte-1wga5m8):last-of-type {
  margin-right: 0px;
}
.dots-container.svelte-1wga5m8 .dash:where(.svelte-1wga5m8) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 19px;
  height: 2px;
  border-radius: var(--radius-small);
}
.dots-container.svelte-1wga5m8 .long-short-container:where(.svelte-1wga5m8),
.dots-container.svelte-1wga5m8 .short-long-container:where(.svelte-1wga5m8) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dots-container.svelte-1wga5m8 .long-short-container:where(.svelte-1wga5m8) .dot:where(.svelte-1wga5m8),
.dots-container.svelte-1wga5m8 .short-long-container:where(.svelte-1wga5m8) .dot:where(.svelte-1wga5m8) {
  margin-right: 0;
}
.dots-container.svelte-1wga5m8 .long-short-container:where(.svelte-1wga5m8) .dot:where(.svelte-1wga5m8) {
  margin-top: 4px;
}
.dots-container.svelte-1wga5m8 .short-long-container:where(.svelte-1wga5m8) .dot:where(.svelte-1wga5m8) {
  margin-bottom: 4px;
}

@media (max-width: 639px) {
  .dots-container.dots-container-mobile.svelte-1wga5m8 {
    height: 14px;
  }
  .dots-container.dots-container-mobile.svelte-1wga5m8 .dot:where(.svelte-1wga5m8) {
    width: 4px;
    height: 4px;
    margin-right: 1px;
  }
  .dots-container.dots-container-mobile.svelte-1wga5m8 .dot:where(.svelte-1wga5m8):last-of-type {
    margin-right: 0px;
  }
  .dots-container.dots-container-mobile.svelte-1wga5m8 .dash:where(.svelte-1wga5m8) {
    width: 14px;
    height: 2px;
  }
}@-webkit-keyframes svelte-1xtmsyu-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1xtmsyu-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.label.svelte-1xtmsyu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--color-1);
  border-radius: var(--radius-big);
}
.label.bg-opacity.svelte-1xtmsyu {
  background: var(--color-1-opacity);
}
.label.vertical.svelte-1xtmsyu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.label.label-xs.svelte-1xtmsyu {
  padding: 1px 4px;
  min-height: 14px;
}
.label.label-s.svelte-1xtmsyu {
  padding: 4px 4px;
  min-height: 22px;
}
.label.label-s.vertical.svelte-1xtmsyu {
  min-width: 36px;
  min-height: 36px;
}
.label.label-m.svelte-1xtmsyu {
  padding: 6px 4px;
  min-height: 32px;
}
.label.label-l.svelte-1xtmsyu {
  padding: 4px 12px;
  min-height: 56px;
}
.label.label-xl.svelte-1xtmsyu {
  padding: 8px;
  min-height: 44px;
}
.label.label-xl.svelte-1xtmsyu .icon-grid {
  margin: auto;
}
.label.primary.svelte-1xtmsyu {
  background: var(--color-primary);
}
.label.primary-10.svelte-1xtmsyu {
  background: var(--color-primary-10);
}
.label.secondary.svelte-1xtmsyu {
  background: var(--color-secondary);
}
.label.success.svelte-1xtmsyu {
  background: var(--color-success);
}
.label.success-10.svelte-1xtmsyu {
  background: var(--color-success-10);
}
.label.warning.svelte-1xtmsyu {
  background: var(--color-warning);
}
.label.warning-10.svelte-1xtmsyu {
  background: var(--color-warning-10);
}
.label.danger.svelte-1xtmsyu {
  background: var(--color-danger);
}
.label.premium.svelte-1xtmsyu {
  background: var(--gradient-premium);
}
.label.premium-10.svelte-1xtmsyu {
  background: var(--gradient-premium-10);
}
.label.color-0.svelte-1xtmsyu {
  background-color: var(--color-0);
}
.label.color-2.svelte-1xtmsyu {
  background-color: var(--color-2);
}
.label.ai.svelte-1xtmsyu {
  background: var(--gradient-ai);
}
.label.disabled.svelte-1xtmsyu {
  background: var(--color-1);
}
.label.experimental.svelte-1xtmsyu {
  background: #b59dff;
}
.label.label-xs.no-radius-top-left-diagonal.svelte-1xtmsyu, .label.label-s.no-radius-top-left-diagonal.svelte-1xtmsyu, .label.label-m.no-radius-top-left-diagonal.svelte-1xtmsyu, .label.label-l.no-radius-top-left-diagonal.svelte-1xtmsyu, .label.label-xl.no-radius-top-left-diagonal.svelte-1xtmsyu {
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
}
.label.label-xs.no-radius-bottom-left-diagonal.svelte-1xtmsyu, .label.label-s.no-radius-bottom-left-diagonal.svelte-1xtmsyu, .label.label-m.no-radius-bottom-left-diagonal.svelte-1xtmsyu, .label.label-l.no-radius-bottom-left-diagonal.svelte-1xtmsyu, .label.label-xl.no-radius-bottom-left-diagonal.svelte-1xtmsyu {
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
}
.label.label-xs.no-radius-left.svelte-1xtmsyu, .label.label-s.no-radius-left.svelte-1xtmsyu, .label.label-m.no-radius-left.svelte-1xtmsyu, .label.label-l.no-radius-left.svelte-1xtmsyu, .label.label-xl.no-radius-left.svelte-1xtmsyu {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.label.blinking-bg.svelte-1xtmsyu {
  -webkit-animation: svelte-1xtmsyu-blinkBgColor 2800ms linear infinite;
          animation: svelte-1xtmsyu-blinkBgColor 2800ms linear infinite;
}
.label.svelte-1xtmsyu .label-value-container:where(.svelte-1xtmsyu) {
  max-width: 100%;
  overflow: hidden;
  text-align: center;
}
.label.svelte-1xtmsyu .label-value-container:where(.svelte-1xtmsyu) .label-value:first-letter {
  text-transform: uppercase;
}
.label.svelte-1xtmsyu .blinking-icon {
  -webkit-animation: svelte-1xtmsyu-blinkColor 2800ms linear infinite;
          animation: svelte-1xtmsyu-blinkColor 2800ms linear infinite;
}

@-webkit-keyframes svelte-1xtmsyu-blinkBgColor {
  0% {
    background-color: var(--blink-animation-start-color);
  }
  42.85% {
    /* (1200ms / 2800ms) * 100 */
    background-color: var(--blink-animation-start-color);
  }
  50% {
    /* (1200ms + 200ms) / 2800ms * 100 */
    background-color: var(--blink-animation-end-color);
  }
  92.85% {
    /* (1200ms + 200ms + 1200ms) / 2900ms * 100 */
    background-color: var(--blink-animation-end-color);
  }
  100% {
    background-color: var(--blink-animation-start-color);
  }
}

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

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

@media (max-width: 1123px) {
  .button.size-md-l.svelte-1c7hixw {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: var(--color-white);
    margin: 0;
    font-weight: bold;
    height: 44px;
    border-radius: var(--radius-big);
  }
  .button.size-md-m.svelte-1c7hixw {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: var(--color-white);
    margin: 0;
    font-weight: bold;
    height: 32px;
    border-radius: var(--radius-small);
  }
  .button.size-md-s.svelte-1c7hixw {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: var(--color-white);
    margin: 0;
    font-weight: bold;
    height: 24px;
    border-radius: var(--radius-extra-small);
    padding: 0px 12px;
  }
  .button.size-md-s.svelte-1c7hixw .spinner-box,
  .button.size-md-s.svelte-1c7hixw .icon-grid.mr-s,
  .button.size-md-s.svelte-1c7hixw .icon-grid.mr-xs {
    margin-right: 6px !important;
  }
  .button.size-md-s.svelte-1c7hixw .icon-grid.ml-s,
  .button.size-md-s.svelte-1c7hixw .icon-grid.ml-xs {
    margin-left: 6px !important;
  }
  .button.size-md-s.svelte-1c7hixw .button-notification {
    width: 4px;
    height: 4px;
    top: 6px;
    right: 6px;
  }
  .button.size-md-s.svelte-1c7hixw .button-notification.with-title {
    width: auto;
    height: auto;
    top: -8px;
    right: -8px;
  }
  .button.size-md-s.svelte-1c7hixw .right-label {
    right: -14px;
    top: -6px;
  }
}
@media (max-width: 639px) {
  .button.size-sm-l.svelte-1c7hixw {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: var(--color-white);
    margin: 0;
    font-weight: bold;
    height: 44px;
    border-radius: var(--radius-big);
  }
  .button.size-sm-m.svelte-1c7hixw {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: var(--color-white);
    margin: 0;
    font-weight: bold;
    height: 32px;
    border-radius: var(--radius-small);
  }
  .button.size-sm-s.svelte-1c7hixw {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: var(--color-white);
    margin: 0;
    font-weight: bold;
    height: 24px;
    border-radius: var(--radius-extra-small);
    padding: 0px 12px;
  }
  .button.size-sm-s.svelte-1c7hixw .spinner-box,
  .button.size-sm-s.svelte-1c7hixw .icon-grid.mr-s,
  .button.size-sm-s.svelte-1c7hixw .icon-grid.mr-xs {
    margin-right: 6px !important;
  }
  .button.size-sm-s.svelte-1c7hixw .icon-grid.ml-s,
  .button.size-sm-s.svelte-1c7hixw .icon-grid.ml-xs {
    margin-left: 6px !important;
  }
  .button.size-sm-s.svelte-1c7hixw .button-notification {
    width: 4px;
    height: 4px;
    top: 6px;
    right: 6px;
  }
  .button.size-sm-s.svelte-1c7hixw .button-notification.with-title {
    width: auto;
    height: auto;
    top: -8px;
    right: -8px;
  }
  .button.size-sm-s.svelte-1c7hixw .right-label {
    right: -14px;
    top: -6px;
  }
}@-webkit-keyframes svelte-g0h4h4-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-g0h4h4-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.button-v2.svelte-g0h4h4 {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 16px;
  max-width: 100%;
}
.button-v2.svelte-g0h4h4:disabled {
  cursor: not-allowed;
}
.button-v2.disabled.svelte-g0h4h4 {
  cursor: not-allowed;
}
.button-v2.large.svelte-g0h4h4, .button-v2.size-lg-l.svelte-g0h4h4 {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
  font-weight: bold;
  height: 44px;
  border-radius: var(--radius-big);
}
.button-v2.medium.svelte-g0h4h4, .button-v2.size-lg-m.svelte-g0h4h4 {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
  font-weight: bold;
  height: 32px;
  border-radius: var(--radius-small);
}
.button-v2.small.svelte-g0h4h4, .button-v2.size-lg-s.svelte-g0h4h4 {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: var(--color-white);
  margin: 0;
  font-weight: bold;
  height: 24px;
  border-radius: var(--radius-extra-small);
  padding: 0px 12px;
}
.button-v2.small.svelte-g0h4h4 .spinner-box,
.button-v2.small.svelte-g0h4h4 .icon-grid.mr-s,
.button-v2.small.svelte-g0h4h4 .icon-grid.mr-xs, .button-v2.size-lg-s.svelte-g0h4h4 .spinner-box,
.button-v2.size-lg-s.svelte-g0h4h4 .icon-grid.mr-s,
.button-v2.size-lg-s.svelte-g0h4h4 .icon-grid.mr-xs {
  margin-right: 6px !important;
}
.button-v2.small.svelte-g0h4h4 .icon-grid.ml-s,
.button-v2.small.svelte-g0h4h4 .icon-grid.ml-xs, .button-v2.size-lg-s.svelte-g0h4h4 .icon-grid.ml-s,
.button-v2.size-lg-s.svelte-g0h4h4 .icon-grid.ml-xs {
  margin-left: 6px !important;
}
.button-v2.small.svelte-g0h4h4 .button-notification, .button-v2.size-lg-s.svelte-g0h4h4 .button-notification {
  width: 4px;
  height: 4px;
  top: 6px;
  right: 6px;
}
.button-v2.small.svelte-g0h4h4 .button-notification.with-title, .button-v2.size-lg-s.svelte-g0h4h4 .button-notification.with-title {
  width: auto;
  height: auto;
  top: -8px;
  right: -8px;
}
.button-v2.small.svelte-g0h4h4 .right-label, .button-v2.size-lg-s.svelte-g0h4h4 .right-label {
  right: -14px;
  top: -6px;
}
.button-v2.primary.svelte-g0h4h4 {
  background-color: var(--color-white);
  color: var(--color-base);
  border-radius: 50px;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  font-weight: 500 !important;
  will-change: transform;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}
.button-v2.primary.svelte-g0h4h4:focus, .button-v2.primary.svelte-g0h4h4:not(.disabled-overlay):active {
  -webkit-transform: scale(0.97);
      -ms-transform: scale(0.97);
          transform: scale(0.97);
}
@media (hover: hover) and (pointer: fine) {
  .button-v2.primary.svelte-g0h4h4:not(.disabled-overlay):hover {
    background-color: #8a8a8a;
  }
}
.button-v2.primary.svelte-g0h4h4 i[class*="fa-"] {
  color: var(--color-base);
}
.button-v2.secondary.svelte-g0h4h4 {
  background-color: transparent;
  color: var(--color-white);
  border-radius: var(--radius-extra-extra-big);
  border: 1px solid var(--color-white);
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  font-weight: 500 !important;
  will-change: transform;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}
.button-v2.secondary.svelte-g0h4h4:focus, .button-v2.secondary.svelte-g0h4h4:not(.disabled-overlay):active {
  -webkit-transform: scale(0.97);
      -ms-transform: scale(0.97);
          transform: scale(0.97);
}
@media (hover: hover) and (pointer: fine) {
  .button-v2.secondary.svelte-g0h4h4:not(.disabled-overlay):hover {
    background-color: var(--color-white);
    color: var(--color-base);
  }
  .button-v2.secondary.svelte-g0h4h4:not(.disabled-overlay):hover i[class*="fa-"] {
    color: var(--color-base);
  }
}
.button-v2.secondary.svelte-g0h4h4 i[class*="fa-"] {
  color: var(--color-white);
}
.button-v2.secondary.disabled-overlay.svelte-g0h4h4 {
  border: 1px solid var(--color-3);
}
.button-v2.danger.svelte-g0h4h4 {
  background-color: var(--color-danger);
}
.button-v2.danger.svelte-g0h4h4:focus, .button-v2.danger.svelte-g0h4h4:not(.disabled-overlay):active {
  -webkit-box-shadow: 0 0 0 2px var(--color-white) inset;
          box-shadow: 0 0 0 2px var(--color-white) inset;
}
@media (hover: hover) and (pointer: fine) {
  .button-v2.danger.svelte-g0h4h4:not(.disabled-overlay):hover {
    -webkit-box-shadow: 0 0 0 2px var(--color-white) inset;
            box-shadow: 0 0 0 2px var(--color-white) inset;
  }
}
.button-v2.custom.svelte-g0h4h4 {
  --custom-color: var(--color-1);
  --custom-background: var(--color-white);
  background: transparent !important;
  color: var(--custom-color) !important;
}
.button-v2.custom.svelte-g0h4h4 .button-text {
  padding: 4px 8px;
  border-radius: 4px;
  background: var(--custom-background);
}
.button-v2.custom.svelte-g0h4h4:focus, .button-v2.custom.svelte-g0h4h4:not(.disabled-overlay):active {
  -webkit-box-shadow: 0 0 0 1px var(--custom-background) inset;
          box-shadow: 0 0 0 1px var(--custom-background) inset;
}
@media (hover: hover) and (pointer: fine) {
  .button-v2.custom.svelte-g0h4h4:not(.disabled-overlay):hover {
    -webkit-box-shadow: 0 0 0 1px var(--custom-background) inset;
            box-shadow: 0 0 0 1px var(--custom-background) inset;
  }
}
.button-v2.custom.small.svelte-g0h4h4 {
  padding: 0px 2px;
}
.button-v2.custom.medium.svelte-g0h4h4 {
  padding: 0px 4px;
}
.button-v2.custom.large.svelte-g0h4h4 {
  padding: 0px 8px;
}
.button-v2.premium.svelte-g0h4h4 {
  background-image: var(--gradient-premium);
  color: var(--color-base);
}
.button-v2.premium.svelte-g0h4h4:focus, .button-v2.premium.svelte-g0h4h4:not(.disabled-overlay):active {
  -webkit-box-shadow: 0 0 0 2px var(--color-white) inset;
          box-shadow: 0 0 0 2px var(--color-white) inset;
  background-color: var(--color-premium);
  background-image: none;
}
@media (hover: hover) and (pointer: fine) {
  .button-v2.premium.svelte-g0h4h4:not(.disabled-overlay):hover {
    -webkit-box-shadow: 0 0 0 2px var(--color-white) inset;
            box-shadow: 0 0 0 2px var(--color-white) inset;
    background-color: var(--color-premium);
    background-image: none;
  }
}
.button-v2.success.svelte-g0h4h4 {
  background-color: var(--color-success);
}
.button-v2.success.svelte-g0h4h4:focus, .button-v2.success.svelte-g0h4h4:not(.disabled-overlay):active {
  -webkit-box-shadow: 0 0 0 2px var(--color-white) inset;
          box-shadow: 0 0 0 2px var(--color-white) inset;
}
@media (hover: hover) and (pointer: fine) {
  .button-v2.success.svelte-g0h4h4:not(.disabled-overlay):hover {
    -webkit-box-shadow: 0 0 0 2px var(--color-white) inset;
            box-shadow: 0 0 0 2px var(--color-white) inset;
  }
}
.button-v2.danger-secondary.svelte-g0h4h4 {
  -webkit-box-shadow: 0 0 0 2px var(--color-danger) inset;
          box-shadow: 0 0 0 2px var(--color-danger) inset;
}
.button-v2.danger-secondary.svelte-g0h4h4:focus, .button-v2.danger-secondary.svelte-g0h4h4:not(.disabled-overlay):active {
  background-color: var(--color-danger-10);
}
@media (hover: hover) and (pointer: fine) {
  .button-v2.danger-secondary.svelte-g0h4h4:not(.disabled-overlay):hover {
    background-color: var(--color-danger-10);
  }
}
.button-v2.loading.svelte-g0h4h4 .button-text,
.button-v2.loading.svelte-g0h4h4 .spinner-box {
  z-index: 1;
}
.button-v2.svelte-g0h4h4 .button-notification {
  position: absolute;
  top: 8px;
  right: 8px;
}
.button-v2.svelte-g0h4h4 .button-notification.with-title {
  top: -4px;
  right: -4px;
}
.button-v2.svelte-g0h4h4 .right-label {
  position: absolute;
  right: -12px;
  top: -4px;
  z-index: 1;
  max-width: 100%;
}

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

@media (max-width: 1123px) {
  .button-v2.size-md-l.svelte-g0h4h4 {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: var(--color-white);
    margin: 0;
    font-weight: bold;
    height: 44px;
    border-radius: var(--radius-big);
  }
  .button-v2.size-md-m.svelte-g0h4h4 {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: var(--color-white);
    margin: 0;
    font-weight: bold;
    height: 32px;
    border-radius: var(--radius-small);
  }
  .button-v2.size-md-s.svelte-g0h4h4 {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: var(--color-white);
    margin: 0;
    font-weight: bold;
    height: 24px;
    border-radius: var(--radius-extra-small);
    padding: 0px 12px;
  }
  .button-v2.size-md-s.svelte-g0h4h4 .spinner-box,
  .button-v2.size-md-s.svelte-g0h4h4 .icon-grid.mr-s,
  .button-v2.size-md-s.svelte-g0h4h4 .icon-grid.mr-xs {
    margin-right: 6px !important;
  }
  .button-v2.size-md-s.svelte-g0h4h4 .icon-grid.ml-s,
  .button-v2.size-md-s.svelte-g0h4h4 .icon-grid.ml-xs {
    margin-left: 6px !important;
  }
  .button-v2.size-md-s.svelte-g0h4h4 .button-notification {
    width: 4px;
    height: 4px;
    top: 6px;
    right: 6px;
  }
  .button-v2.size-md-s.svelte-g0h4h4 .button-notification.with-title {
    width: auto;
    height: auto;
    top: -8px;
    right: -8px;
  }
  .button-v2.size-md-s.svelte-g0h4h4 .right-label {
    right: -14px;
    top: -6px;
  }
}
@media (max-width: 639px) {
  .button-v2.size-sm-l.svelte-g0h4h4 {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: var(--color-white);
    margin: 0;
    font-weight: bold;
    height: 44px;
    border-radius: var(--radius-big);
  }
  .button-v2.size-sm-m.svelte-g0h4h4 {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: var(--color-white);
    margin: 0;
    font-weight: bold;
    height: 32px;
    border-radius: var(--radius-small);
  }
  .button-v2.size-sm-s.svelte-g0h4h4 {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    color: var(--color-white);
    margin: 0;
    font-weight: bold;
    height: 24px;
    border-radius: var(--radius-extra-small);
    padding: 0px 12px;
  }
  .button-v2.size-sm-s.svelte-g0h4h4 .spinner-box,
  .button-v2.size-sm-s.svelte-g0h4h4 .icon-grid.mr-s,
  .button-v2.size-sm-s.svelte-g0h4h4 .icon-grid.mr-xs {
    margin-right: 6px !important;
  }
  .button-v2.size-sm-s.svelte-g0h4h4 .icon-grid.ml-s,
  .button-v2.size-sm-s.svelte-g0h4h4 .icon-grid.ml-xs {
    margin-left: 6px !important;
  }
  .button-v2.size-sm-s.svelte-g0h4h4 .button-notification {
    width: 4px;
    height: 4px;
    top: 6px;
    right: 6px;
  }
  .button-v2.size-sm-s.svelte-g0h4h4 .button-notification.with-title {
    width: auto;
    height: auto;
    top: -8px;
    right: -8px;
  }
  .button-v2.size-sm-s.svelte-g0h4h4 .right-label {
    right: -14px;
    top: -6px;
  }
}@-webkit-keyframes svelte-b4bpsq-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-b4bpsq-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.button-group.svelte-b4bpsq {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 3px;
  border-radius: var(--radius-big);
  background-color: var(--color-1);
  max-width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.button-group.bg-light.svelte-b4bpsq {
  background-color: var(--color-2);
}
.button-group.no-wrap.svelte-b4bpsq {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.button-group.no-wrap.svelte-b4bpsq .button {
  min-width: var(--group-btn-min-width, 60px);
}
.button-group.no-wrap.svelte-b4bpsq .button:not(.custom) {
  padding: 0px 4px !important;
}
.button-group.vertical.svelte-b4bpsq {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.button-group.svelte-b4bpsq .button {
  max-width: calc(100% - 6px);
  min-width: 32px;
  margin: 3px !important;
}
.button-group.svelte-b4bpsq .button.custom:focus:not(.active) {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}
.button-group.svelte-b4bpsq .button:not(.custom) {
  padding: 0px 8px !important;
  font-weight: normal;
  background: unset !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}
.button-group.svelte-b4bpsq .button:not(.custom):not(.disabled-overlay):hover {
  -webkit-box-shadow: 0 0 0 2px var(--color-primary) inset !important;
          box-shadow: 0 0 0 2px var(--color-primary) inset !important;
}
.button-group.svelte-b4bpsq .button.disabled-overlay:not(.custom) {
  color: var(--color-3) !important;
}
.button-group.svelte-b4bpsq .button.disabled-overlay:not(.custom)::before {
  display: none;
}
.button-group.svelte-b4bpsq .button.custom.disabled-overlay:not(.active) .button-text {
  position: relative;
}
.button-group.svelte-b4bpsq .button.custom.disabled-overlay:not(.active) .button-text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-base);
  opacity: 0.5;
  border-radius: inherit;
}
.button-group.svelte-b4bpsq .button.custom.disabled-overlay:not(.active)::before {
  display: none;
}
.button-group.svelte-b4bpsq .button.disabled-overlay.active:not(.custom) {
  background: var(--color-primary-20) !important;
  font-weight: bold;
}
.button-group.svelte-b4bpsq .button.active:not(.custom) {
  background: var(--color-primary) !important;
  font-weight: bold;
}
.button-group.tiny-styles.svelte-b4bpsq .button {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: var(--color-white);
  margin: 0;
}
.button-group.body-extra-small-styles.svelte-b4bpsq .button {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: var(--color-white);
  margin: 0;
}@-webkit-keyframes svelte-1i9d9de-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1i9d9de-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.button-group.svelte-1i9d9de {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 3px;
  border-radius: 34px;
  border: 1px solid #212128;
  background-color: #191a1e;
  max-width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.button-group.bg-light.svelte-1i9d9de {
  background-color: var(--color-3);
}
.button-group.bg-light.svelte-1i9d9de .button.disabled-overlay:not(.custom) {
  color: var(--color-2) !important;
}
.button-group.bg-light.svelte-1i9d9de .button.disabled-overlay:not(.custom)::before {
  display: none;
}
.button-group.no-wrap.svelte-1i9d9de {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.button-group.no-wrap.svelte-1i9d9de .button {
  min-width: var(--group-btn-min-width, 60px);
}
.button-group.no-wrap.svelte-1i9d9de .button:not(.custom) {
  padding: 0px 4px !important;
}
.button-group.vertical.svelte-1i9d9de {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.button-group.svelte-1i9d9de .button {
  max-width: calc(100% - 6px);
  margin: 3px !important;
}
.button-group.svelte-1i9d9de .button.custom:focus:not(.active) {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}
.button-group.svelte-1i9d9de .button:not(.custom) {
  padding: 0px 8px !important;
  font-weight: normal;
  background: unset !important;
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
}
.button-group.svelte-1i9d9de .button:not(.custom):not(.disabled-overlay):hover {
  -webkit-box-shadow: 0 0 0 1px var(--color-white) inset !important;
          box-shadow: 0 0 0 1px var(--color-white) inset !important;
  border-radius: 34px;
}
.button-group.svelte-1i9d9de .button.disabled-overlay:not(.custom) {
  color: var(--color-white) !important;
}
.button-group.svelte-1i9d9de .button.disabled-overlay:not(.custom)::before {
  display: none;
}
.button-group.svelte-1i9d9de .button.custom.disabled-overlay:not(.active) .button-text {
  position: relative;
}
.button-group.svelte-1i9d9de .button.custom.disabled-overlay:not(.active) .button-text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-base);
  opacity: 0.5;
  border-radius: inherit;
}
.button-group.svelte-1i9d9de .button.custom.disabled-overlay:not(.active)::before {
  display: none;
}
.button-group.svelte-1i9d9de .button.active:not(.custom) {
  background: var(--color-white) !important;
}
.button-group.tiny-styles.svelte-1i9d9de .button {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: var(--color-white);
  margin: 0;
}
.button-group.body-extra-small-styles.svelte-1i9d9de .button {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: var(--color-white);
  margin: 0;
}
.button-group.svelte-1i9d9de .button.active {
  color: #191a1e;
  border-radius: 34px;
}@-webkit-keyframes svelte-1bymxop-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1bymxop-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.text.svelte-1bymxop {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
  text-decoration: underline;
}@-webkit-keyframes svelte-znl5fq-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-znl5fq-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.icon-button.svelte-znl5fq {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 6px;
  height: 32px;
  border-radius: var(--radius-small);
  position: relative;
}
.icon-button.svelte-znl5fq:disabled {
  cursor: not-allowed;
}
.icon-button.disabled.svelte-znl5fq {
  cursor: not-allowed;
}
.icon-button.circle.svelte-znl5fq {
  border-radius: var(--radius-extra-extra-big);
}
.icon-button.primary.svelte-znl5fq {
  background-color: var(--color-primary);
  background-image: var(--gradient-primary-horizontal);
}
.icon-button.primary.active.svelte-znl5fq, .icon-button.primary.svelte-znl5fq:focus, .icon-button.primary.svelte-znl5fq:not(.disabled-overlay, .active):active {
  -webkit-box-shadow: 0 0 0 2px var(--color-secondary) inset;
          box-shadow: 0 0 0 2px var(--color-secondary) inset;
  background-image: none;
}
.icon-button.primary.active.svelte-znl5fq {
  background: var(--color-primary-20);
}
@media (hover: hover) and (pointer: fine) {
  .icon-button.primary.svelte-znl5fq:not(.disabled-overlay, .active):hover {
    -webkit-box-shadow: 0 0 0 2px var(--color-secondary) inset;
            box-shadow: 0 0 0 2px var(--color-secondary) inset;
    background-image: none;
  }
}
.icon-button.danger.svelte-znl5fq {
  background-color: var(--color-danger);
}
.icon-button.danger.active.svelte-znl5fq, .icon-button.danger.svelte-znl5fq:focus, .icon-button.danger.svelte-znl5fq:not(.disabled-overlay, .active):active {
  -webkit-box-shadow: 0 0 0 2px var(--color-white) inset;
          box-shadow: 0 0 0 2px var(--color-white) inset;
}
.icon-button.danger.active.svelte-znl5fq {
  background: var(--color-danger-20);
}
@media (hover: hover) and (pointer: fine) {
  .icon-button.danger.svelte-znl5fq:not(.disabled-overlay, .active):hover {
    -webkit-box-shadow: 0 0 0 2px var(--color-white) inset;
            box-shadow: 0 0 0 2px var(--color-white) inset;
  }
}
.icon-button.danger-secondary.svelte-znl5fq {
  background-color: var(--color-1);
}
.icon-button.danger-secondary.svelte-znl5fq .icon-grid {
  color: var(--color-danger);
}
.icon-button.danger-secondary.active.svelte-znl5fq, .icon-button.danger-secondary.svelte-znl5fq:focus, .icon-button.danger-secondary.svelte-znl5fq:not(.disabled-overlay, .active):active {
  -webkit-box-shadow: 0 0 0 2px var(--color-white) inset;
          box-shadow: 0 0 0 2px var(--color-white) inset;
}
.icon-button.danger-secondary.active.svelte-znl5fq {
  background: var(--color-0);
}
@media (hover: hover) and (pointer: fine) {
  .icon-button.danger-secondary.svelte-znl5fq:not(.disabled-overlay, .active):hover {
    -webkit-box-shadow: 0 0 0 2px var(--color-white) inset;
            box-shadow: 0 0 0 2px var(--color-white) inset;
  }
}
.icon-button.success.svelte-znl5fq {
  background-color: var(--color-success);
}
.icon-button.success.active.svelte-znl5fq, .icon-button.success.svelte-znl5fq:focus, .icon-button.success.svelte-znl5fq:not(.disabled-overlay, .active):active {
  -webkit-box-shadow: 0 0 0 2px var(--color-white) inset;
          box-shadow: 0 0 0 2px var(--color-white) inset;
}
.icon-button.success.active.svelte-znl5fq {
  background: var(--color-success-20);
}
@media (hover: hover) and (pointer: fine) {
  .icon-button.success.svelte-znl5fq:not(.disabled-overlay, .active):hover {
    -webkit-box-shadow: 0 0 0 2px var(--color-white) inset;
            box-shadow: 0 0 0 2px var(--color-white) inset;
  }
}
.icon-button.secondary.svelte-znl5fq, .icon-button.label.svelte-znl5fq {
  background-color: var(--color-1);
}
.icon-button.secondary.with-text.svelte-znl5fq, .icon-button.label.with-text.svelte-znl5fq {
  padding: 0px 8px;
}
.icon-button.secondary.svelte-znl5fq:focus, .icon-button.secondary.svelte-znl5fq:not(.disabled-overlay, .active):active, .icon-button.label.svelte-znl5fq:focus, .icon-button.label.svelte-znl5fq:not(.disabled-overlay, .active):active {
  -webkit-box-shadow: 0 0 0 2px var(--color-primary) inset;
          box-shadow: 0 0 0 2px var(--color-primary) inset;
}
.icon-button.secondary.svelte-znl5fq:focus .text, .icon-button.secondary.svelte-znl5fq:not(.disabled-overlay, .active):active .text, .icon-button.label.svelte-znl5fq:focus .text, .icon-button.label.svelte-znl5fq:not(.disabled-overlay, .active):active .text {
  text-decoration: none;
}
.icon-button.secondary.active.svelte-znl5fq, .icon-button.label.active.svelte-znl5fq {
  background: var(--color-0);
  -webkit-box-shadow: 0 0 0 2px var(--color-primary) inset;
          box-shadow: 0 0 0 2px var(--color-primary) inset;
}
@media (hover: hover) and (pointer: fine) {
  .icon-button.secondary.svelte-znl5fq:not(.disabled-overlay, .active):hover, .icon-button.label.svelte-znl5fq:not(.disabled-overlay, .active):hover {
    -webkit-box-shadow: 0 0 0 2px var(--color-primary) inset;
            box-shadow: 0 0 0 2px var(--color-primary) inset;
  }
  .icon-button.secondary.svelte-znl5fq:not(.disabled-overlay, .active):hover .text, .icon-button.label.svelte-znl5fq:not(.disabled-overlay, .active):hover .text {
    text-decoration: none;
  }
}
.icon-button.label.svelte-znl5fq {
  width: 38px;
}
.icon-button.label.with-text.svelte-znl5fq {
  padding: 0px 7px;
}
.icon-button.label.loading.svelte-znl5fq {
  padding: 0px 6px;
}
.icon-button.help.active.svelte-znl5fq, .icon-button.help.svelte-znl5fq:focus, .icon-button.help.svelte-znl5fq:not(.disabled-overlay, .active):active {
  -webkit-box-shadow: 0 0 0 2px var(--color-primary) inset;
          box-shadow: 0 0 0 2px var(--color-primary) inset;
}
@media (hover: hover) and (pointer: fine) {
  .icon-button.help.svelte-znl5fq:not(.disabled-overlay, .active):hover {
    -webkit-box-shadow: 0 0 0 2px var(--color-primary) inset;
            box-shadow: 0 0 0 2px var(--color-primary) inset;
  }
}
.icon-button.help-2.active.svelte-znl5fq, .icon-button.help-2.svelte-znl5fq:focus, .icon-button.help-2.svelte-znl5fq:not(.disabled-overlay, .active):active {
  -webkit-box-shadow: 0 0 0 2px var(--color-white) inset;
          box-shadow: 0 0 0 2px var(--color-white) inset;
}
@media (hover: hover) and (pointer: fine) {
  .icon-button.help-2.svelte-znl5fq:not(.disabled-overlay, .active):hover {
    -webkit-box-shadow: 0 0 0 2px var(--color-white) inset;
            box-shadow: 0 0 0 2px var(--color-white) inset;
  }
}
.icon-button.loading.svelte-znl5fq .text,
.icon-button.loading.svelte-znl5fq .spinner-box {
  z-index: 1;
}
.icon-button.svelte-znl5fq .notification-position {
  position: absolute;
  top: 4px;
  right: 4px;
}
.icon-button.svelte-znl5fq .circle-notification {
  position: absolute;
  top: 5px;
  right: 6px;
  width: 5px;
  height: 5px;
}
.icon-button.svelte-znl5fq .notification-position.with-title {
  top: -4px;
  right: -4px;
}

a.icon-button {
  text-decoration: none;
}@-webkit-keyframes svelte-d7blcg-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-d7blcg-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.carousel.svelte-d7blcg {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: var(--conent-radius);
}
.carousel.svelte-d7blcg .slides:where(.svelte-d7blcg) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  min-height: 0;
  -webkit-transition: all 0.5s ease-in-out;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: start;
      align-self: start;
}
.carousel.svelte-d7blcg .dots-container:where(.svelte-d7blcg) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}
.carousel.svelte-d7blcg .dots-container:where(.svelte-d7blcg) .dots:where(.svelte-d7blcg) {
  display: -webkit-box;
  display: -ms-flexbox;
  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-3);
  cursor: pointer;
  -webkit-transition: width 200ms ease-in;
  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-primary);
  -webkit-box-shadow: var(--shadow-glow-soft);
          box-shadow: var(--shadow-glow-soft);
}@-webkit-keyframes svelte-wu9e8a-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-wu9e8a-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.checkbox-wrapper.svelte-wu9e8a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 6px 0px;
}
.checkbox-wrapper.size-m.svelte-wu9e8a:has(input:where(.svelte-wu9e8a):focus-visible):not(.vertical) .label-text {
  padding-right: 3px;
}
.checkbox-wrapper.size-m.svelte-wu9e8a .checkbox:where(.svelte-wu9e8a) input:where(.svelte-wu9e8a) {
  height: 20px;
  width: 20px;
}
.checkbox-wrapper.size-l.svelte-wu9e8a:has(input:where(.svelte-wu9e8a):focus-visible):not(.vertical) .label-text {
  padding-right: 5px;
}
.checkbox-wrapper.size-l.svelte-wu9e8a .checkbox:where(.svelte-wu9e8a) input:where(.svelte-wu9e8a) {
  height: 32px;
  width: 32px;
}
.checkbox-wrapper.vertical.svelte-wu9e8a {
  padding-top: 8px;
  padding-bottom: 0;
}
.checkbox-wrapper.vertical.size-m.svelte-wu9e8a {
  padding-top: 4px;
}
.checkbox-wrapper.vertical.svelte-wu9e8a .checkbox:where(.svelte-wu9e8a) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.checkbox-wrapper.vertical.svelte-wu9e8a .checkbox:where(.svelte-wu9e8a) input:where(.svelte-wu9e8a) {
  top: unset;
  bottom: 0;
}
.checkbox-wrapper.disabled.svelte-wu9e8a .checkbox:where(.svelte-wu9e8a) {
  cursor: not-allowed;
}
.checkbox-wrapper.svelte-wu9e8a .checkbox:where(.svelte-wu9e8a) {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.checkbox-wrapper.svelte-wu9e8a .checkbox:where(.svelte-wu9e8a):has(input:where(.svelte-wu9e8a):focus-visible) {
  -webkit-box-shadow: 0 0 0 1px var(--color-primary) inset;
          box-shadow: 0 0 0 1px var(--color-primary) inset;
  border-radius: 4px;
}
.checkbox-wrapper.svelte-wu9e8a .checkbox:where(.svelte-wu9e8a) input:where(.svelte-wu9e8a) {
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  opacity: 0;
  height: 100%;
  pointer-events: none;
}

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

.info-text.validation-text-m.svelte-wu9e8a, .info-text.validation-text-l.svelte-wu9e8a {
  color: var(--color-white);
}@-webkit-keyframes svelte-1lgdcx0-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1lgdcx0-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.chip.svelte-1lgdcx0 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--color-primary-20);
}
.chip.size-l.svelte-1lgdcx0 {
  min-height: 44px;
  padding: 8px 16px;
  border-radius: var(--radius-extra-extra-big);
}
.chip.size-m.svelte-1lgdcx0 {
  min-height: 32px;
  padding: 4px 12px;
  border-radius: var(--radius-extra-big);
}
.chip.svelte-1lgdcx0 .close-icon {
  margin-left: 6px;
}
.chip.svelte-1lgdcx0:hover:not(.disabled), .chip.svelte-1lgdcx0:focus-visible:not(.disabled) {
  -webkit-box-shadow: 0 0 0 2px var(--color-primary) inset;
          box-shadow: 0 0 0 2px var(--color-primary) inset;
  outline: none;
}
.chip.disabled.svelte-1lgdcx0 {
  cursor: not-allowed;
  background: var(--color-primary-10);
}@-webkit-keyframes svelte-104n8s4-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-104n8s4-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.circular-progress-wrapper.svelte-104n8s4 {
  position: relative;
}
.circular-progress-wrapper.size-m.svelte-104n8s4 {
  width: 56px;
  height: 56px;
}
.circular-progress-wrapper.size-s.svelte-104n8s4 {
  width: 40px;
  height: 40px;
}
.circular-progress-wrapper.svelte-104n8s4 svg:where(.svelte-104n8s4) {
  overflow: visible;
}
.circular-progress-wrapper.svelte-104n8s4 .progress-circle:where(.svelte-104n8s4) {
  fill: transparent;
  stroke-width: 4;
  stroke-linecap: round;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.circular-progress-wrapper.svelte-104n8s4 .progress-circle.primary:where(.svelte-104n8s4) {
  stroke: var(--color-primary);
}
.circular-progress-wrapper.svelte-104n8s4 .progress-circle.success:where(.svelte-104n8s4) {
  stroke: var(--color-success);
}
.circular-progress-wrapper.svelte-104n8s4 .progress-circle.warning:where(.svelte-104n8s4) {
  stroke: var(--color-warning);
}
.circular-progress-wrapper.svelte-104n8s4 .progress-circle.danger:where(.svelte-104n8s4) {
  stroke: var(--color-danger);
}
.circular-progress-wrapper.svelte-104n8s4 .progress-circle.disabled:where(.svelte-104n8s4) {
  stroke: var(--color-3);
}
.circular-progress-wrapper.svelte-104n8s4 .progress-circle:where(.svelte-104n8s4) circle:where(.svelte-104n8s4) {
  -webkit-transition: stroke-dashoffset 0.3s;
  transition: stroke-dashoffset 0.3s;
}
.circular-progress-wrapper.svelte-104n8s4 .progress-circle:where(.svelte-104n8s4) circle.no-transition:where(.svelte-104n8s4) {
  -webkit-transition: none;
  transition: none;
}
.circular-progress-wrapper.svelte-104n8s4 .progress-title,
.circular-progress-wrapper.svelte-104n8s4 .progress-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}@-webkit-keyframes svelte-d85q3g-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-d85q3g-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.image-with-fallback.svelte-d85q3g {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}@-webkit-keyframes svelte-1ggocru-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1ggocru-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.circle-avatar-wrapper.svelte-1ggocru {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
.circle-avatar-wrapper.avatar-type-premium.svelte-1ggocru::before {
  content: "";
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
  background: var(--gradient-premium);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
@supports (-webkit-mask-composite: xor) and (not ((-webkit-mask-composite: xor) or (mask-composite: exclude))) {
  .circle-avatar-wrapper.avatar-type-premium.svelte-1ggocru::before {
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
  }
}
.circle-avatar-wrapper.avatar-type-premium.avatar-size-large.svelte-1ggocru, .circle-avatar-wrapper.avatar-type-premium.avatar-size-medium.svelte-1ggocru {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.circle-avatar-wrapper.avatar-type-premium.avatar-size-large.svelte-1ggocru {
  width: 56px;
  height: 56px;
}
.circle-avatar-wrapper.avatar-type-premium.avatar-size-large.svelte-1ggocru::before {
  padding: 2px;
}
.circle-avatar-wrapper.avatar-type-premium.avatar-size-medium.svelte-1ggocru {
  width: 32px;
  height: 32px;
}
.circle-avatar-wrapper.avatar-type-premium.avatar-size-medium.svelte-1ggocru::before {
  padding: 1px;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar:where(.svelte-1ggocru) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  background-color: var(--color-0);
  overflow: hidden;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.no-background:where(.svelte-1ggocru) {
  background: transparent !important;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.disabled-opacity:where(.svelte-1ggocru) {
  opacity: 0.3;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.extra-extra-large:where(.svelte-1ggocru) {
  width: 174px;
  height: 174px;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.extra-extra-large.border-color-success:where(.svelte-1ggocru) {
  border: 2px solid var(--color-success);
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.extra-extra-large.border-color-danger:where(.svelte-1ggocru) {
  border: 2px solid var(--color-danger);
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.extra-extra-large.border-color-primary:where(.svelte-1ggocru) {
  border: 2px solid var(--color-primary);
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.extra-extra-large.border-color-warning:where(.svelte-1ggocru) {
  border: 2px solid var(--color-warning);
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.extra-large:where(.svelte-1ggocru) {
  width: 120px;
  height: 120px;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.large:where(.svelte-1ggocru) {
  width: 56px;
  height: 56px;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.large.with-avatar-options:where(.svelte-1ggocru) {
  width: 48px;
  height: 48px;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.medium-plus:where(.svelte-1ggocru) {
  width: 40px;
  height: 40px;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.medium:where(.svelte-1ggocru) {
  width: 32px;
  height: 32px;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.medium.with-avatar-options:where(.svelte-1ggocru) {
  width: 28px;
  height: 28px;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.small:where(.svelte-1ggocru) {
  width: 20px;
  height: 20px;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar.text:where(.svelte-1ggocru) {
  padding: 4px;
  text-transform: capitalize;
}
.circle-avatar-wrapper.svelte-1ggocru .icon-container:where(.svelte-1ggocru) {
  position: absolute;
  bottom: 8px;
  right: 12px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.circle-avatar-wrapper.svelte-1ggocru .icon-container.container-color-primary:where(.svelte-1ggocru) {
  background-color: var(--color-primary);
}
.circle-avatar-wrapper.svelte-1ggocru .icon-container.container-color-success:where(.svelte-1ggocru) {
  background-color: var(--color-success);
}
.circle-avatar-wrapper.svelte-1ggocru .icon-container.container-color-warning:where(.svelte-1ggocru) {
  background-color: var(--color-warning);
}
.circle-avatar-wrapper.svelte-1ggocru .icon-container.container-color-danger:where(.svelte-1ggocru) {
  background-color: var(--color-danger);
}
.circle-avatar-wrapper.svelte-1ggocru .icon-container:where(.svelte-1ggocru) .second-icon {
  color: var(--color-0);
}
.circle-avatar-wrapper.svelte-1ggocru .avatar-badge:where(.svelte-1ggocru) {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  bottom: 0;
  right: 0;
}
.circle-avatar-wrapper.svelte-1ggocru .avatar-badge.premium:where(.svelte-1ggocru) {
  background: var(--gradient-premium);
}
.circle-avatar-wrapper.svelte-1ggocru .avatar-badge.size-m:where(.svelte-1ggocru) {
  width: 12px;
  height: 12px;
}
.circle-avatar-wrapper.svelte-1ggocru .avatar-badge.size-l:where(.svelte-1ggocru) {
  width: 20px;
  height: 20px;
}
.circle-avatar-wrapper.svelte-1ggocru .ca-notification-xxl {
  z-index: 1;
  width: 16px;
  height: 16px;
  top: 12px;
  right: 24px;
}
.circle-avatar-wrapper.svelte-1ggocru .ca-notification-xl {
  z-index: 1;
  width: 12px;
  height: 12px;
  top: 12px;
  right: 12px;
}
.circle-avatar-wrapper.svelte-1ggocru .ca-notification-l {
  z-index: 1;
  width: 8px;
  height: 8px;
  top: 4px;
  right: 4px;
}
.circle-avatar-wrapper.svelte-1ggocru .ca-notification-m_plus {
  z-index: 1;
  width: 6px;
  height: 6px;
  top: 3px;
  right: 3px;
}
.circle-avatar-wrapper.svelte-1ggocru .ca-notification-m {
  z-index: 1;
  width: 5px;
  height: 5px;
  top: 2px;
  right: 2px;
}
.circle-avatar-wrapper.svelte-1ggocru .ca-notification-s {
  z-index: 1;
  top: 1px;
  right: 1px;
  width: 4px;
  height: 4px;
}
.circle-avatar-wrapper.svelte-1ggocru .circle-avatar-notification {
  z-index: 1;
  position: absolute;
}@-webkit-keyframes svelte-y8cly2-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-y8cly2-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.collapse.svelte-y8cly2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--color-1);
  border-radius: var(--radius-big);
}
.collapse.svelte-y8cly2:has(.collapse-header:where(.svelte-y8cly2):focus-visible) {
  outline: 1px solid var(--color-primary);
}
.collapse.svelte-y8cly2 .collapse-header:where(.svelte-y8cly2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  cursor: pointer;
}
.collapse.svelte-y8cly2 .collapse-header.expanded:where(.svelte-y8cly2) {
  border-bottom: 1px solid var(--color-3);
}
.collapse.svelte-y8cly2 .collapse-header.expanded:where(.svelte-y8cly2) .collapse-icon i {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.collapse.svelte-y8cly2 .collapse-header:where(.svelte-y8cly2) .collapse-icon i {
  -webkit-transition: all 200ms;
  transition: all 200ms;
  will-change: transform;
}
.collapse.svelte-y8cly2 .collapse-header:where(.svelte-y8cly2) .collapse-header-label-grid:where(.svelte-y8cly2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  margin-left: var(--spacing-xs);
}
.collapse.svelte-y8cly2 .collapse-content:where(.svelte-y8cly2) {
  padding: 8px;
}@-webkit-keyframes svelte-1nbsztc-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1nbsztc-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.select-wrapper.svelte-1nbsztc {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.select-wrapper.svelte-1nbsztc input:where(.svelte-1nbsztc) {
  width: 100%;
  background: var(--color-base);
  border: 1px solid var(--color-3);
  outline: none;
  caret-color: var(--color-white);
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
  cursor: default;
}
.select-wrapper.svelte-1nbsztc input:where(.svelte-1nbsztc):hover:not(:disabled):not(.input-error) {
  border-color: var(--color-secondary);
}
.select-wrapper.svelte-1nbsztc input:where(.svelte-1nbsztc):focus:not(:disabled):not(.input-error) {
  border-color: var(--color-primary);
}
.select-wrapper.svelte-1nbsztc input.input-error:where(.svelte-1nbsztc) {
  border-color: var(--color-danger);
}
.select-wrapper.svelte-1nbsztc input.input-m:where(.svelte-1nbsztc) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
  height: 32px;
  padding: 0px 5px;
  border-radius: var(--radius-small);
}
.select-wrapper.svelte-1nbsztc input.input-m:where(.svelte-1nbsztc):focus {
  -webkit-box-shadow: var(--shadow-glow-soft);
          box-shadow: var(--shadow-glow-soft);
}
.select-wrapper.svelte-1nbsztc input.input-m:focus.input-error:where(.svelte-1nbsztc) {
  -webkit-box-shadow: var(--shadow-glow-danger-soft);
          box-shadow: var(--shadow-glow-danger-soft);
}
.select-wrapper.svelte-1nbsztc input.input-m:where(.svelte-1nbsztc)::-webkit-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.select-wrapper.svelte-1nbsztc input.input-m:where(.svelte-1nbsztc)::-moz-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.select-wrapper.svelte-1nbsztc input.input-m:where(.svelte-1nbsztc):-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.select-wrapper.svelte-1nbsztc input.input-m:where(.svelte-1nbsztc)::-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.select-wrapper.svelte-1nbsztc input.input-m:where(.svelte-1nbsztc)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.select-wrapper.svelte-1nbsztc input.input-l:where(.svelte-1nbsztc) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
  height: 44px;
  padding: 0 11px;
  border-radius: var(--radius-big);
}
.select-wrapper.svelte-1nbsztc input.input-l:where(.svelte-1nbsztc):focus {
  -webkit-box-shadow: var(--shadow-glow-strong);
          box-shadow: var(--shadow-glow-strong);
}
.select-wrapper.svelte-1nbsztc input.input-l:focus.input-error:where(.svelte-1nbsztc) {
  -webkit-box-shadow: var(--shadow-glow-danger-strong);
          box-shadow: var(--shadow-glow-danger-strong);
}
.select-wrapper.svelte-1nbsztc input.input-l:where(.svelte-1nbsztc)::-webkit-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.select-wrapper.svelte-1nbsztc input.input-l:where(.svelte-1nbsztc)::-moz-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.select-wrapper.svelte-1nbsztc input.input-l:where(.svelte-1nbsztc):-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.select-wrapper.svelte-1nbsztc input.input-l:where(.svelte-1nbsztc)::-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.select-wrapper.svelte-1nbsztc input.input-l:where(.svelte-1nbsztc)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.select-wrapper.svelte-1nbsztc input.input-m:where(.svelte-1nbsztc)::-webkit-input-placeholder, .select-wrapper.svelte-1nbsztc input.input-l:where(.svelte-1nbsztc)::-webkit-input-placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.select-wrapper.svelte-1nbsztc input.input-m:where(.svelte-1nbsztc)::-moz-placeholder, .select-wrapper.svelte-1nbsztc input.input-l:where(.svelte-1nbsztc)::-moz-placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.select-wrapper.svelte-1nbsztc input.input-m:where(.svelte-1nbsztc):-ms-input-placeholder, .select-wrapper.svelte-1nbsztc input.input-l:where(.svelte-1nbsztc):-ms-input-placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.select-wrapper.svelte-1nbsztc input.input-m:where(.svelte-1nbsztc)::-ms-input-placeholder, .select-wrapper.svelte-1nbsztc input.input-l:where(.svelte-1nbsztc)::-ms-input-placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.select-wrapper.svelte-1nbsztc input.input-m:where(.svelte-1nbsztc)::placeholder, .select-wrapper.svelte-1nbsztc input.input-l:where(.svelte-1nbsztc)::placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.select-wrapper.svelte-1nbsztc input:where(.svelte-1nbsztc):disabled {
  background: var(--color-0);
  color: var(--color-3);
  -webkit-text-fill-color: var(--color-3);
  opacity: 1;
  cursor: not-allowed;
}
.select-wrapper.svelte-1nbsztc input:where(.svelte-1nbsztc)::-webkit-outer-spin-button, .select-wrapper.svelte-1nbsztc input:where(.svelte-1nbsztc)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.select-wrapper.svelte-1nbsztc input[type=number]:where(.svelte-1nbsztc) {
  -moz-appearance: textfield;
}
.select-wrapper.svelte-1nbsztc input:where(.svelte-1nbsztc):-webkit-autofill, .select-wrapper.svelte-1nbsztc input:where(.svelte-1nbsztc):-webkit-autofill:hover, .select-wrapper.svelte-1nbsztc input:where(.svelte-1nbsztc):-webkit-autofill:focus {
  caret-color: var(--color-white);
  -webkit-text-fill-color: var(--color-white);
  -webkit-box-shadow: 0 0 0px 1000px var(--color-primary-10) inset;
          box-shadow: 0 0 0px 1000px var(--color-primary-10) inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.select-wrapper.svelte-1nbsztc .icon-wrapper,
.select-wrapper.svelte-1nbsztc .caret-wrapper {
  position: absolute;
  pointer-events: none;
}
.select-wrapper.svelte-1nbsztc .clear-button:where(.svelte-1nbsztc) {
  position: absolute;
}
.select-wrapper.svelte-1nbsztc .clear-button:where(.svelte-1nbsztc):hover {
  cursor: pointer;
}
.select-wrapper.svelte-1nbsztc .clear-button:where(.svelte-1nbsztc):focus {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 1px var(--color-primary) inset;
          box-shadow: 0 0 0 1px var(--color-primary) inset;
}
.select-wrapper.expanded.svelte-1nbsztc input:where(.svelte-1nbsztc) {
  border-color: var(--color-primary);
}
.select-wrapper.expanded.svelte-1nbsztc:not(.top) input:where(.svelte-1nbsztc) {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: 1px;
}
.select-wrapper.expanded.top.svelte-1nbsztc input:where(.svelte-1nbsztc) {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-top: 1px;
}
.select-wrapper.expanded.has-error.svelte-1nbsztc input:where(.svelte-1nbsztc) {
  border-color: var(--color-danger);
}
.select-wrapper.expanded.svelte-1nbsztc input:where(.svelte-1nbsztc):focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.select-wrapper.expanded.svelte-1nbsztc .caret-wrapper i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.select-wrapper.svelte-1nbsztc .caret-wrapper i {
  -webkit-transition: all 200ms;
  transition: all 200ms;
  will-change: transform;
}
.select-wrapper.select-wrapper-m.svelte-1nbsztc input:where(.svelte-1nbsztc) {
  padding-right: 31px;
}
.select-wrapper.select-wrapper-m.svelte-1nbsztc .icon-wrapper {
  top: 6px;
  left: 6px;
}
.select-wrapper.select-wrapper-m.svelte-1nbsztc .caret-wrapper,
.select-wrapper.select-wrapper-m.svelte-1nbsztc .clear-button:where(.svelte-1nbsztc) {
  top: 6px;
  right: 6px;
}
.select-wrapper.select-wrapper-m.has-icon.svelte-1nbsztc input:where(.svelte-1nbsztc) {
  padding-left: 31px;
}
.select-wrapper.select-wrapper-l.svelte-1nbsztc input:where(.svelte-1nbsztc) {
  padding-right: 43px;
}
.select-wrapper.select-wrapper-l.svelte-1nbsztc .icon-wrapper {
  top: 12px;
  left: 12px;
}
.select-wrapper.select-wrapper-l.svelte-1nbsztc .caret-wrapper,
.select-wrapper.select-wrapper-l.svelte-1nbsztc .clear-button:where(.svelte-1nbsztc) {
  top: 12px;
  right: 12px;
}
.select-wrapper.select-wrapper-l.has-icon.svelte-1nbsztc input:where(.svelte-1nbsztc) {
  padding-left: 43px;
}
.select-wrapper.select-wrapper-l.has-error.svelte-1nbsztc .select-backdrop:where(.svelte-1nbsztc) {
  -webkit-box-shadow: var(--shadow-glow-danger-strong);
          box-shadow: var(--shadow-glow-danger-strong);
}

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

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

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

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

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

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

.select-stop-overflow {
  overflow: hidden;
}@-webkit-keyframes svelte-9a6e8y-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-9a6e8y-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.input-wrapper.svelte-9a6e8y {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y) {
  width: 100%;
  background: var(--color-base);
  border: 1px solid var(--color-3);
  outline: none;
  caret-color: var(--color-white);
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y):hover:not(:disabled):not(.input-error) {
  border-color: var(--color-secondary);
}
.input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y):focus:not(:disabled):not(.input-error) {
  border-color: var(--color-primary);
}
.input-wrapper.svelte-9a6e8y input.input-error:where(.svelte-9a6e8y) {
  border-color: var(--color-danger);
}
.input-wrapper.svelte-9a6e8y input.input-m:where(.svelte-9a6e8y) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
  height: 32px;
  padding: 0px 5px;
  border-radius: var(--radius-small);
}
.input-wrapper.svelte-9a6e8y input.input-m:where(.svelte-9a6e8y):focus {
  -webkit-box-shadow: var(--shadow-glow-soft);
          box-shadow: var(--shadow-glow-soft);
}
.input-wrapper.svelte-9a6e8y input.input-m:focus.input-error:where(.svelte-9a6e8y) {
  -webkit-box-shadow: var(--shadow-glow-danger-soft);
          box-shadow: var(--shadow-glow-danger-soft);
}
.input-wrapper.svelte-9a6e8y input.input-m:where(.svelte-9a6e8y)::-webkit-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.input-wrapper.svelte-9a6e8y input.input-m:where(.svelte-9a6e8y)::-moz-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.input-wrapper.svelte-9a6e8y input.input-m:where(.svelte-9a6e8y):-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.input-wrapper.svelte-9a6e8y input.input-m:where(.svelte-9a6e8y)::-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.input-wrapper.svelte-9a6e8y input.input-m:where(.svelte-9a6e8y)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.input-wrapper.svelte-9a6e8y input.input-l:where(.svelte-9a6e8y) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
  height: 44px;
  padding: 0 11px;
  border-radius: var(--radius-big);
}
.input-wrapper.svelte-9a6e8y input.input-l:where(.svelte-9a6e8y):focus {
  -webkit-box-shadow: var(--shadow-glow-strong);
          box-shadow: var(--shadow-glow-strong);
}
.input-wrapper.svelte-9a6e8y input.input-l:focus.input-error:where(.svelte-9a6e8y) {
  -webkit-box-shadow: var(--shadow-glow-danger-strong);
          box-shadow: var(--shadow-glow-danger-strong);
}
.input-wrapper.svelte-9a6e8y input.input-l:where(.svelte-9a6e8y)::-webkit-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.input-wrapper.svelte-9a6e8y input.input-l:where(.svelte-9a6e8y)::-moz-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.input-wrapper.svelte-9a6e8y input.input-l:where(.svelte-9a6e8y):-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.input-wrapper.svelte-9a6e8y input.input-l:where(.svelte-9a6e8y)::-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.input-wrapper.svelte-9a6e8y input.input-l:where(.svelte-9a6e8y)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.input-wrapper.svelte-9a6e8y input.input-m:where(.svelte-9a6e8y)::-webkit-input-placeholder, .input-wrapper.svelte-9a6e8y input.input-l:where(.svelte-9a6e8y)::-webkit-input-placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.input-wrapper.svelte-9a6e8y input.input-m:where(.svelte-9a6e8y)::-moz-placeholder, .input-wrapper.svelte-9a6e8y input.input-l:where(.svelte-9a6e8y)::-moz-placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.input-wrapper.svelte-9a6e8y input.input-m:where(.svelte-9a6e8y):-ms-input-placeholder, .input-wrapper.svelte-9a6e8y input.input-l:where(.svelte-9a6e8y):-ms-input-placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.input-wrapper.svelte-9a6e8y input.input-m:where(.svelte-9a6e8y)::-ms-input-placeholder, .input-wrapper.svelte-9a6e8y input.input-l:where(.svelte-9a6e8y)::-ms-input-placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.input-wrapper.svelte-9a6e8y input.input-m:where(.svelte-9a6e8y)::placeholder, .input-wrapper.svelte-9a6e8y input.input-l:where(.svelte-9a6e8y)::placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y):disabled {
  background: var(--color-0);
  color: var(--color-3);
  -webkit-text-fill-color: var(--color-3);
  opacity: 1;
  cursor: not-allowed;
}
.input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y)::-webkit-outer-spin-button, .input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-wrapper.svelte-9a6e8y input[type=number]:where(.svelte-9a6e8y) {
  -moz-appearance: textfield;
}
.input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y):-webkit-autofill, .input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y):-webkit-autofill:hover, .input-wrapper.svelte-9a6e8y input:where(.svelte-9a6e8y):-webkit-autofill:focus {
  caret-color: var(--color-white);
  -webkit-text-fill-color: var(--color-white);
  -webkit-box-shadow: 0 0 0px 1000px var(--color-primary-10) inset;
          box-shadow: 0 0 0px 1000px var(--color-primary-10) inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.input-wrapper.svelte-9a6e8y .icon-wrapper {
  position: absolute;
  pointer-events: none;
}
.input-wrapper.svelte-9a6e8y .right-button:where(.svelte-9a6e8y) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  position: absolute;
  width: 24px;
  height: 24px;
  padding: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.input-wrapper.svelte-9a6e8y .right-button:where(.svelte-9a6e8y):disabled {
  cursor: not-allowed;
}
.input-wrapper.svelte-9a6e8y .right-button.disabled:where(.svelte-9a6e8y) {
  cursor: not-allowed;
}
.input-wrapper.svelte-9a6e8y .right-button:where(.svelte-9a6e8y):focus-visible {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 1px var(--color-primary) inset;
          box-shadow: 0 0 0 1px var(--color-primary) inset;
  outline: none;
}
.input-wrapper.has-icon.input-wrapper-m.svelte-9a6e8y input:where(.svelte-9a6e8y) {
  padding-left: 31px;
}
.input-wrapper.has-icon.input-wrapper-m.svelte-9a6e8y .icon-wrapper {
  top: 6px;
  left: 6px;
}
.input-wrapper.has-right-button.input-wrapper-m.svelte-9a6e8y input:where(.svelte-9a6e8y) {
  padding-right: 31px;
}
.input-wrapper.has-right-button.input-wrapper-m.svelte-9a6e8y .right-button:where(.svelte-9a6e8y) {
  top: 4px;
  right: 4px;
}
.input-wrapper.has-icon.input-wrapper-l.svelte-9a6e8y input:where(.svelte-9a6e8y) {
  padding-left: 43px;
}
.input-wrapper.has-icon.input-wrapper-l.svelte-9a6e8y .icon-wrapper {
  top: 12px;
  left: 12px;
}
.input-wrapper.has-right-button.input-wrapper-l.svelte-9a6e8y input:where(.svelte-9a6e8y) {
  padding-right: 43px;
}
.input-wrapper.has-right-button.input-wrapper-l.svelte-9a6e8y .right-button:where(.svelte-9a6e8y) {
  top: 10px;
  right: 10px;
}

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

.info-text.validation-text-m.svelte-9a6e8y, .info-text.validation-text-l.svelte-9a6e8y {
  color: var(--color-white);
}@-webkit-keyframes svelte-18ij9o-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-18ij9o-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.dp-wapper.svelte-18ij9o {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.dp-wapper.svelte-18ij9o .flatpickr:where(.svelte-18ij9o) /* (unused) .dp-wapper .flatpickr-wrapper*/ {
  width: 100%;
}
/* (unused) .dp-wapper .dp-select {
  display: none !important;
}*/

/* (empty) .dp-calendar-portal .dp-calendar-wrapper {
  /*
        /*rtl:begin:ignore*\/
  /*
        /*rtl:end:ignore*\/
  /*
        /*rtl:begin:ignore*\/
  /*
        /*rtl:end:ignore*\/
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #3f4458;
  -webkit-box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0, 0, 0, 0.08);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.open,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar .hasWeeks .dayContainer,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #20222c;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar:before,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.rightMost:before,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowRight:before,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.rightMost:after,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowCenter:before,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowTop:before,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowTop:before {
  border-bottom-color: #20222c;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowTop:after {
  border-bottom-color: #3f4458;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowBottom:before,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowBottom:after {
  top: 100%;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowBottom:before {
  border-top-color: #20222c;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar.arrowBottom:after {
  border-top-color: #3f4458;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-calendar:focus {
  outline: 0;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-wrapper {
  position: relative;
  display: inline-block;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-month {
  background: #3f4458;
  color: #fff;
  fill: #fff;
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-prev-month,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: #fff;
  fill: #fff;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-prev-month i,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-next-month i {
  position: relative;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*\/
  /*
        *\/
  left: 0;
  /*
        /*rtl:end:ignore*\/
  /*
        *\/
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*\/
  /*
        *\/
  right: 0;
  /*
        /*rtl:end:ignore*\/
  /*
        *\/
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-prev-month:hover,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-next-month:hover {
  color: #eee;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-prev-month:hover svg,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-prev-month svg,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-prev-month svg path,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper {
  position: relative;
  height: auto;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper input,
.dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span {
  display: inline-block;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper input {
  width: 100%;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper input::-ms-clear {
  display: none;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper input::-webkit-outer-spin-button,
.dp-calendar-portal .dp-calendar-wrapper .numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span:hover {
  background: rgba(192, 187, 167, 0.1);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span:active {
  background: rgba(192, 187, 167, 0.2);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(255, 255, 255, 0.6);
  top: 26%;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span.arrowDown {
  top: 50%;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.6);
  top: 40%;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span svg {
  width: inherit;
  height: auto;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper span svg path {
  fill: rgba(255, 255, 255, 0.5);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper:hover {
  background: rgba(192, 187, 167, 0.05);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .numInputWrapper:hover span {
  opacity: 1;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month span.cur-month:hover {
  background: rgba(192, 187, 167, 0.05);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #fff;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month input.cur-year:focus {
  outline: 0;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month input.cur-year[disabled],
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(255, 255, 255, 0.5);
  background: transparent;
  pointer-events: none;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: #3f4458;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(192, 187, 167, 0.05);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: #3f4458;
  outline: none;
  padding: 0;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: #3f4458;
  color: #fff;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .dayContainer,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-weeks {
  padding: 1px 0 0 0;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-days:focus {
  outline: 0;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #20222c;
  box-shadow: -1px 0 0 #20222c;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.95);
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -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;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.inRange,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.prevMonthDay.inRange,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.nextMonthDay.inRange,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.today.inRange,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.prevMonthDay.today.inRange,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.nextMonthDay.today.inRange,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day:hover,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.prevMonthDay:hover,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.nextMonthDay:hover,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day:focus,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.prevMonthDay:focus,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #646c8c;
  border-color: #646c8c;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.today {
  border-color: #eee;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.today:hover,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.today:focus {
  border-color: #eee;
  background: #eee;
  color: #3f4458;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.selected,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.startRange,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.endRange,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.selected.inRange,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.startRange.inRange,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.endRange.inRange,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.selected:focus,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.startRange:focus,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.endRange:focus,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.selected:hover,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.startRange:hover,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.endRange:hover,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.selected.prevMonthDay,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.startRange.prevMonthDay,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.endRange.prevMonthDay,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.selected.nextMonthDay,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.startRange.nextMonthDay,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.endRange.nextMonthDay {
  background: #80cbc4;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #80cbc4;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.selected.startRange,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.startRange.startRange,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.selected.endRange,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.startRange.endRange,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #80cbc4;
  box-shadow: -10px 0 0 #80cbc4;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.selected.startRange.endRange,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.startRange.startRange.endRange,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
  box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.flatpickr-disabled,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.flatpickr-disabled:hover,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.prevMonthDay,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.nextMonthDay,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.notAllowed,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.notAllowed.prevMonthDay,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(255, 255, 255, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.flatpickr-disabled,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(255, 255, 255, 0.1);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
  box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-day.hidden {
  visibility: hidden;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .rangeMode .flatpickr-day {
  margin-top: 1px;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-weekwrapper {
  float: left;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #20222c;
  box-shadow: 1px 0 0 #20222c;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-weekwrapper span.flatpickr-day,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(255, 255, 255, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(255, 255, 255, 0.95);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(255, 255, 255, 0.95);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: rgba(255, 255, 255, 0.95);
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time input.flatpickr-minute,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time input:focus {
  outline: 0;
  border: 0;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time .flatpickr-time-separator,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: rgba(255, 255, 255, 0.95);
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-time input:hover,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-time .flatpickr-am-pm:hover,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-time input:focus,
.dp-calendar-portal .dp-calendar-wrapper .flatpickr-time .flatpickr-am-pm:focus {
  background: #6a7395;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .flatpickr-input[readonly] {
  cursor: pointer;
}*/
@-webkit-keyframes svelte-18ij9o-fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes svelte-18ij9o-fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar {
  background: var(--color-1);
  border: 1px solid var(--color-3);
  border-radius: var(--radius-big);
  overflow: hidden;
  padding: 0;
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar.arrowBottom {
  margin-top: -4px !important;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar.arrowTop {
  margin-top: 2px !important;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar::before, .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar::after {
  content: none;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-innerContainer {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: unset;
  padding-left: 16px;
  padding-right: 16px;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-days {
  width: 272px;
  overflow: unset;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-days .dayContainer {
  width: 280px;
  min-width: 280px;
  max-width: 280px;
  margin-left: -4px;
  margin-right: -4px;
  padding-bottom: 16px;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
  border: 1px solid transparent;
  border-radius: var(--radius-small);
  max-width: 32px;
  height: 32px;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-white);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day:hover:not(.flatpickr-disabled), .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.today:hover:not(.flatpickr-disabled), .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.selected:hover:not(.flatpickr-disabled) {
  background: var(--color-primary-10);
  border-color: transparent;
  color: var(--color-white);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day:focus, .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.today:focus, .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.selected:focus {
  background: var(--color-primary-10);
  border-color: var(--color-primary);
  -webkit-box-shadow: var(--shadow-glow-soft);
          box-shadow: var(--shadow-glow-soft);
  color: var(--color-white);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.today {
  border-color: var(--color-white);
  background: transparent;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.selected {
  background: var(--color-primary);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.prevMonthDay, .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.nextMonthDay {
  color: var(--color-3);
  border-color: transparent;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.prevMonthDay:hover:not(.flatpickr-disabled), .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.nextMonthDay:hover:not(.flatpickr-disabled) {
  color: var(--color-white);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.selected.startRange.endRange {
  border-radius: var(--radius-small);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.inRange {
  border-radius: 0;
  background: var(--color-primary-10);
  border-color: transparent;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.startRange, .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.endRange {
  background: var(--color-primary);
  border-color: transparent;
  color: var(--color-white);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.startRange:hover:not(.flatpickr-disabled), .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.endRange:hover:not(.flatpickr-disabled) {
  border-color: transparent;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.startRange {
  border-radius: var(--radius-small) 0px 0px var(--radius-small);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.endRange {
  border-radius: 0px var(--radius-small) var(--radius-small) 0px;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 var(--color-primary);
  box-shadow: -10px 0 0 var(--color-primary);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.flatpickr-disabled {
  cursor: not-allowed;
  color: var(--color-2);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-weekdays {
  height: unset;
  border-bottom: 1px solid var(--color-3);
  margin-bottom: 4px;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-weekdaycontainer {
  padding-bottom: 7px;
  padding-top: 8px;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-weekdaycontainer .flatpickr-weekday {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
  font-weight: bold;
  background: transparent;
  height: unset;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  padding-bottom: 0;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-prev-month,
.dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-next-month {
  width: 20px;
  height: 20px;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: unset;
  font-size: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  cursor: not-allowed;
  color: var(--color-3);
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-prev-month {
  left: 16px;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-next-month {
  right: 16px;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 36px;
  padding-right: 36px;
  background: transparent;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: visible;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month {
  display: none;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-month .dp-month-select {
  width: 120px !important;
}*/
/* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-month .dp-year-select {
  width: 72px !important;
}*/

/* (unused) .dp-overlay-portal .dp-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}*/

@media screen and (max-width: 350px) {
  /* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-innerContainer {
    padding-left: 8px;
    padding-right: 8px;
  }*/
  /* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-days {
    width: 284px;
  }*/
  /* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-days .dayContainer {
    width: 290px;
    min-width: 290px;
    max-width: 290px;
    padding-bottom: 8px;
  }*/
  /* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: var(--color-white);
    margin: 0;
    max-width: 30px;
    height: 24px;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 4px;
  }*/
  /* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -12px 0 0 var(--color-primary);
    box-shadow: -12px 0 0 var(--color-primary);
  }*/
  /* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months {
    padding: 8px;
    padding-bottom: 0;
  }*/
  /* (unused) .dp-calendar-portal .dp-calendar-wrapper .datepicker-calendar .flatpickr-months .flatpickr-month .dp-month-select {
    width: 140px !important;
  }*/
}@-webkit-keyframes svelte-1qdd8w-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1qdd8w-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.device-button.svelte-1qdd8w {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.device-button.svelte-1qdd8w:disabled {
  cursor: not-allowed;
}
.device-button.disabled.svelte-1qdd8w {
  cursor: not-allowed;
}
.device-button.svelte-1qdd8w .device-action-border:where(.svelte-1qdd8w) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-white);
  border-radius: 50%;
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
}
.device-button.svelte-1qdd8w .device-action:where(.svelte-1qdd8w) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--color-white);
  border-radius: 50%;
}
.device-button.svelte-1qdd8w .device-action:where(.svelte-1qdd8w) .indicator:where(.svelte-1qdd8w) {
  border-radius: 5px;
  -webkit-box-shadow: inset 1px 0px 1px rgba(0, 0, 0, 0.5);
          box-shadow: inset 1px 0px 1px rgba(0, 0, 0, 0.5);
}
.device-button.svelte-1qdd8w .device-action:where(.svelte-1qdd8w) .indicator.on:where(.svelte-1qdd8w) {
  background-color: var(--indicator-variant-on);
}
.device-button.svelte-1qdd8w .device-action:where(.svelte-1qdd8w) .indicator.off:where(.svelte-1qdd8w) {
  background-color: var(--indicator-variant-off);
}
.device-button.medium.svelte-1qdd8w {
  width: 56px;
  height: 56px;
}
.device-button.medium.svelte-1qdd8w .device-action-border:where(.svelte-1qdd8w) {
  width: 42px;
  height: 42px;
}
.device-button.medium.svelte-1qdd8w .device-action:where(.svelte-1qdd8w) {
  width: 38px;
  height: 38px;
}
.device-button.medium.svelte-1qdd8w .device-action:where(.svelte-1qdd8w) .indicator:where(.svelte-1qdd8w) {
  width: 12px;
  height: 3px;
}
.device-button.large.svelte-1qdd8w {
  width: 72px;
  height: 72px;
}
.device-button.large.svelte-1qdd8w .device-action-border:where(.svelte-1qdd8w) {
  width: 56px;
  height: 56px;
}
.device-button.large.svelte-1qdd8w .device-action:where(.svelte-1qdd8w) {
  width: 52px;
  height: 52px;
}
.device-button.large.svelte-1qdd8w .device-action:where(.svelte-1qdd8w) .indicator:where(.svelte-1qdd8w) {
  width: 18px;
  height: 4px;
}
.device-button.primary.svelte-1qdd8w {
  background-color: var(--color-primary);
  color: var(--color-primary);
  stroke: var(--color-primary);
}
.device-button.primary.active.svelte-1qdd8w {
  background-color: var(--color-3);
}
.device-button.success.svelte-1qdd8w {
  background-color: var(--color-success);
  color: var(--color-success);
  stroke: var(--color-success);
}
.device-button.success.active.svelte-1qdd8w {
  background-color: var(--color-3);
}
.device-button.danger.svelte-1qdd8w {
  background-color: var(--color-danger);
  color: var(--color-danger);
  stroke: var(--color-danger);
}
.device-button.danger.active.svelte-1qdd8w {
  background-color: var(--color-3);
}
.device-button.loading.svelte-1qdd8w {
  position: relative;
}
.device-button.loading.svelte-1qdd8w::before {
  content: " ";
  position: absolute;
  display: block;
  top: -50%;
  left: -50%;
  display: block;
  height: 200%;
  width: 200%;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  overflow: hidden;
  background: -webkit-gradient(linear, left top, right top, color-stop(48%, transparent), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(55%, rgb(255, 255, 255)), color-stop(80%, transparent));
  background: linear-gradient(to right, transparent 48%, rgba(255, 255, 255, 0.2) 50%, rgb(255, 255, 255) 55%, transparent 80%);
  background-size: 200% auto;
  -webkit-animation: svelte-1qdd8w-blink 0.7s ease-out infinite;
          animation: svelte-1qdd8w-blink 0.7s ease-out infinite;
  z-index: 1;
}
.device-button.wide.svelte-1qdd8w {
  width: 144px;
  border-radius: 52px;
}
.device-button.wide.svelte-1qdd8w .device-action-border:where(.svelte-1qdd8w) {
  width: 128px;
  border-radius: inherit;
}
.device-button.wide.svelte-1qdd8w .device-action:where(.svelte-1qdd8w) {
  width: 124px;
  border-radius: inherit;
}
.device-button.inactive.svelte-1qdd8w {
  background-color: var(--color-3);
}
.device-button.svelte-1qdd8w:not(.touch-support):hover:not(:disabled) .device-action-border:where(.svelte-1qdd8w) {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), to(#b5b5b5));
  background: linear-gradient(180deg, #ffffff 50%, #b5b5b5 100%);
}
.device-button.svelte-1qdd8w:not(.touch-support):hover:not(:disabled) .device-action:where(.svelte-1qdd8w) {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(22.59%, #ffffff), color-stop(93.6%, #c6c6c6));
  background: linear-gradient(0deg, #ffffff 22.59%, #c6c6c6 93.6%);
}
.device-button.svelte-1qdd8w:not(.touch-support):focus-visible:not(:disabled) {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  -webkit-box-shadow: 0 0 0 2px var(--color-primary-20);
          box-shadow: 0 0 0 2px var(--color-primary-20);
}
.device-button.svelte-1qdd8w:active:not(:disabled) .device-action-border:where(.svelte-1qdd8w) {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), to(#aba8a8)) !important;
  background: linear-gradient(180deg, #ffffff 50%, #aba8a8 100%) !important;
}
.device-button.svelte-1qdd8w:active:not(:disabled) .device-action:where(.svelte-1qdd8w) {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(22.59%, #ffffff), color-stop(93.6%, #b4b4b4)) !important;
  background: linear-gradient(0deg, #ffffff 22.59%, #b4b4b4 93.6%) !important;
}
.device-button.disabled-overlay.svelte-1qdd8w::before {
  z-index: 2;
}

@-webkit-keyframes svelte-1qdd8w-blink {
  to {
    background-position: 150% center;
  }
}

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

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

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

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

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

@-webkit-keyframes svelte-1qdd8w-progress {
  to {
    /* ending point is zero */
    stroke-dashoffset: 0;
  }
}

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

@-webkit-keyframes svelte-f2o1ma-blink {
  to {
    background-position: 150% center;
  }
}

@keyframes svelte-f2o1ma-blink {
  to {
    background-position: 150% center;
  }
}@-webkit-keyframes svelte-w704o2-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-w704o2-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.double-device-button-v2.svelte-w704o2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 100px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.double-device-button-v2.svelte-w704o2 .control-group-border:where(.svelte-w704o2) {
  border-radius: inherit;
  border: 6px solid var(--color-primary);
}
.double-device-button-v2.svelte-w704o2 .device-controls:where(.svelte-w704o2) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--color-1);
  border-radius: inherit;
}
.double-device-button-v2.svelte-w704o2 .content:where(.svelte-w704o2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 40px;
  margin: 0 4px;
  white-space: nowrap;
  z-index: 1;
}
.double-device-button-v2.svelte-w704o2 .device-button-v2 {
  background: transparent !important;
  width: unset !important;
  height: unset !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.double-device-button-v2.svelte-w704o2 .device-button-v2::before {
  content: none !important;
}
.double-device-button-v2.svelte-w704o2 .device-button-v2:focus-visible:not(:disabled) {
  outline: unset !important;
  overflow: unset !important;
}
.double-device-button-v2.svelte-w704o2 .device-button-v2:focus-visible:not(:disabled)::after {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  background-color: var(--color-primary-20);
  border: 2px solid var(--color-primary);
  border-radius: inherit;
  z-index: -1;
}
.double-device-button-v2.medium.svelte-w704o2 .control-group-border:where(.svelte-w704o2) {
  border-width: 5px;
}
.double-device-button-v2.small.svelte-w704o2 .control-group-border:where(.svelte-w704o2) {
  border-width: 4px;
}
.double-device-button-v2.small.svelte-w704o2 .content:where(.svelte-w704o2) {
  max-width: 32px;
  margin: 0px 3px;
}
.double-device-button-v2.small.haveContent.svelte-w704o2 .content:where(.svelte-w704o2) {
  margin: 0px 4px;
}
.double-device-button-v2.small.svelte-w704o2 .device-button-v2:focus-visible:not(:disabled)::after {
  border-width: 1px;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
}
.double-device-button-v2.large.svelte-w704o2 .content:where(.svelte-w704o2) {
  margin: 0px 6px;
  max-width: 48px;
}
.double-device-button-v2.large.haveContent.svelte-w704o2 .content:where(.svelte-w704o2) {
  margin: 0px 8px;
}
.double-device-button-v2.large.svelte-w704o2 .device-button-v2:focus-visible:not(:disabled)::after {
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
}
.double-device-button-v2.inactive.svelte-w704o2 .control-group-border:where(.svelte-w704o2) {
  border-color: var(--color-3);
}
.double-device-button-v2.disabled-overlay.svelte-w704o2 {
  cursor: not-allowed;
}
.double-device-button-v2.disabled-overlay.svelte-w704o2::before {
  z-index: 2;
}
@-webkit-keyframes svelte-9kfh1o-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-9kfh1o-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.device-button-v2.svelte-9kfh1o {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.device-button-v2.svelte-9kfh1o:disabled {
  cursor: not-allowed;
}
.device-button-v2.disabled.svelte-9kfh1o {
  cursor: not-allowed;
}
.device-button-v2.svelte-9kfh1o .device-action-border:where(.svelte-9kfh1o) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-white);
  border-radius: 50%;
}
.device-button-v2.svelte-9kfh1o .device-action-border:where(.svelte-9kfh1o)::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  background-color: var(--color-base);
  z-index: 1;
}
.device-button-v2.svelte-9kfh1o .indicator:where(.svelte-9kfh1o) {
  border-radius: 5px;
}
.device-button-v2.svelte-9kfh1o .indicator.on:where(.svelte-9kfh1o) {
  background-color: var(--indicator-variant-on);
}
.device-button-v2.svelte-9kfh1o .indicator.off:where(.svelte-9kfh1o) {
  background-color: var(--indicator-variant-off);
}
.device-button-v2.small.svelte-9kfh1o {
  width: 40px;
  height: 40px;
}
.device-button-v2.small.svelte-9kfh1o .device-action-border:where(.svelte-9kfh1o) {
  width: 32px;
  height: 32px;
}
.device-button-v2.small.svelte-9kfh1o .indicator:where(.svelte-9kfh1o) {
  width: 8px;
  height: 2px;
  position: absolute;
  bottom: 5px;
}
.device-button-v2.medium.svelte-9kfh1o {
  width: 56px;
  height: 56px;
}
.device-button-v2.medium.svelte-9kfh1o .device-action-border:where(.svelte-9kfh1o) {
  width: 46px;
  height: 46px;
}
.device-button-v2.medium.svelte-9kfh1o .indicator:where(.svelte-9kfh1o) {
  width: 10px;
  height: 3px;
  position: absolute;
  bottom: 8px;
}
.device-button-v2.large.svelte-9kfh1o {
  width: 72px;
  height: 72px;
}
.device-button-v2.large.svelte-9kfh1o .device-action-border:where(.svelte-9kfh1o) {
  width: 60px;
  height: 60px;
}
.device-button-v2.large.svelte-9kfh1o .indicator:where(.svelte-9kfh1o) {
  width: 14px;
  height: 4px;
  position: absolute;
  bottom: 8px;
}
.device-button-v2.primary.svelte-9kfh1o {
  background-color: var(--color-primary);
  color: var(--color-primary);
}
.device-button-v2.primary.svelte-9kfh1o .countdown-visualizer:where(.svelte-9kfh1o) {
  stroke: var(--color-primary);
}
.device-button-v2.primary.active.svelte-9kfh1o {
  background-color: var(--color-3);
}
.device-button-v2.success.svelte-9kfh1o {
  background-color: var(--color-success);
  color: var(--color-success);
}
.device-button-v2.success.svelte-9kfh1o .countdown-visualizer:where(.svelte-9kfh1o) {
  stroke: var(--color-success);
}
.device-button-v2.success.active.svelte-9kfh1o {
  background-color: var(--color-3);
}
.device-button-v2.danger.svelte-9kfh1o {
  background-color: var(--color-danger);
  color: var(--color-danger);
}
.device-button-v2.danger.svelte-9kfh1o .countdown-visualizer:where(.svelte-9kfh1o) {
  stroke: var(--color-danger);
}
.device-button-v2.danger.active.svelte-9kfh1o {
  background-color: var(--color-3);
}
.device-button-v2.inactive.svelte-9kfh1o {
  background-color: var(--color-3);
}
.device-button-v2.svelte-9kfh1o:not(.touch-support):hover:not(:disabled) .device-action-border:where(.svelte-9kfh1o)::before {
  content: "";
  opacity: 0.15;
}
.device-button-v2.svelte-9kfh1o:not(.touch-support):focus-visible:not(:disabled) {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.device-button-v2:not(.touch-support):focus-visible:not(:disabled).small.svelte-9kfh1o {
  outline-width: 1px;
}
.device-button-v2.svelte-9kfh1o:active:not(:disabled) .device-action-border:where(.svelte-9kfh1o)::before {
  content: "";
  top: 2px;
  right: 2px;
  left: 2px;
  bottom: 2px;
  opacity: 0.2;
  outline: 2px solid var(--color-white);
  pointer-events: none;
}
.device-button-v2:active:not(:disabled).small.svelte-9kfh1o .device-action-border:where(.svelte-9kfh1o)::before {
  top: 1px;
  right: 1px;
  left: 1px;
  bottom: 1px;
  outline-width: 1px;
}
.device-button-v2.disabled-overlay.svelte-9kfh1o::before {
  z-index: 2;
}

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

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

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

@-webkit-keyframes svelte-9kfh1o-progress {
  to {
    /* ending point is zero */
    stroke-dashoffset: 0;
  }
}

@keyframes svelte-9kfh1o-progress {
  to {
    /* ending point is zero */
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes svelte-9kfh1o-activeProgress {
  to {
    /* ending point is zero — var() resolves per-element at animation time */
    stroke-dashoffset: var(--circumference, 100);
  }
}
@keyframes svelte-9kfh1o-activeProgress {
  to {
    /* ending point is zero — var() resolves per-element at animation time */
    stroke-dashoffset: var(--circumference, 100);
  }
}@-webkit-keyframes svelte-1tyil8i-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1tyil8i-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.scroll.svelte-1tyil8i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  max-height: 100%;
  /* Firefox styles selector */
  overflow-y: auto;
  overflow-x: hidden;
}
@supports (-moz-appearance: none) {
  .scroll.svelte-1tyil8i {
    scrollbar-width: thin;
    scrollbar-color: var(--color-primary) var(--color-3);
  }
}
.scroll.svelte-1tyil8i .scroll-inner-container:where(.svelte-1tyil8i) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.scroll.svelte-1tyil8i .scroll-container-content:where(.svelte-1tyil8i) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 100%;
}
.scroll.scroll-modal.svelte-1tyil8i .scroll-container-content:where(.svelte-1tyil8i) {
  max-height: none;
}
.scroll.scroll-modal.svelte-1tyil8i:not(.remove-scroll-paddings) {
  padding: 0px 15px;
}
.scroll.scroll-modal-fullSize.svelte-1tyil8i {
  padding: 0px 11px;
}
.scroll.scroll-modal-fullSize.svelte-1tyil8i .scroll-container-content:where(.svelte-1tyil8i) {
  height: 100%;
}
.scroll.scroll-drawer.svelte-1tyil8i {
  padding-right: 7px;
  margin-right: -7px;
  z-index: 1;
}
.scroll.scroll-drawer.svelte-1tyil8i .scroll-container-content:where(.svelte-1tyil8i) {
  height: 100%;
}
.scroll.scroll-sidepanel.svelte-1tyil8i {
  padding-top: 4px;
  margin-top: -4px;
  padding-left: 6px;
  margin-left: -6px;
  padding-right: 11px;
  margin-right: -11px;
  z-index: 1;
}
.scroll.scroll-sidepanel.svelte-1tyil8i .scroll-container-content:where(.svelte-1tyil8i) {
  height: 100%;
}
/* (unused) .scroll.scroll-sidepanel .scroll-container-content:has(.slider-v2) {
  padding-bottom: var(--spacing-s);
}*/
.scroll.scroll-sidepanel.is-scrollable.svelte-1tyil8i .scroll-container-content:where(.svelte-1tyil8i) {
  padding-bottom: 4px;
}
/* (unused) .scroll.scroll-sidepanel.is-scrollable .scroll-container-content:has(.slider-v2) {
  padding-bottom: var(--spacing-s);
}*/
.scroll.scroll-sticky-bottom-sibling.svelte-1tyil8i {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

@media screen and (max-width: 639px) {
  .scroll.scroll-modal.svelte-1tyil8i:not(.remove-scroll-paddings) {
    padding-left: 10px;
    padding-right: 11px;
  }
  .scroll.scroll-modal-fullSize.svelte-1tyil8i {
    padding: 0px;
  }
}@-webkit-keyframes svelte-1s7hogq-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1s7hogq-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.drawer.svelte-1s7hogq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 8px;
  width: 390px;
  border: 1px solid var(--color-3);
  border-top-left-radius: var(--radius-big);
  border-bottom-left-radius: var(--radius-big);
  background: var(--color-1);
  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: 24px;
    max-width: 100%;
    height: calc(100% - 24px);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
  }
  .drawer.open.svelte-1s7hogq {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    border-bottom-left-radius: 0;
  }
  .drawer.stop-transition.svelte-1s7hogq {
    -webkit-transition: none;
    transition: none;
  }
}
@media screen and (max-width: 639px) {
  .drawer.svelte-1s7hogq {
    top: 16px;
    height: calc(100% - 16px);
  }
}
.drawer.svelte-1s7hogq .drawer-heading:where(.svelte-1s7hogq) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.drawer.svelte-1s7hogq .stats-bar-wrapper:where(.svelte-1s7hogq) .stats-bar:where(.svelte-1s7hogq) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.drawer.is-closable.svelte-1s7hogq .stats-bar-wrapper:where(.svelte-1s7hogq) {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.drawer-overlay.show.svelte-1s7hogq {
  pointer-events: all;
  background: var(--background-image-overlay);
}@-webkit-keyframes svelte-1omi3ky-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1omi3ky-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.drawer-tabs.svelte-1omi3ky {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  height: 0;
}
.drawer-tabs.svelte-1omi3ky .tabs-wrapper:where(.svelte-1omi3ky) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.drawer-tabs.svelte-1omi3ky .tabs-wrapper:where(.svelte-1omi3ky)::before, .drawer-tabs.svelte-1omi3ky .tabs-wrapper:where(.svelte-1omi3ky)::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  left: 1px;
  height: 32px;
  pointer-events: none;
  background: var(--gradient-vertical-tabs);
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.drawer-tabs.svelte-1omi3ky .tabs-wrapper:where(.svelte-1omi3ky)::before {
  top: 1px;
}
.drawer-tabs.svelte-1omi3ky .tabs-wrapper:where(.svelte-1omi3ky)::after {
  bottom: 1px;
  left: 1px;
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.drawer-tabs.svelte-1omi3ky .tabs-wrapper.top-shadow:where(.svelte-1omi3ky)::before {
  opacity: 1;
}
.drawer-tabs.svelte-1omi3ky .tabs-wrapper.top-shadow:where(.svelte-1omi3ky) .tabs-container:where(.svelte-1omi3ky) {
  border-top-left-radius: 0;
}
.drawer-tabs.svelte-1omi3ky .tabs-wrapper.bottom-shadow:where(.svelte-1omi3ky)::after {
  opacity: 1;
}
.drawer-tabs.svelte-1omi3ky .tabs-wrapper.bottom-shadow:where(.svelte-1omi3ky) .tabs-container:where(.svelte-1omi3ky) {
  border-bottom-left-radius: 0;
}
.drawer-tabs.svelte-1omi3ky .tabs-wrapper:where(.svelte-1omi3ky) .tabs-container:where(.svelte-1omi3ky) {
  margin-right: -1px;
  max-height: 100%;
  overflow-y: auto;
  z-index: 1;
  border-top-left-radius: var(--radius-big);
  border-bottom-left-radius: var(--radius-big);
  border: 1px solid var(--color-3);
  border-right: unset;
  -webkit-transition: border-radius 0.3s ease;
  transition: border-radius 0.3s ease;
  background-color: var(--color-base);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.drawer-tabs.svelte-1omi3ky .tabs-wrapper:where(.svelte-1omi3ky) .tabs-container:where(.svelte-1omi3ky)::-webkit-scrollbar {
  display: none;
}
.drawer-tabs.svelte-1omi3ky .tab-content:where(.svelte-1omi3ky) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  width: 0;
  padding: 8px;
  background-color: var(--color-base);
  border: 1px solid var(--color-3);
  border-radius: var(--radius-big);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.drawer-tabs.svelte-1omi3ky .tab-content:where(.svelte-1omi3ky)::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--background-image-overlay-darker);
  border-radius: inherit;
}
.drawer-tabs.svelte-1omi3ky .tab-content:where(.svelte-1omi3ky)::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 100%;
  background-image: var(--gradient-drawer-side);
  border-radius: inherit;
}
.drawer-tabs.svelte-1omi3ky .tab-content.have-tabs:where(.svelte-1omi3ky) {
  border-top-left-radius: 0;
}
.drawer-tabs.svelte-1omi3ky .tab-content.have-radius:where(.svelte-1omi3ky) {
  border-bottom-left-radius: 0;
}@-webkit-keyframes svelte-4xavy6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-4xavy6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.drawer-tab-content-wrapper.svelte-4xavy6 {
  z-index: 1;
}
.drawer-tab-content-wrapper.svelte-4xavy6 .drawer-tab-content:where(.svelte-4xavy6) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.drawer-tab-content-wrapper.svelte-4xavy6 .drawer-tab-content.drawer-tab-content-scrollable:where(.svelte-4xavy6) {
  height: 0;
}@-webkit-keyframes svelte-19cbp8a-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-19cbp8a-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.drawer-tab.svelte-19cbp8a {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-base);
  border-bottom: 1px solid var(--color-3);
  border-right: 1px solid var(--color-3);
  cursor: pointer;
}
.drawer-tab.svelte-19cbp8a:disabled {
  cursor: not-allowed;
}
.drawer-tab.svelte-19cbp8a:last-of-type {
  border-bottom: unset;
}
.drawer-tab.active.svelte-19cbp8a {
  border-right: unset;
  padding-right: 1px;
}
.drawer-tab.active.svelte-19cbp8a .notification-position {
  right: 9px;
}
.drawer-tab.svelte-19cbp8a .notification-position {
  position: absolute;
  right: 8px;
  top: 8px;
}@-webkit-keyframes svelte-xy2w3w-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-xy2w3w-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.dropdown.svelte-xy2w3w {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

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

.dropdown-items-container.svelte-xy2w3w {
  position: absolute;
  background: var(--color-1);
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
  border: 1px solid var(--color-3);
  border-radius: var(--radius-big);
  left: 0;
  top: calc(100% + 4px);
  overflow: hidden;
  z-index: 1003;
}
.dropdown-items-container.postion-right-side.svelte-xy2w3w {
  right: 0;
  left: unset;
}
.dropdown-items-container.in-drawer-menu.svelte-xy2w3w {
  width: auto;
  max-width: 280px;
}
.dropdown-items-container.svelte-xy2w3w .scroll-container:where(.svelte-xy2w3w) {
  max-height: 415px;
  overflow-y: auto;
}
.dropdown-items-container.has-static-bottom.svelte-xy2w3w {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dropdown-items-container.has-static-bottom.svelte-xy2w3w .scroll-container:where(.svelte-xy2w3w) {
  max-height: 277px;
  overflow-y: auto;
}
.dropdown-items-container.has-static-bottom.svelte-xy2w3w .static-bottom-container:where(.svelte-xy2w3w) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-height: 138px;
  overflow-y: auto;
  border-top: 1px solid var(--color-3);
}
.dropdown-items-container.has-static-bottom.svelte-xy2w3w .static-bottom-container.has-scroll-shadow:where(.svelte-xy2w3w) {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
}@-webkit-keyframes svelte-as0jyp-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-as0jyp-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.menu-item-list.svelte-as0jyp {
  width: 100%;
  border-bottom: 1px solid var(--color-3);
  cursor: pointer;
}
.menu-item-list.active.svelte-as0jyp {
  background: var(--color-primary-10);
}
.menu-item-list.size-l.svelte-as0jyp {
  padding: 12px;
}
.menu-item-list.size-m.svelte-as0jyp {
  padding: 8px 12px;
}
.menu-item-list.svelte-as0jyp:last-of-type:not(.has-border) {
  border-bottom: none;
}
@media (hover: hover) and (pointer: fine) {
  .menu-item-list.svelte-as0jyp:not(.actions):not(.disabled):not(.group-title):hover {
    background: var(--color-primary-20);
  }
}
.menu-item-list.selected.svelte-as0jyp:not(.group-title) {
  background: var(--color-primary-10);
}
.menu-item-list.actions.svelte-as0jyp {
  cursor: default;
}
.menu-item-list.group-title.svelte-as0jyp {
  padding: 8px 12px;
  cursor: default;
  pointer-events: none;
  border-top: 1px solid var(--color-3);
  border-bottom: none;
  min-height: 32px;
  text-transform: uppercase;
}
.menu-item-list.group-title.svelte-as0jyp:first-of-type {
  border-top: none;
}
.menu-item-list.group-title.remove-border-top.svelte-as0jyp {
  border-top: none;
}
.menu-item-list.group-title.size-m.svelte-as0jyp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 12px;
  min-height: 24px;
}
.menu-item-list.group-item.svelte-as0jyp {
  border-bottom: none;
}
.menu-item-list.disabled.svelte-as0jyp {
  cursor: not-allowed;
}
.menu-item-list.svelte-as0jyp .menu-item-list-avatar:where(.svelte-as0jyp) {
  margin-right: 12px;
}
.menu-item-list.svelte-as0jyp .menu-item-list-avatar.size-m:where(.svelte-as0jyp) {
  margin-right: 8px;
}
.menu-item-list.svelte-as0jyp .menu-item-list-text:where(.svelte-as0jyp) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
.menu-item-list.svelte-as0jyp .right-icon {
  margin-left: 12px;
}
.menu-item-list.svelte-as0jyp .right-icon.size-m {
  margin-left: 8px;
}
.menu-item-list.svelte-as0jyp .menu-item-list-actions:where(.svelte-as0jyp) {
  margin-top: 12px;
}@-webkit-keyframes svelte-xj4nca-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-xj4nca-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
header.svelte-xj4nca {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 16px 24px 16px;
}
header.new-layout.svelte-xj4nca {
  margin: 16px 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

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

.with-background.svelte-xj4nca {
  background-color: var(--color-base);
  padding: 16px 56px;
  margin: 0;
}

@media screen and (max-width: 1123px) {
  header.new-layout.svelte-xj4nca {
    margin-top: 0px;
  }
  .with-background.svelte-xj4nca {
    padding: 16px 48px;
  }
}
@media screen and (max-width: 639px) {
  header.svelte-xj4nca {
    margin-bottom: 8px;
  }
  header.new-layout.svelte-xj4nca {
    margin: 0px 16px 12px;
  }
  .with-background.svelte-xj4nca {
    padding: 16px 32px;
  }
}@-webkit-keyframes svelte-11c3v72-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-11c3v72-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.input-wrapper-v2.svelte-11c3v72 {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.input-wrapper-v2.svelte-11c3v72 input:where(.svelte-11c3v72) {
  width: 100%;
  background: var(--color-base);
  border: 1px solid var(--color-3);
  outline: none;
  caret-color: var(--color-white);
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
  background: #191a1e;
  border-color: #2c2d35;
}
.input-wrapper-v2.svelte-11c3v72 input:where(.svelte-11c3v72):hover:not(:disabled):not(.input-error) {
  border-color: var(--color-secondary);
}
.input-wrapper-v2.svelte-11c3v72 input:where(.svelte-11c3v72):focus:not(:disabled):not(.input-error) {
  border-color: var(--color-primary);
}
.input-wrapper-v2.svelte-11c3v72 input.input-error:where(.svelte-11c3v72) {
  border-color: var(--color-danger);
}
.input-wrapper-v2.svelte-11c3v72 input.input-m:where(.svelte-11c3v72) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
  height: 32px;
  padding: 0px 5px;
  border-radius: var(--radius-small);
}
.input-wrapper-v2.svelte-11c3v72 input.input-m:where(.svelte-11c3v72):focus {
  -webkit-box-shadow: var(--shadow-glow-soft);
          box-shadow: var(--shadow-glow-soft);
}
.input-wrapper-v2.svelte-11c3v72 input.input-m:focus.input-error:where(.svelte-11c3v72) {
  -webkit-box-shadow: var(--shadow-glow-danger-soft);
          box-shadow: var(--shadow-glow-danger-soft);
}
.input-wrapper-v2.svelte-11c3v72 input.input-m:where(.svelte-11c3v72)::-webkit-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.input-wrapper-v2.svelte-11c3v72 input.input-m:where(.svelte-11c3v72)::-moz-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.input-wrapper-v2.svelte-11c3v72 input.input-m:where(.svelte-11c3v72):-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.input-wrapper-v2.svelte-11c3v72 input.input-m:where(.svelte-11c3v72)::-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.input-wrapper-v2.svelte-11c3v72 input.input-m:where(.svelte-11c3v72)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.input-wrapper-v2.svelte-11c3v72 input.input-l:where(.svelte-11c3v72) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
  height: 44px;
  padding: 0 11px;
  border-radius: var(--radius-big);
}
.input-wrapper-v2.svelte-11c3v72 input.input-l:where(.svelte-11c3v72):focus {
  -webkit-box-shadow: var(--shadow-glow-strong);
          box-shadow: var(--shadow-glow-strong);
}
.input-wrapper-v2.svelte-11c3v72 input.input-l:focus.input-error:where(.svelte-11c3v72) {
  -webkit-box-shadow: var(--shadow-glow-danger-strong);
          box-shadow: var(--shadow-glow-danger-strong);
}
.input-wrapper-v2.svelte-11c3v72 input.input-l:where(.svelte-11c3v72)::-webkit-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.input-wrapper-v2.svelte-11c3v72 input.input-l:where(.svelte-11c3v72)::-moz-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.input-wrapper-v2.svelte-11c3v72 input.input-l:where(.svelte-11c3v72):-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.input-wrapper-v2.svelte-11c3v72 input.input-l:where(.svelte-11c3v72)::-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.input-wrapper-v2.svelte-11c3v72 input.input-l:where(.svelte-11c3v72)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.input-wrapper-v2.svelte-11c3v72 input.input-m:where(.svelte-11c3v72)::-webkit-input-placeholder, .input-wrapper-v2.svelte-11c3v72 input.input-l:where(.svelte-11c3v72)::-webkit-input-placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.input-wrapper-v2.svelte-11c3v72 input.input-m:where(.svelte-11c3v72)::-moz-placeholder, .input-wrapper-v2.svelte-11c3v72 input.input-l:where(.svelte-11c3v72)::-moz-placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.input-wrapper-v2.svelte-11c3v72 input.input-m:where(.svelte-11c3v72):-ms-input-placeholder, .input-wrapper-v2.svelte-11c3v72 input.input-l:where(.svelte-11c3v72):-ms-input-placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.input-wrapper-v2.svelte-11c3v72 input.input-m:where(.svelte-11c3v72)::-ms-input-placeholder, .input-wrapper-v2.svelte-11c3v72 input.input-l:where(.svelte-11c3v72)::-ms-input-placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.input-wrapper-v2.svelte-11c3v72 input.input-m:where(.svelte-11c3v72)::placeholder, .input-wrapper-v2.svelte-11c3v72 input.input-l:where(.svelte-11c3v72)::placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.input-wrapper-v2.svelte-11c3v72 input:where(.svelte-11c3v72):disabled {
  background: var(--color-0);
  color: var(--color-3);
  -webkit-text-fill-color: var(--color-3);
  opacity: 1;
  cursor: not-allowed;
}
.input-wrapper-v2.svelte-11c3v72 input:where(.svelte-11c3v72)::-webkit-outer-spin-button, .input-wrapper-v2.svelte-11c3v72 input:where(.svelte-11c3v72)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-wrapper-v2.svelte-11c3v72 input[type=number]:where(.svelte-11c3v72) {
  -moz-appearance: textfield;
}
.input-wrapper-v2.svelte-11c3v72 input:where(.svelte-11c3v72):-webkit-autofill, .input-wrapper-v2.svelte-11c3v72 input:where(.svelte-11c3v72):-webkit-autofill:hover, .input-wrapper-v2.svelte-11c3v72 input:where(.svelte-11c3v72):-webkit-autofill:focus {
  caret-color: var(--color-white);
  -webkit-text-fill-color: var(--color-white);
  -webkit-box-shadow: 0 0 0px 1000px var(--color-primary-10) inset;
          box-shadow: 0 0 0px 1000px var(--color-primary-10) inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.input-wrapper-v2.svelte-11c3v72 .icon-wrapper {
  position: absolute;
  pointer-events: none;
}
.input-wrapper-v2.svelte-11c3v72 .right-button:where(.svelte-11c3v72) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  position: absolute;
  width: 24px;
  height: 24px;
  padding: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.input-wrapper-v2.svelte-11c3v72 .right-button:where(.svelte-11c3v72):disabled {
  cursor: not-allowed;
}
.input-wrapper-v2.svelte-11c3v72 .right-button.disabled:where(.svelte-11c3v72) {
  cursor: not-allowed;
}
.input-wrapper-v2.svelte-11c3v72 .right-button:where(.svelte-11c3v72):focus-visible {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 1px var(--color-primary) inset;
          box-shadow: 0 0 0 1px var(--color-primary) inset;
  outline: none;
}
.input-wrapper-v2.has-icon.input-wrapper-m.svelte-11c3v72 input:where(.svelte-11c3v72) {
  padding-left: 31px;
}
.input-wrapper-v2.has-icon.input-wrapper-m.svelte-11c3v72 .icon-wrapper {
  top: 6px;
  left: 6px;
}
.input-wrapper-v2.has-right-button.input-wrapper-m.svelte-11c3v72 input:where(.svelte-11c3v72) {
  padding-right: 31px;
}
.input-wrapper-v2.has-right-button.input-wrapper-m.svelte-11c3v72 .right-button:where(.svelte-11c3v72) {
  top: 4px;
  right: 4px;
}
.input-wrapper-v2.has-icon.input-wrapper-l.svelte-11c3v72 input:where(.svelte-11c3v72) {
  padding-left: 43px;
}
.input-wrapper-v2.has-icon.input-wrapper-l.svelte-11c3v72 .icon-wrapper {
  top: 12px;
  left: 12px;
}
.input-wrapper-v2.has-right-button.input-wrapper-l.svelte-11c3v72 input:where(.svelte-11c3v72) {
  padding-right: 43px;
}
.input-wrapper-v2.has-right-button.input-wrapper-l.svelte-11c3v72 .right-button:where(.svelte-11c3v72) {
  top: 10px;
  right: 10px;
}

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

.info-text.validation-text-m.svelte-11c3v72, .info-text.validation-text-l.svelte-11c3v72 {
  color: var(--color-white);
}@-webkit-keyframes svelte-7mihce-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-7mihce-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.loader-box.svelte-7mihce {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.loader-box.large.svelte-7mihce {
  padding: 0 11px;
  height: 44px;
}
.loader-box.large.svelte-7mihce .loader:where(.svelte-7mihce) {
  width: 64px;
  height: 18px;
}
.loader-box.large.svelte-7mihce .loader:where(.svelte-7mihce) div:where(.svelte-7mihce) {
  width: 18px;
  height: 18px;
}
.loader-box.medium.svelte-7mihce {
  padding: 0 5px;
  height: 32px;
}
.loader-box.medium.svelte-7mihce .loader:where(.svelte-7mihce) {
  width: 52px;
  height: 14px;
}
.loader-box.medium.svelte-7mihce .loader:where(.svelte-7mihce) div:where(.svelte-7mihce) {
  width: 14px;
  height: 14px;
}
.loader-box.with-background.svelte-7mihce {
  background-color: var(--color-white);
  border-radius: var(--radius-big);
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
}
.loader-box.with-background.large.svelte-7mihce {
  padding: 0 27px;
  height: 60px;
}
.loader-box.with-background.medium.svelte-7mihce {
  padding: 0 13px;
  height: 48px;
}
.loader-box.svelte-7mihce .loader:where(.svelte-7mihce) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.loader-box.svelte-7mihce .loader:where(.svelte-7mihce) div:where(.svelte-7mihce) {
  display: inline-block;
  border-radius: 100%;
  -webkit-animation: svelte-7mihce-loader 1s infinite ease-in-out both;
          animation: svelte-7mihce-loader 1s infinite ease-in-out both;
}
.loader-box.svelte-7mihce .loader:where(.svelte-7mihce) div:where(.svelte-7mihce):nth-child(1) {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
  background-color: #1E60A2;
}
.loader-box.svelte-7mihce .loader:where(.svelte-7mihce) div:where(.svelte-7mihce):nth-child(2) {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
  background-color: #2179D1;
}
.loader-box.svelte-7mihce .loader:where(.svelte-7mihce) div:where(.svelte-7mihce):nth-child(3) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  background-color: var(--color-primary);
}

@-webkit-keyframes svelte-7mihce-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes svelte-7mihce-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}@-webkit-keyframes svelte-zzlwne-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-zzlwne-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.dialog-overlay.svelte-zzlwne {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 50;
  background: var(--background-image-overlay);
}

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

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

@media screen and (max-width: 639px) {
  .dialog-container.svelte-zzlwne {
    max-width: 95%;
  }
}@-webkit-keyframes svelte-1rrggs-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1rrggs-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.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: 0 auto;
  }
}@-webkit-keyframes svelte-1o8d3c2-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1o8d3c2-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.stack.svelte-1o8d3c2 {
  --stack-gap: 0;
  display: grid;
  gap: var(--stack-gap);
}
.stack.direction-column.svelte-1o8d3c2 {
  grid-auto-flow: column;
}@-webkit-keyframes svelte-vykrcc-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-vykrcc-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.middle-icon-container.svelte-vykrcc {
  width: 221px;
}

.point-container.svelte-vykrcc {
  -ms-flex-item-align: center;
      align-self: center;
  width: 4px;
  height: 4px;
  background-color: var(--color-3);
  border-radius: 50%;
}@-webkit-keyframes svelte-jl4pre-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-jl4pre-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.login-layout-wrapper.svelte-jl4pre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  background-color: var(--color-base);
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  background: var(--background-image-overlay);
  padding: 32px 32px 32px 100px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          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) {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--color-base);
  width: 40%;
  max-width: 624px;
}

@media screen and (max-width: 1123px) {
  .login-layout-wrapper.svelte-jl4pre {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 32px;
    min-height: 50%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            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) {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    padding: 32px;
    width: 100%;
    max-width: unset;
  }
}
@media screen and (max-width: 639px) {
  .login-layout-wrapper.svelte-jl4pre .login-main:where(.svelte-jl4pre) {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            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) {
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
  }
}@-webkit-keyframes svelte-5k40py-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-5k40py-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
html,
body {
  overscroll-behavior-y: contain;
}

.main-layout.svelte-5k40py {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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 {
  padding-top: 16px;
  padding-left: 16px;
}
.main-layout.no-top-padding.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) {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main-layout.svelte-5k40py .main:where(.svelte-5k40py) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.main-layout.svelte-5k40py .menu:where(.svelte-5k40py) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 114px;
}
.main-layout.svelte-5k40py .menu.new-layout:where(.svelte-5k40py) {
  padding-bottom: 16px;
  z-index: 2;
  width: 88px;
}
.main-layout.svelte-5k40py .content:where(.svelte-5k40py) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
}
.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 0;
  padding-right: 9px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
}
.main-layout.svelte-5k40py .page:where(.svelte-5k40py) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          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) {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  overflow-y: auto;
  overflow-x: hidden;
  /* Firefox styles selector */
}
@supports (-moz-appearance: none) {
  .main-layout.svelte-5k40py .scroll:where(.svelte-5k40py) {
    scrollbar-width: thin;
    scrollbar-color: var(--color-primary) var(--color-3);
  }
}
.main-layout.svelte-5k40py .scroll:where(.svelte-5k40py) .main-layout-loader-wrapper:where(.svelte-5k40py) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 15px;
  padding-left: 24px;
}
.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 1124px) {
  .main-layout.svelte-5k40py .sidebar:where(.svelte-5k40py):not(.sidebar-desktop-on-top) {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    transition-property: transform, width;
    transition-property: transform, width, -webkit-transform;
    will-change: transform, width;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    width: 0px;
  }
  .main-layout.svelte-5k40py .sidebar:not(.sidebar-desktop-on-top).open:where(.svelte-5k40py) {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            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) {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    width: calc(var(--sidepanel-width) + 24px);
  }
}

@media screen and (max-width: 1123px) {
  .main-layout.new-layout.svelte-5k40py {
    padding-top: 24px;
    padding-left: 0;
  }
  .main-layout.new-layout.svelte-5k40py .menu:where(.svelte-5k40py) {
    height: 64px;
  }
  .main-layout.new-layout.svelte-5k40py .menu.new-layout:where(.svelte-5k40py) {
    width: 100%;
  }
  .main-layout.svelte-5k40py .content:where(.svelte-5k40py) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .main-layout.svelte-5k40py .menu:where(.svelte-5k40py) {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 24px;
    height: 68px;
    width: 100%;
    z-index: 10;
  }
  .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: 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) {
    padding-bottom: 64px;
  }
  .main-layout.svelte-5k40py .scroll:where(.svelte-5k40py) .scroll-content-new-layout:where(.svelte-5k40py) {
    padding-right: 15px;
  }
  .main-layout.svelte-5k40py .static-content.new-layout:where(.svelte-5k40py) {
    padding-right: 15px;
  }
  .main-layout.svelte-5k40py .no-bottom-padding:where(.svelte-5k40py) {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 639px) {
  .main-layout.svelte-5k40py {
    padding-top: 16px;
  }
  .main-layout.new-layout.svelte-5k40py {
    padding-top: 16px;
  }
  .main-layout.svelte-5k40py .menu:where(.svelte-5k40py) {
    padding: 0 16px;
  }
  .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-right: 11px;
    padding-left: 16px;
  }
  .main-layout.svelte-5k40py .static-content.new-layout:where(.svelte-5k40py) {
    padding-right: 11px;
    padding-left: 16px;
  }
  .main-layout.svelte-5k40py .no-scroll-container.no-scroll-padding:where(.svelte-5k40py) {
    padding-right: 11px;
    padding-left: 16px;
  }
  .main-layout.svelte-5k40py .page:where(.svelte-5k40py) {
    padding-right: 5px;
  }
}@-webkit-keyframes svelte-1mpyjz0-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1mpyjz0-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.main-menu.svelte-1mpyjz0 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid var(--color-3);
  border-top-right-radius: var(--radius-big);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  max-width: 114px;
}
.main-menu.svelte-1mpyjz0 .inner-container:where(.svelte-1mpyjz0) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.main-menu.new-layout.svelte-1mpyjz0 {
  border-radius: var(--radius-extra-big);
  max-width: 88px;
}
.main-menu.new-layout.svelte-1mpyjz0 .menu-item:last-of-type .menu-item-icon {
  margin-bottom: 0;
}
.main-menu.mobile.svelte-1mpyjz0 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: unset;
  border-top-left-radius: var(--radius-small);
  border-top-right-radius: var(--radius-small);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main-menu.mobile.new-layout.svelte-1mpyjz0 {
  border: none;
  border-top: 1px solid var(--color-3);
  border-radius: 0;
}
.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) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
}
@media screen and (max-width: 1123px) {
  .main-menu.svelte-1mpyjz0:not(.desktop):not(.mobile) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-width: unset;
    border-top-left-radius: var(--radius-small);
    border-top-right-radius: var(--radius-small);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .main-menu:not(.desktop):not(.mobile).new-layout.svelte-1mpyjz0 {
    border: none;
    border-top: 1px solid var(--color-3);
    border-radius: 0;
  }
  .main-menu.svelte-1mpyjz0:not(.desktop):not(.mobile) .inner-container:where(.svelte-1mpyjz0) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
  }
}
@media screen and (max-width: 639px) {
  .main-menu.svelte-1mpyjz0:not(.desktop) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-width: unset;
    border-top-left-radius: var(--radius-small);
    border-top-right-radius: var(--radius-small);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .main-menu:not(.desktop).new-layout.svelte-1mpyjz0 {
    border: none;
    border-top: 1px solid var(--color-3);
    border-radius: 0;
  }
  .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) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
  }
}@-webkit-keyframes svelte-r16jz6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-r16jz6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.menu-container.svelte-r16jz6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--color-base);
  padding: 24px 9px 24px 24px;
  border-radius: var(--radius-big);
  width: 100%;
}
.menu-container.svelte-r16jz6 .devider:where(.svelte-r16jz6) {
  width: 1px;
  background-color: var(--color-3);
}
.menu-container.svelte-r16jz6 .left-slot-container:where(.svelte-r16jz6) {
  -ms-flex-negative: 0;
      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;
  }
}@-webkit-keyframes svelte-whfb8p-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-whfb8p-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.menu-item.svelte-whfb8p {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 15px 15px 15px;
  border-bottom: 1px solid var(--color-3);
}
.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: -webkit-max-content;
  width: -moz-max-content;
  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-small);
  background: var(--color-primary);
  right: 0;
}
.menu-item.menu-item-custom-icon.svelte-whfb8p:not(.new-layout) .menu-item-icon {
  background: var(--color-primary);
  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;
  color: var(--color-white);
  margin: 0;
}
.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-muted);
}
.menu-item.new-layout.svelte-whfb8p .menu-item-icon {
  padding: 10px;
  border-radius: var(--radius-small);
  margin-bottom: 8px;
}
.menu-item.new-layout.svelte-whfb8p .menu-item-icon .disabled-icon {
  color: var(--color-3);
}
.menu-item.new-layout.svelte-whfb8p .menu-item-icon .active-icon {
  color: var(--color-white);
}
@media (hover: hover) {
  .menu-item.new-layout.svelte-whfb8p:not(.mobile) .menu-item-icon.hovered:not(.disabled) {
    background-color: var(--color-2);
  }
  .menu-item.new-layout.svelte-whfb8p:not(.mobile) .menu-item-icon.hovered:not(.disabled) .new-layout-icon {
    color: var(--color-white);
  }
}
@media (hover: none) {
  .menu-item.new-layout.svelte-whfb8p .menu-item-icon.hovered:not(.disabled) {
    background-color: var(--color-2);
    background-color: inherit;
  }
  .menu-item.new-layout.svelte-whfb8p .menu-item-icon.hovered:not(.disabled) .new-layout-icon {
    color: var(--color-white);
  }
}
.menu-item.new-layout.svelte-whfb8p .menu-item-icon.is-focused:not(.disabled) {
  background-color: var(--color-2);
}
.menu-item.new-layout.svelte-whfb8p .menu-item-icon.is-focused:not(.disabled) .new-layout-icon {
  color: var(--color-white);
}

@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;
    color: var(--color-white);
    margin: 0;
  }
  .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;
    color: var(--color-white);
    margin: 0;
  }
  .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;
  }
}@-webkit-keyframes svelte-1mp58q8-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1mp58q8-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.sound-wave.svelte-1mp58q8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 2px;
  width: 16px;
  height: 20px;
}

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

@-webkit-keyframes svelte-1mp58q8-pulse {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(0.3);
            transform: scaleY(0.3);
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}

@keyframes svelte-1mp58q8-pulse {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(0.3);
            transform: scaleY(0.3);
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}@-webkit-keyframes svelte-1wgeuu4-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1wgeuu4-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.song-list.svelte-1wgeuu4 {
  list-style: none;
  margin: 0;
  padding: 0;
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px;
  padding-right: 12px;
  padding-left: 8px;
  border-top: 1px solid var(--color-2);
  height: 46px;
  cursor: pointer;
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4):first-child {
  border-top: none;
}
@media (hover: hover) and (pointer: fine) {
  .song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4):hover {
    background-color: var(--color-primary-20);
  }
  .song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4):hover .icon-play {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 12px;
  }
}
.song-list.svelte-1wgeuu4 .song-item.is-selected:where(.svelte-1wgeuu4) {
  background-color: var(--color-primary-10);
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4) .song-item-count:where(.svelte-1wgeuu4) {
  width: 20px;
  min-width: 20px;
  text-align: center;
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4) .song-item-content:where(.svelte-1wgeuu4) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-width: 0;
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4) .song-item-content:where(.svelte-1wgeuu4) .title-wrapper:where(.svelte-1wgeuu4) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  width: 100%;
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4) .song-item-content:where(.svelte-1wgeuu4) .title-wrapper.spacing-right:where(.svelte-1wgeuu4) {
  margin-right: 12px;
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4) .song-item-content:where(.svelte-1wgeuu4) .highlight-search {
  background-color: var(--color-primary);
  color: var(--color-base);
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4) .active-circle-avatar .circle-avatar {
  border: 2px solid var(--color-primary);
  border-radius: 50%;
  position: relative;
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4) .active-circle-avatar .circle-avatar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-primary-20);
  opacity: 0.3;
  border-radius: inherit;
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4) .selected-check-icon {
  position: absolute;
  left: 6px;
}
.song-list.svelte-1wgeuu4 .song-item:where(.svelte-1wgeuu4) .icon-play {
  display: none;
}@-webkit-keyframes svelte-r0p272-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-r0p272-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.media-player.svelte-r0p272 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) {
  padding: 16px;
  position: relative;
  background-color: var(--color-2);
  border-top-left-radius: var(--radius-big);
  border-top-right-radius: var(--radius-big);
  overflow: hidden;
}
.media-player.svelte-r0p272 .preview.general-loading:where(.svelte-r0p272) {
  min-height: 108px;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .song-preview-image:where(.svelte-r0p272) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .overlay:where(.svelte-r0p272) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) {
  position: relative;
  z-index: 2;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .progress-container:where(.svelte-r0p272) {
  -ms-touch-action: none;
      touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .progress-bar-wrapper:where(.svelte-r0p272) {
  position: relative;
  width: 100%;
  height: 6px;
  background-color: var(--color-muted);
  border-radius: var(--radius-small);
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .progress-bar-wrapper.stop-audio-progress:where(.svelte-r0p272) {
  cursor: auto !important;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .progress-bar-wrapper:where(.svelte-r0p272) .progress-slider:where(.svelte-r0p272) {
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 6px;
  margin: 0;
  border-radius: var(--radius-small);
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .progress-bar-wrapper:where(.svelte-r0p272) .progress-slider:where(.svelte-r0p272)::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .progress-bar-wrapper:where(.svelte-r0p272) .progress-slider:where(.svelte-r0p272)::-moz-range-thumb {
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .progress-bar-wrapper:where(.svelte-r0p272) .progress-slider:where(.svelte-r0p272)::-ms-thumb {
  width: 16px;
  height: 16px;
  background-color: transparent;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .progress-bar-wrapper:where(.svelte-r0p272) .progress-filled:where(.svelte-r0p272) {
  height: 6px;
  background-color: var(--color-white);
  border-radius: var(--radius-small);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .song-controls:where(.svelte-r0p272) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .song-controls:where(.svelte-r0p272) .forward-backward-btn:hover, .media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .song-controls:where(.svelte-r0p272) .forward-backward-btn:active {
  color: var(--color-muted);
}
@media (hover: none) and (pointer: coarse) {
  .media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .song-controls:where(.svelte-r0p272) .forward-backward-btn:hover {
    color: var(--color-white);
  }
  .media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .song-controls:where(.svelte-r0p272) .forward-backward-btn:active {
    color: var(--color-muted);
  }
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .song-controls:where(.svelte-r0p272) .play-pause-btn:where(.svelte-r0p272) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
  max-height: 44px;
  background-color: var(--color-white);
  border: 2px solid var(--color-white);
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .song-controls:where(.svelte-r0p272) .play-pause-btn:where(.svelte-r0p272):disabled {
  cursor: not-allowed;
}
@media (hover: hover) and (pointer: fine) {
  .media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .song-controls:where(.svelte-r0p272) .play-pause-btn:where(.svelte-r0p272):hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6.54%, #c6c6c6), color-stop(82.48%, #fff));
    background: linear-gradient(180deg, #c6c6c6 6.54%, #fff 82.48%);
  }
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .song-controls:where(.svelte-r0p272) .play-pause-btn:where(.svelte-r0p272):focus, .media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .song-controls:where(.svelte-r0p272) .play-pause-btn:where(.svelte-r0p272):active {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(6.54%, #b4b4b4), color-stop(82.48%, #fff));
  background: linear-gradient(180deg, #b4b4b4 6.54%, #fff 82.48%);
}
.media-player.svelte-r0p272 .preview:where(.svelte-r0p272) .controls:where(.svelte-r0p272) .progres-bar-sound-container:where(.svelte-r0p272) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.media-player.svelte-r0p272 .media-collapse-header:where(.svelte-r0p272) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  background-color: var(--color-0);
  border-bottom-left-radius: var(--radius-big);
  border-bottom-right-radius: var(--radius-big);
}
.media-player.svelte-r0p272 .media-collapse-header:where(.svelte-r0p272) .collapse-icon i {
  -webkit-transition: all 200ms;
  transition: all 200ms;
  will-change: transform;
}
.media-player.svelte-r0p272 .media-collapse-header.exanded:where(.svelte-r0p272) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid var(--color-2);
}
.media-player.svelte-r0p272 .media-collapse-header.exanded:where(.svelte-r0p272) .collapse-icon i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.media-player.svelte-r0p272 .media-collapse:where(.svelte-r0p272) {
  position: relative;
  padding: 16px;
  background-color: var(--color-0);
  border-bottom-left-radius: var(--radius-big);
  border-bottom-right-radius: var(--radius-big);
}
@media (hover: none) and (pointer: coarse) {
  .media-player.svelte-r0p272 .media-collapse:where(.svelte-r0p272) .button:not(.disabled-overlay):hover {
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important;
  }
}@-webkit-keyframes svelte-j8g3ja-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-j8g3ja-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.modal-overlay.svelte-j8g3ja {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 50;
  background: var(--background-image-overlay);
}

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

.modal-container.svelte-j8g3ja {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: var(--color-base);
  border-radius: var(--radius-big);
  border: 1px solid var(--color-3);
  pointer-events: all;
}
.modal-container.type-default.svelte-j8g3ja {
  padding: 24px 9px;
  width: 720px;
  max-width: 95%;
  max-height: 85vh;
}
.modal-container.type-default.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) {
  padding: 0px 15px 24px 15px;
}
.modal-container.type-default.svelte-j8g3ja .modal-header.hiden-title:where(.svelte-j8g3ja) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-bottom: 16px;
}
.modal-container.type-default.svelte-j8g3ja .modal-toolbar:where(.svelte-j8g3ja) {
  margin-bottom: 24px;
}
.modal-container.type-default.svelte-j8g3ja .modal-toolbar:where(.svelte-j8g3ja) {
  padding: 0px 15px;
}
.modal-container.type-default.svelte-j8g3ja .modal-footer:where(.svelte-j8g3ja) {
  padding: 24px 15px 0px 15px;
}
.modal-container.type-default.svelte-j8g3ja .modal-footer.smaller-spacing:where(.svelte-j8g3ja) {
  padding-top: 16px;
}
.modal-container.type-default.svelte-j8g3ja .modal-footer.remove-paddings:where(.svelte-j8g3ja) {
  padding: 0;
}
.modal-container.type-fullScreen.svelte-j8g3ja {
  padding: 16px 5px;
  width: calc(100% - 48px);
  height: calc(100% - 48px);
}
.modal-container.type-fullScreen.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) {
  padding: 0px 11px 16px 11px;
}
.modal-container.type-fullScreen.svelte-j8g3ja .modal-header.hiden-title:where(.svelte-j8g3ja) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-bottom: 16px;
}
.modal-container.type-fullScreen.svelte-j8g3ja .modal-toolbar:where(.svelte-j8g3ja) {
  margin-bottom: 16px;
}
.modal-container.type-fullScreen.svelte-j8g3ja .modal-toolbar:where(.svelte-j8g3ja) {
  padding: 0px 11px;
}
.modal-container.type-fullScreen.svelte-j8g3ja .modal-footer:where(.svelte-j8g3ja) {
  padding: 16px 11px 0px 11px;
}
.modal-container.type-fullScreen.svelte-j8g3ja .modal-footer.smaller-spacing:where(.svelte-j8g3ja) {
  padding-top: 16px;
}
.modal-container.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-container.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) .modal-close-btn:where(.svelte-j8g3ja) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
}
.modal-container.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) .modal-close-btn:where(.svelte-j8g3ja):disabled {
  cursor: not-allowed;
}
.modal-container.svelte-j8g3ja .modal-footer:where(.svelte-j8g3ja),
.modal-container.svelte-j8g3ja .modal-toolbar:where(.svelte-j8g3ja) {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.modal-container.svelte-j8g3ja .modal-mobile-swipe:where(.svelte-j8g3ja) {
  display: none;
}
.modal-container.svelte-j8g3ja .modal-content-layout:where(.svelte-j8g3ja) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 0;
}
.modal-container.svelte-j8g3ja .modal-content-layout:where(.svelte-j8g3ja) .modal-side:where(.svelte-j8g3ja) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 0;
  width: 248px;
  padding-left: 15px;
  padding-right: 9px;
}

@media screen and (max-width: 639px) {
  .modal-transition-container.svelte-j8g3ja {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 50;
    pointer-events: none;
  }
  .modal-container.svelte-j8g3ja {
    top: unset;
    bottom: 0px;
    left: 0;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none;
  }
  .modal-container.type-default.svelte-j8g3ja {
    max-height: calc(100% - 16px);
    width: 100%;
    max-width: 100%;
    padding: 0 5px 16px 6px;
  }
  .modal-container.type-default.svelte-j8g3ja .modal-mobile-swipe:where(.svelte-j8g3ja) {
    padding: 16px 0;
  }
  .modal-container.type-default.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) {
    padding: 0px 11px 16px 10px;
  }
  .modal-container.type-default.svelte-j8g3ja .modal-header.hiden-title:where(.svelte-j8g3ja) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-bottom: 16px;
  }
  .modal-container.type-default.svelte-j8g3ja .modal-toolbar:where(.svelte-j8g3ja) {
    margin-bottom: 16px;
  }
  .modal-container.type-default.svelte-j8g3ja .modal-toolbar:where(.svelte-j8g3ja) {
    padding: 0px 11px 0 10px;
  }
  .modal-container.type-default.svelte-j8g3ja .modal-footer:where(.svelte-j8g3ja) {
    padding: 16px 10px 0px 10px;
  }
  .modal-container.type-fullScreen.svelte-j8g3ja {
    height: calc(100% - 16px);
    width: 100%;
    padding: 8px;
  }
  .modal-container.type-fullScreen.svelte-j8g3ja .modal-mobile-swipe:where(.svelte-j8g3ja) {
    padding: 0px 0px 16px 0px;
  }
  .modal-container.type-fullScreen.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) {
    padding: 0px 0px 16px 0px;
  }
  .modal-container.type-fullScreen.svelte-j8g3ja .modal-toolbar:where(.svelte-j8g3ja) {
    margin-bottom: 16px;
  }
  .modal-container.type-fullScreen.svelte-j8g3ja .modal-toolbar:where(.svelte-j8g3ja) {
    padding: 0px;
  }
  .modal-container.type-fullScreen.svelte-j8g3ja .modal-footer:where(.svelte-j8g3ja) {
    padding: 16px 0px 0px 0px;
  }
  .modal-container.svelte-j8g3ja .modal-mobile-swipe:where(.svelte-j8g3ja) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .modal-container.svelte-j8g3ja .modal-mobile-swipe:where(.svelte-j8g3ja) > div:where(.svelte-j8g3ja) {
    width: 40px;
    height: 4px;
    border-radius: var(--radius-small);
    background: var(--color-3);
  }
  .modal-container.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .modal-container.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) .modal-title-wrapper:where(.svelte-j8g3ja) {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .modal-container.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) .modal-title {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: var(--color-white);
    margin: 0;
  }
  .modal-container.svelte-j8g3ja .modal-header:where(.svelte-j8g3ja) .modal-close-btn:where(.svelte-j8g3ja) {
    display: none;
  }
}@-webkit-keyframes svelte-r2zf3e-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-r2zf3e-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.container.svelte-r2zf3e {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.container.full-height.svelte-r2zf3e {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  height: 100%;
}
.container.type-base.svelte-r2zf3e, .container.type-modalContainer.svelte-r2zf3e {
  padding: 24px 9px 24px 0px;
  border-radius: var(--radius-big);
}
.container.type-base.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e),
.container.type-base.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e),
.container.type-base.svelte-r2zf3e .main-slot-container, .container.type-modalContainer.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e),
.container.type-modalContainer.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e),
.container.type-modalContainer.svelte-r2zf3e .main-slot-container {
  padding-right: 15px;
  padding-left: 24px;
}
.container.type-base.svelte-r2zf3e .top-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e),
.container.type-base.svelte-r2zf3e .bottom-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e),
.container.type-base.svelte-r2zf3e .main-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e), .container.type-modalContainer.svelte-r2zf3e .top-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e),
.container.type-modalContainer.svelte-r2zf3e .bottom-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e),
.container.type-modalContainer.svelte-r2zf3e .main-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e) {
  padding: 0px 15px;
}
.container.type-base.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e) {
  padding-top: 24px;
}
.container.type-base.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e) {
  padding-bottom: 24px;
}
.container.type-base.svelte-r2zf3e {
  background: var(--color-base);
}
.container.type-base.bg-color-0.svelte-r2zf3e {
  background: var(--color-0);
}
.container.type-modalContainer.svelte-r2zf3e {
  background: var(--color-1);
  border: 1px solid var(--color-3);
}
.container.type-borderDashed.svelte-r2zf3e {
  padding: 8px;
  border: 2px dashed var(--color-primary);
  border-radius: var(--radius-extra-big);
  background: transparent;
}
.container.type-primary-10.svelte-r2zf3e, .container.type-borderSolid.svelte-r2zf3e {
  background-color: var(--color-primary-10);
  padding: 16px 5px 16px 0px;
  border-radius: var(--radius-big);
}
.container.type-primary-10.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e),
.container.type-primary-10.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e),
.container.type-primary-10.svelte-r2zf3e .main-slot-container, .container.type-borderSolid.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e),
.container.type-borderSolid.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e),
.container.type-borderSolid.svelte-r2zf3e .main-slot-container {
  padding-right: 11px;
  padding-left: 16px;
}
.container.type-primary-10.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e) {
  padding-top: 16px;
}
.container.type-primary-10.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e) {
  padding-bottom: 16px;
}
.container.type-borderSolid.svelte-r2zf3e {
  background-color: var(--color-0);
  border: 1px solid var(--color-2);
}
.container.type-borderSolid.bg-color-base.svelte-r2zf3e {
  background: var(--color-base);
}
.container.type-base.padding-0.svelte-r2zf3e, .container.type-modalContainer.padding-0.svelte-r2zf3e, .container.type-borderDashed.padding-0.svelte-r2zf3e, .container.type-borderSolid.padding-0.svelte-r2zf3e, .container.type-primary-10.padding-0.svelte-r2zf3e {
  padding: 0;
}
.container.type-base.padding-0.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-0.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-0.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-modalContainer.padding-0.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-0.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-0.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderDashed.padding-0.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-0.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-0.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderSolid.padding-0.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-0.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-0.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-primary-10.padding-0.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-0.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-0.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll) {
  padding: 0;
}
.container.type-base.padding-xs.svelte-r2zf3e, .container.type-modalContainer.padding-xs.svelte-r2zf3e, .container.type-borderDashed.padding-xs.svelte-r2zf3e, .container.type-borderSolid.padding-xs.svelte-r2zf3e, .container.type-primary-10.padding-xs.svelte-r2zf3e {
  padding: var(--spacing-xs);
}
.container.type-base.padding-xs.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-xs.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-xs.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-modalContainer.padding-xs.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-xs.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-xs.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderDashed.padding-xs.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-xs.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-xs.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderSolid.padding-xs.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-xs.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-xs.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-primary-10.padding-xs.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-xs.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-xs.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll) {
  padding: var(--spacing-xs);
}
.container.type-base.padding-s.svelte-r2zf3e, .container.type-modalContainer.padding-s.svelte-r2zf3e, .container.type-borderDashed.padding-s.svelte-r2zf3e, .container.type-borderSolid.padding-s.svelte-r2zf3e, .container.type-primary-10.padding-s.svelte-r2zf3e {
  padding: var(--spacing-s);
}
.container.type-base.padding-s.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-s.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-s.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-modalContainer.padding-s.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-s.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-s.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderDashed.padding-s.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-s.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-s.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderSolid.padding-s.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-s.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-s.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-primary-10.padding-s.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-s.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-s.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll) {
  padding: var(--spacing-s);
}
.container.type-base.padding-m.svelte-r2zf3e, .container.type-modalContainer.padding-m.svelte-r2zf3e, .container.type-borderDashed.padding-m.svelte-r2zf3e, .container.type-borderSolid.padding-m.svelte-r2zf3e, .container.type-primary-10.padding-m.svelte-r2zf3e {
  padding: var(--spacing-m);
}
.container.type-base.padding-m.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-m.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-m.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-modalContainer.padding-m.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-m.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-m.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderDashed.padding-m.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-m.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-m.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderSolid.padding-m.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-m.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-m.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-primary-10.padding-m.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-m.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-m.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll) {
  padding: var(--spacing-m);
}
.container.type-base.padding-l.svelte-r2zf3e, .container.type-modalContainer.padding-l.svelte-r2zf3e, .container.type-borderDashed.padding-l.svelte-r2zf3e, .container.type-borderSolid.padding-l.svelte-r2zf3e, .container.type-primary-10.padding-l.svelte-r2zf3e {
  padding: var(--spacing-l);
}
.container.type-base.padding-l.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-l.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-l.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-modalContainer.padding-l.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-l.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-l.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderDashed.padding-l.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-l.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-l.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderSolid.padding-l.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-l.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-l.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-primary-10.padding-l.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-l.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-l.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll) {
  padding: var(--spacing-l);
}
.container.type-base.padding-xl.svelte-r2zf3e, .container.type-modalContainer.padding-xl.svelte-r2zf3e, .container.type-borderDashed.padding-xl.svelte-r2zf3e, .container.type-borderSolid.padding-xl.svelte-r2zf3e, .container.type-primary-10.padding-xl.svelte-r2zf3e {
  padding: var(--spacing-xl);
}
.container.type-base.padding-xl.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-xl.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-xl.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-modalContainer.padding-xl.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-xl.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-xl.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderDashed.padding-xl.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-xl.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-xl.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderSolid.padding-xl.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-xl.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-xl.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-primary-10.padding-xl.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-xl.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-xl.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll) {
  padding: var(--spacing-xl);
}
.container.type-base.padding-12.svelte-r2zf3e, .container.type-modalContainer.padding-12.svelte-r2zf3e, .container.type-borderDashed.padding-12.svelte-r2zf3e, .container.type-borderSolid.padding-12.svelte-r2zf3e, .container.type-primary-10.padding-12.svelte-r2zf3e {
  padding: 6px;
}
.container.type-base.padding-12.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-12.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-base.padding-12.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-modalContainer.padding-12.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-12.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.padding-12.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderDashed.padding-12.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-12.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderDashed.padding-12.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-borderSolid.padding-12.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-12.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-borderSolid.padding-12.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll), .container.type-primary-10.padding-12.svelte-r2zf3e > .top-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-12.svelte-r2zf3e > .bottom-slot-container:where(.svelte-r2zf3e), .container.type-primary-10.padding-12.svelte-r2zf3e > .main-slot-container:not(.scroll-paddings):not(.scroll-paddings-no-scroll) {
  padding: 6px;
}
.container.type-borderDashed.padding-12.svelte-r2zf3e {
  padding: 12px;
}
.container.svelte-r2zf3e .wizard-content {
  padding: 24px;
}

@media screen and (max-width: 639px) {
  .container.type-base.svelte-r2zf3e, .container.type-modalContainer.svelte-r2zf3e {
    padding: 16px 5px 16px 0px;
  }
  .container.type-base.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e),
  .container.type-base.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e),
  .container.type-base.svelte-r2zf3e .main-slot-container, .container.type-modalContainer.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e),
  .container.type-modalContainer.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e),
  .container.type-modalContainer.svelte-r2zf3e .main-slot-container {
    padding-right: 11px;
    padding-left: 16px;
  }
  .container.type-base.svelte-r2zf3e .top-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e),
  .container.type-base.svelte-r2zf3e .bottom-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e),
  .container.type-base.svelte-r2zf3e .main-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e), .container.type-modalContainer.svelte-r2zf3e .top-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e),
  .container.type-modalContainer.svelte-r2zf3e .bottom-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e),
  .container.type-modalContainer.svelte-r2zf3e .main-slot-container.scroll-paddings-no-scroll:where(.svelte-r2zf3e) {
    padding-left: 10px;
    padding-right: 11px;
  }
  .container.type-base.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.svelte-r2zf3e .bottom-slot-container:where(.svelte-r2zf3e) {
    padding-top: 16px;
  }
  .container.type-base.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e), .container.type-modalContainer.svelte-r2zf3e .top-slot-container:where(.svelte-r2zf3e) {
    padding-bottom: 16px;
  }
}@-webkit-keyframes svelte-1asker9-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1asker9-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.modal-content-layout.svelte-1asker9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
}
.modal-content-layout.svelte-1asker9 .modal-left-content:where(.svelte-1asker9) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 0;
  overflow: hidden;
}
.modal-content-layout.svelte-1asker9 .modal-left-content.modal-side-panel:where(.svelte-1asker9) {
  width: 248px;
  padding-left: 15px;
  padding-right: 9px;
}
.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-static-top-content:where(.svelte-1asker9) {
  padding: 0px 15px;
}
.modal-content-layout.svelte-1asker9 .modal-sticky-bottom-content:where(.svelte-1asker9) {
  padding: 0px 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: var(--color-base);
}

@media screen and (max-width: 639px) {
  .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;
  }
}@-webkit-keyframes svelte-1xjgkdm-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1xjgkdm-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.radio-wrapper.svelte-1xjgkdm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 6px 0px;
}
.radio-wrapper.size-m.svelte-1xjgkdm:has(input:where(.svelte-1xjgkdm):focus-visible):not(.vertical) .label-text {
  padding-right: 3px;
}
.radio-wrapper.size-m.svelte-1xjgkdm .radio:where(.svelte-1xjgkdm) input:where(.svelte-1xjgkdm) {
  height: 20px;
  width: 20px;
}
.radio-wrapper.size-l.svelte-1xjgkdm:has(input:where(.svelte-1xjgkdm):focus-visible):not(.vertical) .label-text {
  padding-right: 5px;
}
.radio-wrapper.size-l.svelte-1xjgkdm .radio:where(.svelte-1xjgkdm) input:where(.svelte-1xjgkdm) {
  height: 32px;
  width: 32px;
}
.radio-wrapper.disabled.svelte-1xjgkdm .radio:where(.svelte-1xjgkdm) {
  cursor: not-allowed;
}
.radio-wrapper.svelte-1xjgkdm .radio:where(.svelte-1xjgkdm) {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.radio-wrapper.svelte-1xjgkdm .radio:where(.svelte-1xjgkdm):has(input:where(.svelte-1xjgkdm):focus-visible) {
  -webkit-box-shadow: 0 0 0 1px var(--color-primary) inset;
          box-shadow: 0 0 0 1px var(--color-primary) inset;
  border-radius: 4px;
}
.radio-wrapper.svelte-1xjgkdm .radio:where(.svelte-1xjgkdm) input:where(.svelte-1xjgkdm) {
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  opacity: 0;
  height: 100%;
  pointer-events: none;
}

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

.info-text.validation-text-m.svelte-1xjgkdm, .info-text.validation-text-l.svelte-1xjgkdm {
  color: var(--color-white);
}@-webkit-keyframes svelte-17yymyw-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-17yymyw-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.star.svelte-17yymyw {
  cursor: pointer;
}
.star.disabled.svelte-17yymyw {
  opacity: 0.5;
  cursor: not-allowed;
}
.star.svelte-17yymyw .animation-fade-in {
  -webkit-animation: svelte-17yymyw-fadeInAnimation 0.3s ease;
          animation: svelte-17yymyw-fadeInAnimation 0.3s ease;
}

@-webkit-keyframes svelte-17yymyw-fadeInAnimation {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}

@keyframes svelte-17yymyw-fadeInAnimation {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}@-webkit-keyframes svelte-fplmp6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-fplmp6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.rating-container.svelte-fplmp6 {
  max-width: 264px;
}
.rating-container.svelte-fplmp6 .stars-wrapper:where(.svelte-fplmp6) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rating-container.svelte-fplmp6 .stars-wrapper:where(.svelte-fplmp6) .stars-container.disabled:where(.svelte-fplmp6) {
  cursor: not-allowed;
}
.rating-container.svelte-fplmp6 .text-wrapper:where(.svelte-fplmp6) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6px;
}
.rating-container.svelte-fplmp6 .text-wrapper.only-higher-text:where(.svelte-fplmp6) {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.rating-container.svelte-fplmp6 .text-wrapper:where(.svelte-fplmp6) .text-rating {
  color: var(--color-muted);
  width: 50%;
}@-webkit-keyframes svelte-bocbqu-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-bocbqu-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.wrapper-report-parameter.svelte-bocbqu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  border-radius: var(--radius-big);
  overflow: hidden;
}
.wrapper-report-parameter.svelte-bocbqu .main-section-report-parameter:where(.svelte-bocbqu) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: var(--spacing-m);
  height: 100%;
  background-color: var(--color-1);
}
.wrapper-report-parameter.svelte-bocbqu .bottom-section-wrapper:where(.svelte-bocbqu) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-1);
  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);
}@-webkit-keyframes svelte-1eqjcik-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1eqjcik-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.select-wrapper-v2.svelte-1eqjcik {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.select-wrapper-v2.svelte-1eqjcik input:where(.svelte-1eqjcik) {
  width: 100%;
  background: var(--color-base);
  border: 1px solid var(--color-3);
  outline: none;
  caret-color: var(--color-white);
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
  cursor: default;
  background: #191a1e;
  border-color: #2c2d35;
}
.select-wrapper-v2.svelte-1eqjcik input:where(.svelte-1eqjcik):hover:not(:disabled):not(.input-error) {
  border-color: var(--color-secondary);
}
.select-wrapper-v2.svelte-1eqjcik input:where(.svelte-1eqjcik):focus:not(:disabled):not(.input-error) {
  border-color: var(--color-primary);
}
.select-wrapper-v2.svelte-1eqjcik input.input-error:where(.svelte-1eqjcik) {
  border-color: var(--color-danger);
}
.select-wrapper-v2.svelte-1eqjcik input.input-m:where(.svelte-1eqjcik) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
  height: 32px;
  padding: 0px 5px;
  border-radius: var(--radius-small);
}
.select-wrapper-v2.svelte-1eqjcik input.input-m:where(.svelte-1eqjcik):focus {
  -webkit-box-shadow: var(--shadow-glow-soft);
          box-shadow: var(--shadow-glow-soft);
}
.select-wrapper-v2.svelte-1eqjcik input.input-m:focus.input-error:where(.svelte-1eqjcik) {
  -webkit-box-shadow: var(--shadow-glow-danger-soft);
          box-shadow: var(--shadow-glow-danger-soft);
}
.select-wrapper-v2.svelte-1eqjcik input.input-m:where(.svelte-1eqjcik)::-webkit-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.select-wrapper-v2.svelte-1eqjcik input.input-m:where(.svelte-1eqjcik)::-moz-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.select-wrapper-v2.svelte-1eqjcik input.input-m:where(.svelte-1eqjcik):-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.select-wrapper-v2.svelte-1eqjcik input.input-m:where(.svelte-1eqjcik)::-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.select-wrapper-v2.svelte-1eqjcik input.input-m:where(.svelte-1eqjcik)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.select-wrapper-v2.svelte-1eqjcik input.input-l:where(.svelte-1eqjcik) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
  height: 44px;
  padding: 0 11px;
  border-radius: var(--radius-big);
}
.select-wrapper-v2.svelte-1eqjcik input.input-l:where(.svelte-1eqjcik):focus {
  -webkit-box-shadow: var(--shadow-glow-strong);
          box-shadow: var(--shadow-glow-strong);
}
.select-wrapper-v2.svelte-1eqjcik input.input-l:focus.input-error:where(.svelte-1eqjcik) {
  -webkit-box-shadow: var(--shadow-glow-danger-strong);
          box-shadow: var(--shadow-glow-danger-strong);
}
.select-wrapper-v2.svelte-1eqjcik input.input-l:where(.svelte-1eqjcik)::-webkit-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.select-wrapper-v2.svelte-1eqjcik input.input-l:where(.svelte-1eqjcik)::-moz-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.select-wrapper-v2.svelte-1eqjcik input.input-l:where(.svelte-1eqjcik):-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.select-wrapper-v2.svelte-1eqjcik input.input-l:where(.svelte-1eqjcik)::-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.select-wrapper-v2.svelte-1eqjcik input.input-l:where(.svelte-1eqjcik)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.select-wrapper-v2.svelte-1eqjcik input.input-m:where(.svelte-1eqjcik)::-webkit-input-placeholder, .select-wrapper-v2.svelte-1eqjcik input.input-l:where(.svelte-1eqjcik)::-webkit-input-placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.select-wrapper-v2.svelte-1eqjcik input.input-m:where(.svelte-1eqjcik)::-moz-placeholder, .select-wrapper-v2.svelte-1eqjcik input.input-l:where(.svelte-1eqjcik)::-moz-placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.select-wrapper-v2.svelte-1eqjcik input.input-m:where(.svelte-1eqjcik):-ms-input-placeholder, .select-wrapper-v2.svelte-1eqjcik input.input-l:where(.svelte-1eqjcik):-ms-input-placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.select-wrapper-v2.svelte-1eqjcik input.input-m:where(.svelte-1eqjcik)::-ms-input-placeholder, .select-wrapper-v2.svelte-1eqjcik input.input-l:where(.svelte-1eqjcik)::-ms-input-placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.select-wrapper-v2.svelte-1eqjcik input.input-m:where(.svelte-1eqjcik)::placeholder, .select-wrapper-v2.svelte-1eqjcik input.input-l:where(.svelte-1eqjcik)::placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.select-wrapper-v2.svelte-1eqjcik input:where(.svelte-1eqjcik):disabled {
  background: var(--color-0);
  color: var(--color-3);
  -webkit-text-fill-color: var(--color-3);
  opacity: 1;
  cursor: not-allowed;
}
.select-wrapper-v2.svelte-1eqjcik input:where(.svelte-1eqjcik)::-webkit-outer-spin-button, .select-wrapper-v2.svelte-1eqjcik input:where(.svelte-1eqjcik)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.select-wrapper-v2.svelte-1eqjcik input[type=number]:where(.svelte-1eqjcik) {
  -moz-appearance: textfield;
}
.select-wrapper-v2.svelte-1eqjcik input:where(.svelte-1eqjcik):-webkit-autofill, .select-wrapper-v2.svelte-1eqjcik input:where(.svelte-1eqjcik):-webkit-autofill:hover, .select-wrapper-v2.svelte-1eqjcik input:where(.svelte-1eqjcik):-webkit-autofill:focus {
  caret-color: var(--color-white);
  -webkit-text-fill-color: var(--color-white);
  -webkit-box-shadow: 0 0 0px 1000px var(--color-primary-10) inset;
          box-shadow: 0 0 0px 1000px var(--color-primary-10) inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.select-wrapper-v2.svelte-1eqjcik input:where(.svelte-1eqjcik):hover:not(:disabled):not(.input-error) {
  border-color: var(--color-white);
}
.select-wrapper-v2.svelte-1eqjcik input:where(.svelte-1eqjcik):focus:not(:disabled):not(.input-error) {
  border-color: var(--color-white);
}
.select-wrapper-v2.svelte-1eqjcik input.input-m:where(.svelte-1eqjcik):focus, .select-wrapper-v2.svelte-1eqjcik input.input-l:where(.svelte-1eqjcik):focus {
  -webkit-box-shadow: 0 0 0 1px var(--color-white) inset;
          box-shadow: 0 0 0 1px var(--color-white) inset;
}
.select-wrapper-v2.svelte-1eqjcik input.input-m.input-error:where(.svelte-1eqjcik):focus, .select-wrapper-v2.svelte-1eqjcik input.input-l.input-error:where(.svelte-1eqjcik):focus {
  -webkit-box-shadow: 0 0 0 1px var(--color-danger) inset;
          box-shadow: 0 0 0 1px var(--color-danger) inset;
}
.select-wrapper-v2.svelte-1eqjcik .icon-wrapper,
.select-wrapper-v2.svelte-1eqjcik .caret-wrapper {
  position: absolute;
  pointer-events: none;
}
.select-wrapper-v2.svelte-1eqjcik .clear-button:where(.svelte-1eqjcik) {
  position: absolute;
}
.select-wrapper-v2.svelte-1eqjcik .clear-button:where(.svelte-1eqjcik):hover {
  cursor: pointer;
}
.select-wrapper-v2.svelte-1eqjcik .clear-button:where(.svelte-1eqjcik):focus {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 1px var(--color-white) inset;
          box-shadow: 0 0 0 1px var(--color-white) inset;
  outline: none;
}
.select-wrapper-v2.expanded.svelte-1eqjcik input:where(.svelte-1eqjcik),
.select-wrapper-v2.expanded.svelte-1eqjcik input:where(.svelte-1eqjcik):hover:not(:disabled):not(.input-error),
.select-wrapper-v2.expanded.svelte-1eqjcik input:where(.svelte-1eqjcik):focus:not(:disabled):not(.input-error) {
  border: 1px solid #2c2d35;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.select-wrapper-v2.expanded.svelte-1eqjcik:not(.top) input:where(.svelte-1eqjcik) {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: 1px;
}
.select-wrapper-v2.expanded.top.svelte-1eqjcik input:where(.svelte-1eqjcik) {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-top: 1px;
}
.select-wrapper-v2.expanded.has-error.svelte-1eqjcik input:where(.svelte-1eqjcik) {
  border-color: var(--color-danger);
}
.select-wrapper-v2.expanded.has-error.svelte-1eqjcik input.input-error:where(.svelte-1eqjcik):focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.select-wrapper-v2.expanded.svelte-1eqjcik .caret-wrapper i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.select-wrapper-v2.svelte-1eqjcik .caret-wrapper i {
  -webkit-transition: all 200ms;
  transition: all 200ms;
  will-change: transform;
}
.select-wrapper-v2.select-wrapper-m.svelte-1eqjcik input:where(.svelte-1eqjcik) {
  padding-right: 31px;
}
.select-wrapper-v2.select-wrapper-m.svelte-1eqjcik .icon-wrapper {
  top: 6px;
  left: 6px;
}
.select-wrapper-v2.select-wrapper-m.svelte-1eqjcik .caret-wrapper,
.select-wrapper-v2.select-wrapper-m.svelte-1eqjcik .clear-button:where(.svelte-1eqjcik) {
  top: 6px;
  right: 6px;
}
.select-wrapper-v2.select-wrapper-m.has-icon.svelte-1eqjcik input:where(.svelte-1eqjcik) {
  padding-left: 31px;
}
.select-wrapper-v2.select-wrapper-l.svelte-1eqjcik input:where(.svelte-1eqjcik) {
  padding-right: 43px;
}
.select-wrapper-v2.select-wrapper-l.svelte-1eqjcik .icon-wrapper {
  top: 12px;
  left: 12px;
}
.select-wrapper-v2.select-wrapper-l.svelte-1eqjcik .caret-wrapper,
.select-wrapper-v2.select-wrapper-l.svelte-1eqjcik .clear-button:where(.svelte-1eqjcik) {
  top: 12px;
  right: 12px;
}
.select-wrapper-v2.select-wrapper-l.has-icon.svelte-1eqjcik input:where(.svelte-1eqjcik) {
  padding-left: 43px;
}

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

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

.select-option-list.svelte-1eqjcik {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1001;
}
.select-option-list.svelte-1eqjcik ul:where(.svelte-1eqjcik) {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  z-index: 10;
}
.select-option-list.svelte-1eqjcik li:where(.svelte-1eqjcik) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-white);
  border-bottom: 1px solid #2c2d35;
  cursor: pointer;
}
.select-option-list.svelte-1eqjcik li.no-option:where(.svelte-1eqjcik) {
  color: var(--color-muted) !important;
  cursor: auto;
}
.select-option-list.svelte-1eqjcik li:where(.svelte-1eqjcik):hover:not(.no-option), .select-option-list.svelte-1eqjcik li.hovered:where(.svelte-1eqjcik) {
  background-color: var(--color-white);
  color: var(--color-base);
}
.select-option-list.svelte-1eqjcik li.selected:where(.svelte-1eqjcik) {
  font-weight: bold !important;
  color: var(--color-white);
}
.select-option-list.svelte-1eqjcik li.disabled:where(.svelte-1eqjcik) {
  color: var(--color-3);
  cursor: not-allowed;
}
.select-option-list.svelte-1eqjcik li.disabled:where(.svelte-1eqjcik):hover {
  background-color: initial;
}
.select-option-list.svelte-1eqjcik li:where(.svelte-1eqjcik):last-child {
  border-bottom: none;
}
.select-option-list.svelte-1eqjcik .select-option-list-wrapper:where(.svelte-1eqjcik) {
  overflow: hidden;
  border: 1px solid #2c2d35;
  background: #191a1e;
}
.select-option-list.select-wrapper-m.svelte-1eqjcik li.disabled:where(.svelte-1eqjcik), .select-option-list.select-wrapper-l.svelte-1eqjcik li.disabled:where(.svelte-1eqjcik) {
  color: var(--color-3);
}
.select-option-list.svelte-1eqjcik:not(.top) .select-option-list-wrapper:where(.svelte-1eqjcik), .select-option-list.has-error.svelte-1eqjcik:not(.top) .select-option-list-wrapper:where(.svelte-1eqjcik) {
  border-top-color: #2c2d35;
}
.select-option-list.top.svelte-1eqjcik .select-option-list-wrapper:where(.svelte-1eqjcik), .select-option-list.has-error.top.svelte-1eqjcik .select-option-list-wrapper:where(.svelte-1eqjcik) {
  border-bottom-color: #2c2d35;
}
.select-option-list.select-wrapper-m.svelte-1eqjcik:not(.top) .select-option-list-wrapper:where(.svelte-1eqjcik) {
  border-bottom-left-radius: var(--radius-small);
  border-bottom-right-radius: var(--radius-small);
}
.select-option-list.select-wrapper-m.top.svelte-1eqjcik .select-option-list-wrapper:where(.svelte-1eqjcik) {
  border-top-left-radius: var(--radius-small);
  border-top-right-radius: var(--radius-small);
}
.select-option-list.select-wrapper-m.svelte-1eqjcik ul:where(.svelte-1eqjcik) {
  max-height: 192px;
}
.select-option-list.select-wrapper-m.svelte-1eqjcik li:where(.svelte-1eqjcik) {
  padding: 8px;
  min-height: 32px;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.select-option-list.select-wrapper-l.svelte-1eqjcik:not(.top) .select-option-list-wrapper:where(.svelte-1eqjcik) {
  border-bottom-left-radius: var(--radius-big);
  border-bottom-right-radius: var(--radius-big);
}
.select-option-list.select-wrapper-l.top.svelte-1eqjcik .select-option-list-wrapper:where(.svelte-1eqjcik) {
  border-top-left-radius: var(--radius-big);
  border-top-right-radius: var(--radius-big);
}
.select-option-list.select-wrapper-l.svelte-1eqjcik ul:where(.svelte-1eqjcik) {
  max-height: 264px;
}
.select-option-list.select-wrapper-l.svelte-1eqjcik li:where(.svelte-1eqjcik) {
  padding: 11px;
  min-height: 44px;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.select-option-list.has-error.svelte-1eqjcik .select-option-list-wrapper:where(.svelte-1eqjcik) {
  border-color: var(--color-danger);
}

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

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

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

.select-stop-overflow {
  overflow: hidden;
}@-webkit-keyframes svelte-fyw3n0-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-fyw3n0-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.dragging-overlay.svelte-fyw3n0 {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: var(--background-image-overlay);
  z-index: 100;
}@-webkit-keyframes svelte-19kw65w-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-19kw65w-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.split-title.svelte-19kw65w {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

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

.thumb.disabled.svelte-xqcyzz {
  background-color: var(--color-1);
}
.thumb.disabled.svelte-xqcyzz::before {
  background: var(--color-1);
}
.thumb.disabled.incremented.svelte-xqcyzz {
  background: var(--color-muted);
}@-webkit-keyframes svelte-1q0n1h6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1q0n1h6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.slider-wrapper.svelte-1q0n1h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.slider-wrapper.split-title.svelte-1q0n1h6 {
  max-width: 100%;
  min-width: 0;
}
.slider-wrapper.have-marks.svelte-1q0n1h6 {
  padding-top: 40px;
}
.slider-wrapper.svelte-1q0n1h6 .line-markers-wrapper:where(.svelte-1q0n1h6) {
  position: relative;
  width: 100%;
  height: 16px;
}
.slider-wrapper.svelte-1q0n1h6 .line-markers-wrapper:where(.svelte-1q0n1h6) .line-marker {
  position: absolute;
  word-break: keep-all;
  overflow: visible;
}
.slider-wrapper.svelte-1q0n1h6 .line-markers-wrapper:where(.svelte-1q0n1h6) .line-marker:focus-visible:not(.text-color-3) {
  outline-offset: 2px;
  outline: 1px solid var(--color-primary);
  border-radius: 4px;
}
.slider-wrapper.svelte-1q0n1h6 .line-markers-wrapper:where(.svelte-1q0n1h6) .line-marker:not(:first-of-type) {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.slider-wrapper.svelte-1q0n1h6 .line-markers-wrapper:where(.svelte-1q0n1h6) .line-marker:last-of-type {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.slider-wrapper.svelte-1q0n1h6 .line-markers-wrapper:where(.svelte-1q0n1h6) .line-marker:not(:first-of-type):not(:last-of-type)::before {
  content: "";
  position: absolute;
  top: -22px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2px;
  height: 13px;
  background-color: var(--color-base);
}

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

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

.multiple-marks-container {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 53px;
  top: 0;
  left: 0;
  background-color: var(--color-1);
  border-radius: var(--radius-small);
  overflow: hidden;
  z-index: 10001;
}
.multiple-marks-container .multiple-marks-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 12px;
  width: 100%;
  text-align: center;
  word-break: initial;
  cursor: pointer;
}
.multiple-marks-container .multiple-marks-option:not(:first-of-type) {
  border-bottom: 1px solid var(--color-2);
}
.multiple-marks-container .multiple-marks-option:hover {
  background-color: var(--color-primary-10);
}
.multiple-marks-container .multiple-marks-option:focus-visible {
  -webkit-box-shadow: 0 0 0 1px var(--color-primary) inset;
          box-shadow: 0 0 0 1px var(--color-primary) inset;
  outline: none;
}
.multiple-marks-container .multiple-marks-option:focus-visible:first-of-type {
  border-bottom-right-radius: var(--radius-small);
  border-bottom-left-radius: var(--radius-small);
}
.multiple-marks-container .multiple-marks-option:focus-visible:last-of-type {
  border-top-right-radius: var(--radius-small);
  border-top-left-radius: var(--radius-small);
}@-webkit-keyframes svelte-1n7f0wc-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1n7f0wc-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.tabs-wrapper.svelte-1n7f0wc {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tabs-wrapper.new-layout.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc)::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: var(--color-3);
  bottom: 1px;
  z-index: 1;
}
.tabs-wrapper.new-layout.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) .tabs-scroll:where(.svelte-1n7f0wc) {
  gap: 16px;
}
.tabs-wrapper.new-layout.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) .tab-border-bottom:where(.svelte-1n7f0wc) {
  position: relative;
  bottom: 1px;
  border-color: var(--color-3);
}
.tabs-wrapper.new-layout.svelte-1n7f0wc .tabs-actions-wrapper:where(.svelte-1n7f0wc) {
  border: none;
}
.tabs-wrapper.new-layout.svelte-1n7f0wc .tabs-actions-wrapper:where(.svelte-1n7f0wc)::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: var(--color-3);
  bottom: 1px;
}
.tabs-wrapper.svelte-1n7f0wc:before {
  content: "";
  position: absolute;
  width: 43px;
  height: 100%;
  left: -10px;
  background: var(--gradient-horizontal-tabs);
  -webkit-filter: blur(5px);
          filter: blur(5px);
  opacity: 0;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
  z-index: 1;
}
.tabs-wrapper.show-left-shadow.svelte-1n7f0wc::before {
  opacity: 0.9;
  pointer-events: unset;
}
.tabs-wrapper.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
  height: 44px;
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tabs-wrapper.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc)::-webkit-scrollbar {
  display: none;
}
.tabs-wrapper.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) .tabs-scroll:where(.svelte-1n7f0wc) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  white-space: nowrap;
}
.tabs-wrapper.svelte-1n7f0wc .tabs:where(.svelte-1n7f0wc) .tab-border-bottom:where(.svelte-1n7f0wc) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  border-bottom: 1px solid var(--color-primary);
  padding-left: 34px;
}
.tabs-wrapper.svelte-1n7f0wc .tabs-actions-wrapper:where(.svelte-1n7f0wc) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid var(--color-primary);
  min-width: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tabs-wrapper.svelte-1n7f0wc .tabs-actions-wrapper:where(.svelte-1n7f0wc) .icon-button {
  -ms-flex-item-align: unset;
      align-self: unset;
  z-index: 1;
}
.tabs-wrapper.svelte-1n7f0wc .tabs-actions-wrapper:where(.svelte-1n7f0wc) .icon-button:not(:last-of-type) {
  margin-right: var(--spacing-s);
}
.tabs-wrapper.svelte-1n7f0wc .tabs-actions-wrapper:where(.svelte-1n7f0wc)::before {
  content: "";
  position: absolute;
  width: 80px;
  height: 100%;
  left: -48px;
  background: var(--gradient-horizontal-tabs);
  -webkit-filter: blur(5px);
          filter: blur(5px);
  opacity: 0.9;
}@-webkit-keyframes svelte-86w4g5-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-86w4g5-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.tab.svelte-86w4g5 {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  max-width: 175px;
  padding: 14px;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
}
.tab.svelte-86w4g5:disabled {
  cursor: not-allowed;
}
.tab.svelte-86w4g5:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid var(--color-primary);
  pointer-events: none;
}
.tab.svelte-86w4g5::after {
  content: "";
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  width: 1px;
  height: 32px;
  background: var(--color-3);
  right: -1px;
}
.tab.svelte-86w4g5:last-of-type:after, .tab.active.svelte-86w4g5::after {
  content: none;
}
.tab.active.svelte-86w4g5:not(:disabled) {
  border-top-left-radius: var(--radius-small);
  border-top-right-radius: var(--radius-small);
}
.tab.active.svelte-86w4g5:not(:disabled):before {
  border-top-left-radius: var(--radius-small);
  border-top-right-radius: var(--radius-small);
  width: calc(100% - 2px);
  top: 0;
  bottom: unset;
  border: 1px solid var(--color-primary);
  border-bottom: none;
}
.tab.new-layout.svelte-86w4g5 {
  padding: 12px 0px;
}
.tab.new-layout.svelte-86w4g5:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 1px;
  border-bottom: 1px solid var(--color-3);
  pointer-events: none;
}
.tab.new-layout.svelte-86w4g5::after {
  content: none;
}
@media (hover: hover) and (pointer: fine) {
  .tab.new-layout.svelte-86w4g5:hover:not(.active):not(:disabled) .tab-text {
    color: var(--color-white) !important;
  }
  .tab.new-layout.svelte-86w4g5:hover:not(.active):not(:disabled):before {
    border-color: var(--color-white);
    z-index: 3;
  }
}
.tab.new-layout.active.svelte-86w4g5 {
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}
.tab.new-layout.active.svelte-86w4g5:before {
  border-top-left-radius: none;
  border-top-right-radius: none;
  top: calc(100% - 3px);
  bottom: unset;
  border: none;
  height: 3px;
  width: 100%;
  background-color: var(--color-primary);
  border-radius: var(--radius-small);
  z-index: 2;
}
.tab.new-layout.svelte-86w4g5 .notification-position {
  position: absolute;
  right: -3px;
  top: 4px;
}
.tab.svelte-86w4g5 .notification-position {
  position: absolute;
  right: 8px;
  top: 8px;
}
.tab.svelte-86w4g5:hover:not(.active) .tab-text {
  color: var(--color-primary);
}
.tab.svelte-86w4g5 .right-slot-wrapper:where(.svelte-86w4g5) .label {
  max-width: 48px;
}
.tab.svelte-86w4g5 .right-slot-wrapper.new-layout-spacing:where(.svelte-86w4g5) {
  margin-left: 6px;
}@-webkit-keyframes svelte-1y3j4bs-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1y3j4bs-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.textarea-wrapper.svelte-1y3j4bs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: var(--color-base);
  border: 1px solid var(--color-3);
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs):hover:not(.disabled):not(.error):not(.focus) {
  border-color: var(--color-secondary);
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container.size-l:where(.svelte-1y3j4bs) {
  min-height: 100px;
  padding: 11px;
  border-radius: var(--radius-big);
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container.size-m:where(.svelte-1y3j4bs) {
  min-height: 76px;
  padding: 5px;
  border-radius: var(--radius-small);
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container.manual-resizing:where(.svelte-1y3j4bs) {
  resize: both;
  overflow: hidden;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container.smaller-scrollbar:where(.svelte-1y3j4bs) {
  padding: 9px;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container.with-scrollbar:where(.svelte-1y3j4bs) {
  padding-right: 0px;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container.auto-resizing:where(.svelte-1y3j4bs) {
  overflow: hidden;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container.focus:where(.svelte-1y3j4bs):not(.error):not(.disabled) {
  -webkit-box-shadow: var(--shadow-glow-soft);
          box-shadow: var(--shadow-glow-soft);
  border-color: var(--color-primary);
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container.disabled:where(.svelte-1y3j4bs) {
  background: var(--color-0);
  color: var(--color-3);
  -webkit-text-fill-color: var(--color-3);
  opacity: 1;
  cursor: not-allowed;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container.error:where(.svelte-1y3j4bs) {
  border-color: var(--color-danger);
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container.error.focus:where(.svelte-1y3j4bs):not(.disabled) {
  border-color: var(--color-danger);
  -webkit-box-shadow: var(--shadow-glow-danger-soft);
          box-shadow: var(--shadow-glow-danger-soft);
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea:where(.svelte-1y3j4bs) {
  border: none;
  background-color: inherit;
  outline: none;
  resize: none;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea:where(.svelte-1y3j4bs)::-webkit-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
  font-style: italic;
  color: var(--color-muted);
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea:where(.svelte-1y3j4bs)::-moz-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
  font-style: italic;
  color: var(--color-muted);
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea:where(.svelte-1y3j4bs):-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
  font-style: italic;
  color: var(--color-muted);
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea:where(.svelte-1y3j4bs)::-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
  font-style: italic;
  color: var(--color-muted);
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea:where(.svelte-1y3j4bs)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
  font-style: italic;
  color: var(--color-muted);
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea.textarea-l:where(.svelte-1y3j4bs) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea.textarea-m:where(.svelte-1y3j4bs) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea.textarea-m:where(.svelte-1y3j4bs)::-webkit-input-placeholder {
  font-size: 13px;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea.textarea-m:where(.svelte-1y3j4bs)::-moz-placeholder {
  font-size: 13px;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea.textarea-m:where(.svelte-1y3j4bs):-ms-input-placeholder {
  font-size: 13px;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea.textarea-m:where(.svelte-1y3j4bs)::-ms-input-placeholder {
  font-size: 13px;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea.textarea-m:where(.svelte-1y3j4bs)::placeholder {
  font-size: 13px;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea.scrollbar-l:where(.svelte-1y3j4bs) {
  overflow: auto;
  margin-right: var(--spacing-xxs);
  padding-right: 3px;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea.scrollbar-m:where(.svelte-1y3j4bs) {
  overflow: auto;
  margin-right: 1px;
  padding-right: 2px;
}
.textarea-wrapper.svelte-1y3j4bs .textarea-container:where(.svelte-1y3j4bs) .textarea.disabled:where(.svelte-1y3j4bs) {
  pointer-events: none;
}
.textarea-wrapper.svelte-1y3j4bs .text-max-char-l:where(.svelte-1y3j4bs) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
  margin-left: 12px;
}
.textarea-wrapper.svelte-1y3j4bs .text-max-char-m:where(.svelte-1y3j4bs) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: var(--color-white);
  margin: 0;
  margin-left: 6px;
}
.textarea-wrapper.svelte-1y3j4bs .validation-text.validation-text-m:where(.svelte-1y3j4bs) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: var(--color-white);
  margin: 0;
  margin-top: var(--spacing-xxs);
  margin-left: 6px;
  color: var(--color-danger);
}
.textarea-wrapper.svelte-1y3j4bs .validation-text.validation-text-l:where(.svelte-1y3j4bs) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
  margin-top: var(--spacing-xxs);
  margin-left: 12px;
  color: var(--color-danger);
}
.textarea-wrapper.svelte-1y3j4bs .info-text.validation-text-m:where(.svelte-1y3j4bs), .textarea-wrapper.svelte-1y3j4bs .info-text.validation-text-l:where(.svelte-1y3j4bs) {
  color: var(--color-white);
}@-webkit-keyframes svelte-w79xh6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-w79xh6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.theme.prevent-select.svelte-w79xh6 {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}@-webkit-keyframes svelte-s1y12u-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-s1y12u-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.toast-element-wrapper.svelte-s1y12u {
  position: relative;
}
.toast-element-wrapper.svelte-s1y12u .toast-close-btn:where(.svelte-s1y12u) {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
}

.toast-element.svelte-s1y12u {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px;
  width: 344px;
  max-width: 100%;
  background-color: var(--color-base);
  border: 1px solid var(--color-3);
  border-radius: var(--radius-big);
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
  will-change: transform, opacity;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.toast-element.type-success.svelte-s1y12u {
  border-color: var(--color-success);
  -webkit-box-shadow: var(--shadow-glow-success-strong);
          box-shadow: var(--shadow-glow-success-strong);
}
.toast-element.type-danger.svelte-s1y12u {
  border-color: var(--color-danger);
  -webkit-box-shadow: var(--shadow-glow-danger-strong);
          box-shadow: var(--shadow-glow-danger-strong);
}
.toast-element.type-warning.svelte-s1y12u {
  border-color: var(--color-warning);
  -webkit-box-shadow: var(--shadow-glow-warning-strong);
          box-shadow: var(--shadow-glow-warning-strong);
}
.toast-element.type-info.svelte-s1y12u {
  border-color: var(--color-primary);
  -webkit-box-shadow: var(--shadow-glow-strong);
          box-shadow: var(--shadow-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%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: var(--color-3);
  border-radius: 2px;
  pointer-events: none;
}
.toast-element.svelte-s1y12u .toast-progressbar:where(.svelte-s1y12u)::-webkit-progress-bar {
  background: var(--color-3);
  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);
}@-webkit-keyframes svelte-i70w17-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-i70w17-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.toast-container.svelte-i70w17 {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 1002;
}
@media screen and (max-width: 639px) {
  .toast-container.svelte-i70w17 {
    width: calc(100% - 32px);
    top: unset;
    right: 16px;
    bottom: 0px;
  }
}@-webkit-keyframes svelte-14gv8vs-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-14gv8vs-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.toggle-wrapper.svelte-14gv8vs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.toggle-wrapper.size-m.svelte-14gv8vs {
  padding: 6px 0px;
}
.toggle-wrapper.size-m.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) input:where(.svelte-14gv8vs),
.toggle-wrapper.size-m.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) .slider:where(.svelte-14gv8vs) {
  width: 36px;
  height: 20px;
}
.toggle-wrapper.size-m.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) .slider:where(.svelte-14gv8vs)::before {
  width: 16px;
  height: 16px;
}
.toggle-wrapper.size-m.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) input:where(.svelte-14gv8vs):checked + .slider:where(.svelte-14gv8vs)::before {
  -webkit-transform: translateX(16px);
      -ms-transform: translateX(16px);
          transform: translateX(16px);
}
.toggle-wrapper.size-l.svelte-14gv8vs {
  padding: 9px 0px;
}
.toggle-wrapper.size-l.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) input:where(.svelte-14gv8vs),
.toggle-wrapper.size-l.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) .slider:where(.svelte-14gv8vs) {
  width: 48px;
  height: 26px;
}
.toggle-wrapper.size-l.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) .slider:where(.svelte-14gv8vs)::before {
  width: 22px;
  height: 22px;
}
.toggle-wrapper.size-l.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) input:where(.svelte-14gv8vs):checked + .slider:where(.svelte-14gv8vs)::before {
  -webkit-transform: translateX(22px);
      -ms-transform: translateX(22px);
          transform: translateX(22px);
}
.toggle-wrapper.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.toggle-wrapper.svelte-14gv8vs .toggle:where(.svelte-14gv8vs):has(input:where(.svelte-14gv8vs):focus-visible) {
  -webkit-box-shadow: 0 0 0 1px var(--color-primary) inset;
          box-shadow: 0 0 0 1px var(--color-primary) inset;
  border-radius: 4px;
}
.toggle-wrapper.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) input:where(.svelte-14gv8vs) {
  position: absolute;
  -ms-flex-item-align: baseline;
      align-self: baseline;
  padding: 0;
  margin: 0;
  opacity: 0;
  z-index: -1;
}
.toggle-wrapper.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) input:where(.svelte-14gv8vs):checked + .slider:where(.svelte-14gv8vs) {
  background-color: var(--color-primary);
}
.toggle-wrapper.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) .slider:where(.svelte-14gv8vs) {
  position: relative;
  border-radius: 34px;
  background-color: #c2c3c6;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  will-change: background-color;
}
.toggle-wrapper.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) .slider:where(.svelte-14gv8vs)::before {
  content: "";
  position: absolute;
  left: 2px;
  bottom: 2px;
  border-radius: 50%;
  background-color: var(--color-white);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  will-change: transform;
}
.toggle-wrapper.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) .slider:where(.svelte-14gv8vs),
.toggle-wrapper.svelte-14gv8vs .toggle:where(.svelte-14gv8vs) .slider:where(.svelte-14gv8vs)::before {
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.toggle-wrapper.disabled.svelte-14gv8vs .slider:where(.svelte-14gv8vs) {
  background-color: var(--color-3) !important;
}
.toggle-wrapper.disabled.svelte-14gv8vs .slider:where(.svelte-14gv8vs)::before {
  opacity: 30%;
}

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

.info-text.validation-text-m.svelte-14gv8vs, .info-text.validation-text-l.svelte-14gv8vs {
  color: var(--color-white);
}@-webkit-keyframes svelte-1722f9g-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1722f9g-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.toggle-wrapper.svelte-1722f9g {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.toggle-wrapper.size-m.svelte-1722f9g {
  padding: 6px 0px;
}
.toggle-wrapper.size-m.svelte-1722f9g .toggle:where(.svelte-1722f9g) input:where(.svelte-1722f9g),
.toggle-wrapper.size-m.svelte-1722f9g .toggle:where(.svelte-1722f9g) .slider:where(.svelte-1722f9g) {
  width: 36px;
  height: 20px;
}
.toggle-wrapper.size-m.svelte-1722f9g .toggle:where(.svelte-1722f9g) .slider:where(.svelte-1722f9g)::before {
  width: 16px;
  height: 16px;
}
.toggle-wrapper.size-m.svelte-1722f9g .toggle:where(.svelte-1722f9g) input:where(.svelte-1722f9g):checked + .slider:where(.svelte-1722f9g)::before {
  -webkit-transform: translateX(16px);
      -ms-transform: translateX(16px);
          transform: translateX(16px);
}
.toggle-wrapper.size-l.svelte-1722f9g {
  padding: 9px 0px;
}
.toggle-wrapper.size-l.svelte-1722f9g .toggle:where(.svelte-1722f9g) input:where(.svelte-1722f9g),
.toggle-wrapper.size-l.svelte-1722f9g .toggle:where(.svelte-1722f9g) .slider:where(.svelte-1722f9g) {
  width: 48px;
  height: 26px;
}
.toggle-wrapper.size-l.svelte-1722f9g .toggle:where(.svelte-1722f9g) .slider:where(.svelte-1722f9g)::before {
  width: 22px;
  height: 22px;
}
.toggle-wrapper.size-l.svelte-1722f9g .toggle:where(.svelte-1722f9g) input:where(.svelte-1722f9g):checked + .slider:where(.svelte-1722f9g)::before {
  -webkit-transform: translateX(22px);
      -ms-transform: translateX(22px);
          transform: translateX(22px);
}
.toggle-wrapper.svelte-1722f9g .toggle:where(.svelte-1722f9g) {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.toggle-wrapper.svelte-1722f9g .toggle:where(.svelte-1722f9g):has(input:where(.svelte-1722f9g):focus-visible) {
  -webkit-box-shadow: 0 0 0 1px var(--color-primary) inset;
          box-shadow: 0 0 0 1px var(--color-primary) inset;
  border-radius: 4px;
}
.toggle-wrapper.svelte-1722f9g .toggle:where(.svelte-1722f9g) input:where(.svelte-1722f9g) {
  position: absolute;
  -ms-flex-item-align: baseline;
      align-self: baseline;
  padding: 0;
  margin: 0;
  opacity: 0;
  z-index: -1;
}
.toggle-wrapper.svelte-1722f9g .toggle:where(.svelte-1722f9g) input:where(.svelte-1722f9g):checked + .slider:where(.svelte-1722f9g) {
  background-color: #5b6076;
}
.toggle-wrapper.svelte-1722f9g .toggle:where(.svelte-1722f9g) .slider:where(.svelte-1722f9g) {
  position: relative;
  border-radius: 34px;
  background-color: #30323a;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  will-change: background-color;
}
.toggle-wrapper.svelte-1722f9g .toggle:where(.svelte-1722f9g) .slider:where(.svelte-1722f9g)::before {
  content: "";
  position: absolute;
  left: 2px;
  bottom: 2px;
  border-radius: 75px;
  background-color: var(--color-white);
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: transform, background-color;
  transition-property: transform, background-color, -webkit-transform;
  will-change: transform;
}
.toggle-wrapper.svelte-1722f9g .toggle:where(.svelte-1722f9g) .slider:where(.svelte-1722f9g),
.toggle-wrapper.svelte-1722f9g .toggle:where(.svelte-1722f9g) .slider:where(.svelte-1722f9g)::before {
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.toggle-wrapper.disabled.svelte-1722f9g .slider:where(.svelte-1722f9g) {
  background-color: var(--color-2) !important;
}
.toggle-wrapper.disabled.svelte-1722f9g .slider:where(.svelte-1722f9g)::before {
  opacity: 30%;
}

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

.info-text.validation-text-m.svelte-1722f9g, .info-text.validation-text-l.svelte-1722f9g {
  color: var(--color-white);
}@-webkit-keyframes svelte-104x7ze-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-104x7ze-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.toolbar.svelte-104x7ze {
  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;
  border-radius: var(--radius-big);
  -webkit-box-shadow: 0 0 0 1px var(--color-3) inset;
          box-shadow: 0 0 0 1px var(--color-3) inset;
  z-index: 1;
}
.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: -webkit-box;
  display: -ms-flexbox;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  max-width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          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;
  -ms-flex-wrap: wrap;
      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) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            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;
  }
}@-webkit-keyframes svelte-35u53c-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-35u53c-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.toolbar-filter-container.svelte-35u53c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
  overflow-x: auto;
  -ms-flex-wrap: nowrap;
      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);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}
.toolbar-filter-container.svelte-35u53c:before {
  left: 1px;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.toolbar-filter-container.svelte-35u53c:after {
  right: 3px;
  -webkit-filter: blur(5px);
          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;
}@-webkit-keyframes svelte-1xdd23y-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1xdd23y-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.token-wrapper.svelte-1xdd23y {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid transparent;
  cursor: pointer;
  max-width: 100%;
}
.token-wrapper.background-color-1.svelte-1xdd23y {
  background-color: var(--color-1);
}
.token-wrapper.background-color-2.svelte-1xdd23y {
  background-color: var(--color-2);
}
.token-wrapper.type-normal.size-m.svelte-1xdd23y {
  border-radius: var(--radius-extra-big);
  min-height: 32px;
  min-width: 64px;
  padding: 4px 12px;
}
.token-wrapper.type-normal.size-l.svelte-1xdd23y {
  border-radius: var(--radius-extra-extra-big);
  min-width: 88px;
  min-height: 44px;
  padding: 8px 16px;
}
.token-wrapper.type-schedule.svelte-1xdd23y {
  border-radius: var(--radius-small);
  min-width: 32px;
  min-height: 32px;
  padding: 4px;
}
.token-wrapper.disabled.svelte-1xdd23y {
  background-color: var(--color-0);
  cursor: not-allowed;
}
.token-wrapper.svelte-1xdd23y:hover:not(.disabled) {
  border-color: var(--color-primary);
}
.token-wrapper.selected.svelte-1xdd23y:not(.disabled) {
  background-color: var(--color-primary);
}
.token-wrapper.selected.disabled.svelte-1xdd23y {
  background-color: var(--color-primary-20);
}
.token-wrapper.svelte-1xdd23y:has(input:where(.svelte-1xdd23y):focus-visible) {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.token-wrapper.svelte-1xdd23y input:where(.svelte-1xdd23y) {
  position: absolute;
  margin: 0;
  top: -2px;
  left: -2px;
  opacity: 0;
  height: calc(100% + 4px);
  width: calc(100% + 4px);
  cursor: pointer;
}
.token-wrapper.svelte-1xdd23y .title {
  margin-left: 6px;
}@-webkit-keyframes svelte-1ua8j20-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1ua8j20-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.triple-device-button.svelte-1ua8j20 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 56px;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.triple-device-button.svelte-1ua8j20 .control-group-border:where(.svelte-1ua8j20) {
  border: 7px solid var(--color-primary);
  border-radius: 56px;
}
.triple-device-button.svelte-1ua8j20 .device-controls:where(.svelte-1ua8j20) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  background: var(--color-1);
  border-radius: 56px;
}
.triple-device-button.svelte-1ua8j20 .device-button {
  background: transparent !important;
  width: unset !important;
  height: unset !important;
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.triple-device-button.svelte-1ua8j20 .device-button::before {
  content: none !important;
}
.triple-device-button.inactive.svelte-1ua8j20 .control-group-border:where(.svelte-1ua8j20) {
  border-color: var(--color-3);
}
.triple-device-button.loading.svelte-1ua8j20 {
  position: relative;
}
.triple-device-button.loading.svelte-1ua8j20::before {
  content: " ";
  position: absolute;
  display: block;
  top: -60%;
  left: -50%;
  display: block;
  height: 220%;
  width: 200%;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  overflow: hidden;
  background: -webkit-gradient(linear, left top, right top, color-stop(48%, transparent), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(55%, rgb(255, 255, 255)), color-stop(80%, transparent));
  background: linear-gradient(to right, transparent 48%, rgba(255, 255, 255, 0.2) 50%, rgb(255, 255, 255) 55%, transparent 80%);
  background-size: 200% auto;
  -webkit-animation: svelte-1ua8j20-blink 0.7s ease-out infinite;
          animation: svelte-1ua8j20-blink 0.7s ease-out infinite;
}
.triple-device-button.disabled-overlay.svelte-1ua8j20 {
  cursor: not-allowed;
}
.triple-device-button.disabled-overlay.svelte-1ua8j20::before {
  z-index: 2;
}

@-webkit-keyframes svelte-1ua8j20-blink {
  to {
    background-position: 150% center;
  }
}

@keyframes svelte-1ua8j20-blink {
  to {
    background-position: 150% center;
  }
}@-webkit-keyframes svelte-12os718-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-12os718-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.triple-device-button-v2.svelte-12os718 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 100px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.triple-device-button-v2.svelte-12os718 .control-group-border:where(.svelte-12os718) {
  border: 5px solid var(--color-primary);
  border-radius: inherit;
}
.triple-device-button-v2.svelte-12os718 .device-controls:where(.svelte-12os718) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  background: var(--color-1);
  border-radius: inherit;
}
.triple-device-button-v2.svelte-12os718 .device-button-v2 {
  background: transparent !important;
  width: unset !important;
  height: unset !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.triple-device-button-v2.svelte-12os718 .device-button-v2::before {
  content: none !important;
}
.triple-device-button-v2.svelte-12os718 .device-button-v2:focus-visible:not(:disabled) {
  outline: unset !important;
  overflow: unset !important;
}
.triple-device-button-v2.svelte-12os718 .device-button-v2:focus-visible:not(:disabled)::after {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  background-color: var(--color-primary-20);
  border: 2px solid var(--color-primary);
  border-radius: inherit;
  z-index: -1;
}
.triple-device-button-v2.small.svelte-12os718 .control-group-border:where(.svelte-12os718) {
  border-width: 4px;
}
.triple-device-button-v2.small.svelte-12os718 .device-controls:where(.svelte-12os718) {
  gap: 4px;
}
.triple-device-button-v2.small.svelte-12os718 .device-button-v2:focus-visible:not(:disabled)::after {
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border-width: 1px;
}
.triple-device-button-v2.inactive.svelte-12os718 .control-group-border:where(.svelte-12os718) {
  border-color: var(--color-3);
}
.triple-device-button-v2.disabled-overlay.svelte-12os718 {
  cursor: not-allowed;
}
.triple-device-button-v2.disabled-overlay.svelte-12os718::before {
  z-index: 2;
}@-webkit-keyframes svelte-1km81ju-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1km81ju-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.list-item.svelte-1km81ju {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px;
  height: 32px;
  background: var(--color-base);
  border-radius: var(--radius-extra-big);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.list-item.svelte-1km81ju:focus-visible {
  outline: 2px solid var(--color-primary);
}
.list-item.svelte-1km81ju .bar-line-wrapper:where(.svelte-1km81ju),
.list-item.svelte-1km81ju .bar-line:where(.svelte-1km81ju) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.list-item.svelte-1km81ju .bar-line-wrapper:where(.svelte-1km81ju) {
  width: 100%;
  border-radius: var(--radius-extra-big);
  overflow: hidden;
}
.list-item.svelte-1km81ju .bar-line:where(.svelte-1km81ju) {
  width: var(--progress-percent, 0);
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
.list-item.svelte-1km81ju .bar-line.hide-line:where(.svelte-1km81ju)::after {
  display: none;
}
.list-item.svelte-1km81ju .bar-line:where(.svelte-1km81ju)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--bar-line-color);
  opacity: 0.3;
}
.list-item.svelte-1km81ju .bar-line:where(.svelte-1km81ju)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 2px;
  background-color: var(--bar-line-color);
}
.list-item.svelte-1km81ju .list-item-left:where(.svelte-1km81ju) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  width: 100%;
  z-index: 1;
}
.list-item.svelte-1km81ju .list-item-left:where(.svelte-1km81ju) .list-item-btn:where(.svelte-1km81ju) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-primary);
  text-decoration: none;
  cursor: pointer;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
  color: var(--color-primary);
}
.list-item.svelte-1km81ju .list-item-left:where(.svelte-1km81ju) .list-item-btn:where(.svelte-1km81ju):disabled {
  cursor: not-allowed;
}
.list-item.svelte-1km81ju .list-item-left:where(.svelte-1km81ju) .list-item-btn:where(.svelte-1km81ju):hover, .list-item.svelte-1km81ju .list-item-left:where(.svelte-1km81ju) .list-item-btn:where(.svelte-1km81ju):focus-visible {
  text-decoration: underline;
}
.list-item.svelte-1km81ju .list-item-left:where(.svelte-1km81ju) .tooltip-wrapper {
  width: 0px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 1;
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-right-data:where(.svelte-1km81ju) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-progress-container:where(.svelte-1km81ju) {
  position: relative;
  width: 20px;
  height: 20px;
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-progress-container:where(.svelte-1km81ju) svg:where(.svelte-1km81ju) {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-progress-container:where(.svelte-1km81ju) svg:where(.svelte-1km81ju) circle:where(.svelte-1km81ju) {
  fill: none;
  stroke: var(--color-2);
  stroke-width: 3px;
  stroke-linecap: round;
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-progress-container:where(.svelte-1km81ju) svg:where(.svelte-1km81ju) circle:where(.svelte-1km81ju):last-of-type {
  stroke-dasharray: 53.407075111px;
  stroke-dashoffset: calc((100 - var(--progress-percent, 0)) / 100 * 53.407075111px);
  -webkit-transition: stroke-dashoffset 0.3s ease-in-out;
  transition: stroke-dashoffset 0.3s ease-in-out;
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-progress-container.primary:where(.svelte-1km81ju) svg:where(.svelte-1km81ju) circle:where(.svelte-1km81ju):last-of-type {
  stroke: var(--color-primary);
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-progress-container.success:where(.svelte-1km81ju) svg:where(.svelte-1km81ju) circle:where(.svelte-1km81ju):last-of-type {
  stroke: var(--color-success);
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-progress-container.warning:where(.svelte-1km81ju) svg:where(.svelte-1km81ju) circle:where(.svelte-1km81ju):last-of-type {
  stroke: var(--color-warning);
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-progress-container.danger:where(.svelte-1km81ju) svg:where(.svelte-1km81ju) circle:where(.svelte-1km81ju):last-of-type {
  stroke: var(--color-danger);
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-progress-container.white:where(.svelte-1km81ju) svg:where(.svelte-1km81ju) circle:where(.svelte-1km81ju):last-of-type {
  stroke: var(--color-white);
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-progress-container.solar:where(.svelte-1km81ju) svg:where(.svelte-1km81ju) circle:where(.svelte-1km81ju):last-of-type {
  stroke: var(--color-solar);
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-arrow-btn:where(.svelte-1km81ju) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.list-item.svelte-1km81ju .list-item-right:where(.svelte-1km81ju) .list-item-arrow-btn:where(.svelte-1km81ju):disabled {
  cursor: not-allowed;
}@-webkit-keyframes svelte-6r4xba-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-6r4xba-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.controls-container.svelte-6r4xba {
  position: relative;
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  gap: 2px;
}
.controls-container.vertical.svelte-6r4xba {
  grid-auto-flow: row;
}
.controls-container.vertical.svelte-6r4xba .container:where(.svelte-6r4xba):first-of-type {
  border-top-left-radius: var(--radius-big);
  border-top-right-radius: var(--radius-big);
}
.controls-container.vertical.svelte-6r4xba .container:where(.svelte-6r4xba):last-of-type {
  border-bottom-left-radius: var(--radius-big);
  border-bottom-right-radius: var(--radius-big);
}
.controls-container.svelte-6r4xba:not(.vertical) .container:where(.svelte-6r4xba):first-of-type {
  border-top-left-radius: var(--radius-big);
  border-bottom-left-radius: var(--radius-big);
}
.controls-container.svelte-6r4xba:not(.vertical) .container:where(.svelte-6r4xba):last-of-type {
  border-top-right-radius: var(--radius-big);
  border-bottom-right-radius: var(--radius-big);
}
.controls-container.svelte-6r4xba .container:where(.svelte-6r4xba) {
  position: relative;
  width: 100%;
  max-width: 100%;
  text-align: center;
}
.controls-container.svelte-6r4xba .container.size-s:where(.svelte-6r4xba) {
  padding: 8px;
}
.controls-container.svelte-6r4xba .container.size-m:where(.svelte-6r4xba) {
  padding: 16px;
}
.controls-container.svelte-6r4xba .container.size-l:where(.svelte-6r4xba) {
  padding: 24px;
}
.controls-container.svelte-6r4xba .container.fill-space:where(.svelte-6r4xba) {
  min-height: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.controls-container.svelte-6r4xba .container.smaller-scroll:where(.svelte-6r4xba) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: var(--max-heigth-scroll-container);
}
.controls-container.color-2.svelte-6r4xba .container:where(.svelte-6r4xba) {
  background-color: var(--color-2);
}
.controls-container.color-base.svelte-6r4xba .container:where(.svelte-6r4xba) {
  background-color: var(--color-base);
}
.controls-container.color-danger-10.svelte-6r4xba .container:where(.svelte-6r4xba) {
  background-color: var(--color-danger-10);
}
.controls-container.color-danger-20.svelte-6r4xba .container:where(.svelte-6r4xba) {
  background-color: var(--color-danger-20);
}
.controls-container.color-0.svelte-6r4xba .container:where(.svelte-6r4xba) {
  background-color: var(--color-0);
}
.controls-container.color-1.svelte-6r4xba .container:where(.svelte-6r4xba) {
  background-color: var(--color-1);
}
.controls-container.edit-mode.svelte-6r4xba .actions-wrapper:where(.svelte-6r4xba) {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
}
.controls-container.edit-mode.svelte-6r4xba .actions-wrapper:where(.svelte-6r4xba) .actions-container {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.controls-container.edit-mode.svelte-6r4xba::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--color-primary);
  opacity: 0.1;
  pointer-events: none;
  border-radius: var(--radius-big);
  z-index: 1;
}
.controls-container.edit-mode.svelte-6r4xba > *:not(.actions-wrapper) {
  position: relative;
  z-index: 1;
}
.controls-container.svelte-6r4xba .top-right-slot-container:where(.svelte-6r4xba) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 8px;
  top: 8px;
  min-height: 16px;
  z-index: 10;
}
.controls-container.svelte-6r4xba .top-right-slot-container:where(.svelte-6r4xba) .iconbutton {
  max-width: 100%;
}@-webkit-keyframes svelte-bulmzu-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-bulmzu-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.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-primary-20);
}
.context-menu-item.svelte-bulmzu .icon-spacing {
  margin-right: 12px;
}
.context-menu-item.active.svelte-bulmzu:not(.disabled):not(:hover) {
  background-color: var(--color-primary-10);
}
.context-menu-item.active.svelte-bulmzu {
  position: relative;
}
.context-menu-item.active.svelte-bulmzu:not(.disabled):not(:hover) {
  background-color: var(--color-primary-10);
}
.context-menu-item.active.svelte-bulmzu::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: var(--color-primary);
  border-radius: 4px;
}@-webkit-keyframes svelte-18tt02y-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-18tt02y-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.contextual-navigation-container.svelte-18tt02y .menu-items:where(.svelte-18tt02y) {
  padding: 0;
  margin: 0;
  list-style: none;
}@-webkit-keyframes svelte-1ps5ed0-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1ps5ed0-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.controls-container-scroll.svelte-1ps5ed0 {
  height: 270px;
  overflow-y: auto;
}
.controls-container-scroll.scroll-visible.svelte-1ps5ed0 {
  margin-right: -11px;
  padding-right: 5px;
}
.controls-container-scroll.smaller-scroll.svelte-1ps5ed0 {
  height: 100%;
  padding-right: 4px;
  margin-right: -4px;
}@-webkit-keyframes svelte-h64odm-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-h64odm-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.wall-icon-grid.svelte-h64odm {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--wall-color-white);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.wall-icon-grid.svelte-h64odm i:where(.svelte-h64odm) {
  line-height: normal;
}
.wall-icon-grid.wall-icon-grid-xxl.svelte-h64odm {
  width: 120px;
  height: 120px;
  font-size: 80px;
}
.wall-icon-grid.wall-icon-grid-xl.svelte-h64odm {
  width: 88px;
  height: 88px;
  font-size: 60px;
}
.wall-icon-grid.wall-icon-grid-l.svelte-h64odm {
  width: 56px;
  height: 56px;
  font-size: 40px;
}
.wall-icon-grid.wall-icon-grid-m.svelte-h64odm {
  width: 32px;
  height: 32px;
  font-size: 24px;
}
.wall-icon-grid.wall-icon-grid-s.svelte-h64odm {
  width: 28px;
  height: 28px;
  font-size: 20px;
}@-webkit-keyframes svelte-1nm0kr2-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1nm0kr2-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.wall-label-container.svelte-1nm0kr2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--wall-color-1);
  border-radius: var(--wall-radius-big);
  overflow: hidden;
}
.wall-label-container.svelte-1nm0kr2 .label:where(.svelte-1nm0kr2) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--wall-color-1);
  border-radius: var(--wall-radius-big);
  width: 100%;
}
.wall-label-container.svelte-1nm0kr2 .label:where(.svelte-1nm0kr2) .label-value-container:where(.svelte-1nm0kr2) {
  max-width: 100%;
  overflow: hidden;
  text-align: center;
}
.wall-label-container.label-s.svelte-1nm0kr2 {
  padding: 2px;
  min-height: 32px;
}
.wall-label-container.label-s.svelte-1nm0kr2 .label:where(.svelte-1nm0kr2) {
  padding: 0px 8px;
  min-height: 28px;
}
.wall-label-container.label-m.svelte-1nm0kr2 {
  padding: 4px;
  min-height: 44px;
}
.wall-label-container.label-m.svelte-1nm0kr2 .label:where(.svelte-1nm0kr2) {
  padding: 4px 12px;
  min-height: 36px;
}
.wall-label-container.label-l.svelte-1nm0kr2 {
  padding: 4px;
  min-height: 56px;
  border-radius: var(--wall-radius-extra-big);
}
.wall-label-container.label-l.svelte-1nm0kr2 .label:where(.svelte-1nm0kr2) {
  padding: 8px 12px;
  min-height: 48px;
}@-webkit-keyframes svelte-erg736-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-erg736-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.wizard-wrapper.svelte-erg736 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wizard-wrapper.svelte-erg736 .wizard-container:where(.svelte-erg736) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  padding: 16px;
  margin: -16px;
  overflow-x: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: calc(100% + 32px);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.wizard-wrapper.svelte-erg736 .wizard-container:where(.svelte-erg736)::-webkit-scrollbar {
  display: none;
}
.wizard-wrapper.svelte-erg736 .wizard-container:where(.svelte-erg736) .wizard-items-container:where(.svelte-erg736) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wizard-wrapper.svelte-erg736 .wizard-container.scrollable:where(.svelte-erg736) {
  max-width: calc(100% + 16px);
  -webkit-transition: margin-right 0.2s ease-in-out;
  transition: margin-right 0.2s ease-in-out;
}
.wizard-wrapper.svelte-erg736 .wizard-container.scrollable.scrolling:where(.svelte-erg736) {
  padding-left: 0;
  margin-left: 0;
  padding-right: 0;
  margin-right: 0;
}
.wizard-wrapper.svelte-erg736 .wizard-container.scrollable.scrolling:where(.svelte-erg736) :where(.svelte-erg736)::after {
  content: "";
  padding-right: 16px;
}
.wizard-wrapper.svelte-erg736 .wizard-container.scrollable.scrolled-right:where(.svelte-erg736) {
  -webkit-transition: none;
  transition: none;
  margin-right: -16px;
}
.wizard-wrapper.svelte-erg736 .wizard-items-mobile-title:where(.svelte-erg736) {
  display: none;
}

@media screen and (max-width: 639px) {
  .wizard-wrapper.svelte-erg736 .wizard-items-mobile-title:where(.svelte-erg736) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
  }
}@-webkit-keyframes svelte-od22ya-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-od22ya-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.wizard-item.svelte-od22ya {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0px 8px 14px 8px;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  background: transparent !important;
}
.wizard-item.svelte-od22ya:disabled {
  cursor: not-allowed;
}
.wizard-item.disabled.svelte-od22ya {
  cursor: not-allowed;
}
.wizard-item.svelte-od22ya:before, .wizard-item.svelte-od22ya:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 6px;
  border-radius: var(--radius-small);
  pointer-events: none;
}
.wizard-item.svelte-od22ya::before {
  width: 100%;
  background: var(--color-3);
}
.wizard-item.svelte-od22ya:after {
  background: var(--color-primary);
  width: 0;
}
.wizard-item.active.svelte-od22ya::after {
  width: 100%;
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  -webkit-box-shadow: var(--shadow-glow-soft);
          box-shadow: var(--shadow-glow-soft);
}
.wizard-item.disabled.svelte-od22ya .wizard-item-title, .wizard-item.svelte-od22ya:disabled .wizard-item-title {
  color: var(--color-3);
}
.wizard-item.disabled.svelte-od22ya::before, .wizard-item.disabled.svelte-od22ya::after, .wizard-item.svelte-od22ya:disabled::before, .wizard-item.svelte-od22ya:disabled::after {
  background: var(--color-3);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.wizard-item.bg-color-2.svelte-od22ya::before {
  background: var(--color-2);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.wizard-item.wizard-item-show-more.svelte-od22ya {
  min-width: 32px;
}
.wizard-item.svelte-od22ya .more-dots:where(.svelte-od22ya) {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.wizard-item.svelte-od22ya .more-dots:where(.svelte-od22ya) span:where(.svelte-od22ya) {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-white);
  margin-right: 4px;
}
.wizard-item.svelte-od22ya .more-dots:where(.svelte-od22ya) span:where(.svelte-od22ya):last-of-type {
  margin-right: 0;
}

.tooltip-element.wizard-item-tooltip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 8px;
}
.tooltip-element.wizard-item-tooltip:last-of-type {
  margin-right: 0;
}

@media screen and (max-width: 639px) {
  .wizard-item.svelte-od22ya {
    padding-bottom: 6px;
  }
  .wizard-item.svelte-od22ya .wizard-item-title {
    display: none;
  }
}@-webkit-keyframes svelte-1o7r1o0-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1o7r1o0-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.wizard-container.svelte-1o7r1o0 {
  overflow: hidden;
  position: relative;
  left: 0;
  top: 0;
  -webkit-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
.wizard-container.svelte-1o7r1o0 .wizard-content-items:where(.svelte-1o7r1o0) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  height: 100%;
}
.wizard-container.svelte-1o7r1o0 .wizard-content-items.slide-transition:where(.svelte-1o7r1o0) {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}@-webkit-keyframes svelte-1ewvhyc-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1ewvhyc-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.wizard-content.svelte-1ewvhyc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.wizard-content.full-height.svelte-1ewvhyc {
  height: 100%;
}
.wizard-content.scroll-paddings.svelte-1ewvhyc {
  padding: 0px 15px;
}
@media screen and (max-width: 639px) {
  .wizard-content.scroll-paddings.svelte-1ewvhyc {
    padding-left: 10px;
    padding-right: 11px;
  }
}@-webkit-keyframes svelte-1hswflo-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1hswflo-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.image-group.svelte-1hswflo {
  --grid-columns: auto-fill;
  display: grid;
  grid-gap: 16px;
  row-gap: 16px;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  grid-template-columns: repeat(var(--grid-columns), minmax(64px, -webkit-max-content));
  grid-template-columns: repeat(var(--grid-columns), minmax(64px, max-content));
  width: 100%;
  min-height: 64px;
}
.image-group.svelte-1hswflo .btn-img-select:where(.svelte-1hswflo),
.image-group.svelte-1hswflo .btn-img-more:where(.svelte-1hswflo) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
}
.image-group.svelte-1hswflo .btn-img-select:where(.svelte-1hswflo):disabled,
.image-group.svelte-1hswflo .btn-img-more:where(.svelte-1hswflo):disabled {
  cursor: not-allowed;
}
.image-group.svelte-1hswflo .btn-img-select:where(.svelte-1hswflo):before,
.image-group.svelte-1hswflo .btn-img-more:where(.svelte-1hswflo):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 50%;
  border: 2px solid var(--color-primary);
  pointer-events: none;
  opacity: 0;
  z-index: 1;
}
.image-group.svelte-1hswflo .btn-img-select:where(.svelte-1hswflo):hover::before,
.image-group.svelte-1hswflo .btn-img-more:where(.svelte-1hswflo):hover::before {
  opacity: 1;
}
.image-group.svelte-1hswflo .img-wrapper:where(.svelte-1hswflo) {
  position: relative;
  width: 64px;
  height: 64px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.image-group.svelte-1hswflo .img-wrapper:where(.svelte-1hswflo) .selected-tag:where(.svelte-1hswflo) {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--color-primary);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 1;
}
.image-group.svelte-1hswflo .btn-img-select:where(.svelte-1hswflo) {
  background: var(--color-0);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.image-group.svelte-1hswflo .btn-img-select.selected:where(.svelte-1hswflo) {
  -webkit-box-shadow: var(--shadow-glow-soft);
          box-shadow: var(--shadow-glow-soft);
}
.image-group.svelte-1hswflo .btn-img-select.selected:where(.svelte-1hswflo)::before {
  opacity: 1;
}
.image-group.svelte-1hswflo .btn-img-select.selected:where(.svelte-1hswflo):after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-primary);
  opacity: 0.1;
  pointer-events: none;
  left: 0;
  top: 0;
}
.image-group.svelte-1hswflo .btn-img-select:where(.svelte-1hswflo) .img-content:where(.svelte-1hswflo) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.image-group.svelte-1hswflo .btn-img-more:where(.svelte-1hswflo) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--color-primary);
  background: var(--color-0);
}

@media (hover: none) {
  .image-group.svelte-1hswflo .btn-img-select:where(.svelte-1hswflo),
  .image-group.svelte-1hswflo .btn-img-more:where(.svelte-1hswflo) {
    pointer-events: none;
    -webkit-animation: svelte-1hswflo-enablePointerEvents 100ms forwards;
            animation: svelte-1hswflo-enablePointerEvents 100ms forwards;
  }
  @-webkit-keyframes svelte-1hswflo-enablePointerEvents {
    to {
      pointer-events: auto;
    }
  }
  @keyframes svelte-1hswflo-enablePointerEvents {
    to {
      pointer-events: auto;
    }
  }
}@-webkit-keyframes svelte-155ip2h-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-155ip2h-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.image-upload.svelte-155ip2h {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.image-upload.type-circle.svelte-155ip2h {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--color-primary-10);
}
.image-upload.type-circle.svelte-155ip2h:before {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 50%;
  border: 2px solid var(--color-primary);
  pointer-events: none;
  opacity: 0;
}
.image-upload.type-button.svelte-155ip2h {
  height: 32px;
  -ms-flex-item-align: center;
      align-self: center;
}
.image-upload.type-button.svelte-155ip2h .file-upload:where(.svelte-155ip2h) {
  position: absolute;
  left: 0;
  top: 0;
}
.image-upload.type-edit.svelte-155ip2h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--spacing-s);
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  max-width: 100%;
}
.image-upload.type-edit.svelte-155ip2h .file-upload:where(.svelte-155ip2h) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 32px;
}
.image-upload.type-edit.svelte-155ip2h .button.primary.hover:not(.disabled-overlay) {
  -webkit-box-shadow: 0 0 0 2px var(--color-secondary) inset;
          box-shadow: 0 0 0 2px var(--color-secondary) inset;
  background-image: none;
}
.image-upload.type-edit.svelte-155ip2h .button.secondary.hover:not(.disabled-overlay) {
  background-color: var(--color-primary-10);
}
.image-upload.type-preview.svelte-155ip2h {
  -ms-flex-item-align: center;
      align-self: center;
}
.image-upload.type-preview.svelte-155ip2h .icon-wrapper:where(.svelte-155ip2h) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 64px;
  height: 64px;
  background-color: var(--color-0);
  border-radius: 50%;
}
.image-upload.type-preview.svelte-155ip2h .file-upload:where(.svelte-155ip2h) {
  position: absolute;
  right: 0;
  top: 16px;
  width: 147px;
  height: 32px;
}
.image-upload.type-preview.svelte-155ip2h .button.primary.hover:not(.disabled-overlay) {
  -webkit-box-shadow: 0 0 0 2px var(--color-secondary) inset;
          box-shadow: 0 0 0 2px var(--color-secondary) inset;
  background-image: none;
}
.image-upload.type-preview.svelte-155ip2h .button.secondary.hover:not(.disabled-overlay) {
  background-color: var(--color-primary-10);
}
.image-upload.svelte-155ip2h:hover:not(.type-preview, .type-edit)::before {
  opacity: 1;
}
.image-upload.svelte-155ip2h:hover:not(.type-preview, .type-edit) .button.primary:not(.disabled-overlay) {
  -webkit-box-shadow: 0 0 0 2px var(--color-secondary) inset;
          box-shadow: 0 0 0 2px var(--color-secondary) inset;
  background-image: none;
}
.image-upload.svelte-155ip2h:hover:not(.type-preview, .type-edit) .button.secondary:not(.disabled-overlay) {
  background-color: var(--color-primary-10);
}
.image-upload.disabled.type-circle.svelte-155ip2h {
  background: var(--color-1) !important;
}
.image-upload.disabled.type-circle.svelte-155ip2h:hover::before {
  opacity: 0;
}
.image-upload.disabled.svelte-155ip2h .file-upload:where(.svelte-155ip2h) {
  cursor: not-allowed;
}
.image-upload.svelte-155ip2h .image-dash:where(.svelte-155ip2h),
.image-upload.svelte-155ip2h .image-upload-icon {
  position: absolute;
  pointer-events: none;
}
.image-upload.svelte-155ip2h .image-dash:where(.svelte-155ip2h) {
  width: 100%;
  height: 100%;
}
.image-upload.svelte-155ip2h .file-upload:where(.svelte-155ip2h) {
  width: 100%;
  height: 100%;
  opacity: 0;
  font-size: 0px;
  cursor: pointer;
}
.image-upload.svelte-155ip2h :where(.svelte-155ip2h)::-webkit-file-upload-button {
  cursor: pointer;
}
.image-upload.svelte-155ip2h input[type=file]:where(.svelte-155ip2h) {
  cursor: pointer;
}@-webkit-keyframes svelte-55wtbi-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-55wtbi-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.badge.svelte-55wtbi {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  z-index: 2;
}
.badge.svelte-55wtbi .label {
  width: 100%;
}
.badge.badge-left.svelte-55wtbi {
  left: 0;
}
.badge.badge-right.svelte-55wtbi {
  right: 0;
}
.badge.aligned-top.svelte-55wtbi {
  top: 0;
}
.badge.aligned-bottom.svelte-55wtbi {
  bottom: 0;
}@-webkit-keyframes svelte-153cp43-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-153cp43-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.select-card-container.svelte-153cp43 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 202px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.select-card-container.size-s.svelte-153cp43 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
}
.select-card-container.size-s.svelte-153cp43 .select-card:where(.svelte-153cp43) {
  padding: 8px 12px;
}
.select-card-container.svelte-153cp43 .select-card:where(.svelte-153cp43) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--radius-big);
  background: var(--color-2);
  cursor: pointer;
  overflow: hidden;
  padding: var(--spacing-s);
  width: 100%;
  height: 100%;
}
.select-card-container.svelte-153cp43 .select-card.vertical:where(.svelte-153cp43) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.select-card-container.svelte-153cp43 .select-card.vertical:where(.svelte-153cp43) .select-card-top:where(.svelte-153cp43) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.select-card-container.svelte-153cp43 .select-card.horizontal:where(.svelte-153cp43) {
  min-height: 48px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.select-card-container.svelte-153cp43 .select-card.horizontal.bigger-horizontal-padding:where(.svelte-153cp43) {
  padding: 12px;
}
.select-card-container.svelte-153cp43 .select-card.horizontal:where(.svelte-153cp43) .select-card-top:where(.svelte-153cp43) {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.select-card-container.svelte-153cp43 .select-card.disabled:where(.svelte-153cp43) {
  background: var(--color-0);
  cursor: not-allowed;
}
.select-card-container.svelte-153cp43 .select-card:where(.svelte-153cp43):before {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid transparent;
  border-radius: var(--radius-big);
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 3;
}
@media (hover: hover) and (pointer: fine) {
  .select-card-container.svelte-153cp43 .select-card:where(.svelte-153cp43):hover:not(.disabled) {
    border-color: var(--color-primary);
  }
}
.select-card-container.svelte-153cp43 .select-card.selected:where(.svelte-153cp43):not(.disabled):before {
  border-color: var(--color-primary);
}
.select-card-container.svelte-153cp43 .select-card.selected:where(.svelte-153cp43):not(.disabled) {
  -webkit-box-shadow: var(--shadow-glow-soft);
          box-shadow: var(--shadow-glow-soft);
}
.select-card-container.svelte-153cp43 .select-card:where(.svelte-153cp43) .select-card-top:where(.svelte-153cp43) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.select-card-container.svelte-153cp43 .select-card.custom-action:where(.svelte-153cp43) {
  cursor: default;
}
.select-card-container.svelte-153cp43 .select-card.custom-action:where(.svelte-153cp43):hover::before {
  display: none;
}
.select-card-container.svelte-153cp43 .select-card:where(.svelte-153cp43) .custom-action-wrapper.min-height:where(.svelte-153cp43) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 32px;
}
.select-card-container.svelte-153cp43 .validation-text:where(.svelte-153cp43) {
  margin-left: 0 !important;
}
.select-card-container.svelte-153cp43 .validation-text.validation-text-m:where(.svelte-153cp43) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: var(--color-white);
  margin: 0;
  margin-top: var(--spacing-xxs);
  margin-left: 6px;
  color: var(--color-danger);
}
.select-card-container.svelte-153cp43 .validation-text.validation-text-l:where(.svelte-153cp43) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
  margin-top: var(--spacing-xxs);
  margin-left: 12px;
  color: var(--color-danger);
}
.select-card-container.svelte-153cp43 .info-text.validation-text-m:where(.svelte-153cp43), .select-card-container.svelte-153cp43 .info-text.validation-text-l:where(.svelte-153cp43) {
  color: var(--color-white);
}@-webkit-keyframes svelte-1ft9kjq-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1ft9kjq-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.preview-highlight-container.svelte-1ft9kjq {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  padding: 2px;
  border: 2px dashed var(--color-primary);
  border-radius: var(--radius-small);
}@-webkit-keyframes svelte-q7fjks-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-q7fjks-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.advanced-card.svelte-q7fjks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
  min-height: 64px;
  border-radius: var(--radius-big);
  background: var(--color-2);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  outline: none;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.advanced-card.condensed.svelte-q7fjks {
  min-height: 50px;
}
.advanced-card.focusable.svelte-q7fjks {
  cursor: pointer;
}
.advanced-card.selected.svelte-q7fjks, .advanced-card.focusable.svelte-q7fjks:focus:not(:focus-visible) {
  -webkit-box-shadow: var(--shadow-glow-strong);
          box-shadow: var(--shadow-glow-strong);
}
.advanced-card.selected.svelte-q7fjks::after, .advanced-card.focusable.svelte-q7fjks:focus:not(:focus-visible)::after {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-big);
  left: 0;
  top: 0;
  z-index: 2;
  pointer-events: none;
}
.advanced-card.svelte-q7fjks:focus-visible::after {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-big);
  left: 0;
  top: 0;
  z-index: 2;
  pointer-events: none;
}
.advanced-card.edit-mode.svelte-q7fjks {
  cursor: unset;
}
.advanced-card.edit-mode.status-bar.svelte-q7fjks {
  min-height: 80px;
}
.advanced-card.edit-mode.status-bar.condensed.svelte-q7fjks {
  min-height: 66px;
}
.advanced-card.edit-mode.svelte-q7fjks::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-primary);
  opacity: 0.1;
  left: 0;
  top: 0;
  z-index: 1;
}
.advanced-card.edit-mode.svelte-q7fjks .main:where(.svelte-q7fjks) .edit-mode-icon {
  margin-right: 6px;
  z-index: 1;
}
.advanced-card.edit-mode.svelte-q7fjks .main:where(.svelte-q7fjks) .content:where(.svelte-q7fjks) {
  z-index: 1;
}
.advanced-card.edit-mode.svelte-q7fjks .right-slot-container:where(.svelte-q7fjks) {
  z-index: 1;
  padding: 0;
}
.advanced-card.edit-mode.svelte-q7fjks .right-slot-container:where(.svelte-q7fjks) .actions-container {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.advanced-card.preview-mode.svelte-q7fjks:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--color-primary);
  opacity: 0.1;
  z-index: 4;
}
.advanced-card.preview-mode.svelte-q7fjks .highlighted-section:where(.svelte-q7fjks) {
  z-index: 5;
}
.advanced-card.preview-mode.svelte-q7fjks .right-slot-container:where(.svelte-q7fjks) {
  pointer-events: none;
}
.advanced-card.svelte-q7fjks .main:where(.svelte-q7fjks) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  width: 100%;
}
.advanced-card.svelte-q7fjks .main:where(.svelte-q7fjks) .main-slot-container-ad:where(.svelte-q7fjks) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.advanced-card.svelte-q7fjks .left-container:where(.svelte-q7fjks) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.advanced-card.svelte-q7fjks .left-container.left-container-bg:where(.svelte-q7fjks) {
  background: var(--color-0);
  margin-right: 6px;
  margin-left: -6px;
  padding-left: 6px;
}
.advanced-card.svelte-q7fjks .right-slot-container:where(.svelte-q7fjks) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.advanced-card.svelte-q7fjks .right-slot-container:where(.svelte-q7fjks) .label.label-l {
  min-width: 56px;
}
.advanced-card.svelte-q7fjks .right-slot-container:where(.svelte-q7fjks) .label.label-m {
  min-width: 40px;
}
.advanced-card.svelte-q7fjks .main:where(.svelte-q7fjks),
.advanced-card.svelte-q7fjks .right-slot-container:where(.svelte-q7fjks),
.advanced-card.svelte-q7fjks .left-container:where(.svelte-q7fjks) {
  padding-right: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.advanced-card.svelte-q7fjks .content-container:where(.svelte-q7fjks) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 6px;
}
.advanced-card.svelte-q7fjks .right-badge-container:where(.svelte-q7fjks) {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  min-height: 16px;
}
.advanced-card.svelte-q7fjks .right-badge-container:where(.svelte-q7fjks) .label {
  max-width: 100%;
}@-webkit-keyframes svelte-15fdaqo-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-15fdaqo-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.advanced-card.svelte-15fdaqo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
  min-height: 64px;
  border-radius: var(--radius-big);
  background: var(--color-1);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  outline: none;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.advanced-card.svelte-15fdaqo:after {
  content: "";
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid var(--color-2);
  border-radius: var(--radius-big);
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
}
.advanced-card.condensed.svelte-15fdaqo {
  min-height: 50px;
}
.advanced-card.focusable.svelte-15fdaqo {
  cursor: pointer;
}
.advanced-card.focusable.svelte-15fdaqo:focus-visible:not(.selected):not(.dnd-handle-drag) {
  -webkit-box-shadow: 0 0 0 4px rgba(36, 145, 255, 0.3);
          box-shadow: 0 0 0 4px rgba(36, 145, 255, 0.3);
}
.advanced-card.focusable.svelte-15fdaqo:focus-visible:not(.selected):not(.dnd-handle-drag):after {
  content: "";
  position: absolute;
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-big);
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}
.advanced-card.focusable.svelte-15fdaqo:focus {
  -webkit-box-shadow: var(--shadow-glow-strong);
          box-shadow: var(--shadow-glow-strong);
}
.advanced-card.focusable.svelte-15fdaqo:focus:after {
  content: "";
  position: absolute;
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-big);
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-width: 2px;
}
.advanced-card.selected.svelte-15fdaqo:after {
  content: "";
  position: absolute;
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-big);
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-width: 2px;
}
.advanced-card.selected.svelte-15fdaqo:focus-visible {
  -webkit-box-shadow: 0 0 0 4px rgba(36, 145, 255, 0.3);
          box-shadow: 0 0 0 4px rgba(36, 145, 255, 0.3);
}
.advanced-card.edit-mode.svelte-15fdaqo {
  cursor: unset;
}
@media (hover: hover) and (pointer: fine) {
  .advanced-card.edit-mode.svelte-15fdaqo:hover:after {
    content: "";
    position: absolute;
    border: 1px solid var(--color-primary);
    border-radius: var(--radius-big);
    left: 0;
    top: 0;
    z-index: 3;
    pointer-events: none;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-width: 2px;
  }
}
.advanced-card.edit-mode.status-bar.svelte-15fdaqo {
  min-height: 80px;
}
.advanced-card.edit-mode.status-bar.condensed.svelte-15fdaqo {
  min-height: 66px;
}
.advanced-card.edit-mode.svelte-15fdaqo::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-primary);
  opacity: 0.1;
  left: 0;
  top: 0;
  z-index: 1;
}
.advanced-card.edit-mode.svelte-15fdaqo .main:where(.svelte-15fdaqo) .edit-mode-icon {
  margin-right: 6px;
  z-index: 1;
}
.advanced-card.edit-mode.svelte-15fdaqo .main:where(.svelte-15fdaqo) .content:where(.svelte-15fdaqo) {
  z-index: 1;
}
.advanced-card.edit-mode.svelte-15fdaqo .right-slot-container:where(.svelte-15fdaqo) {
  z-index: 1;
  padding: 0;
}
.advanced-card.edit-mode.svelte-15fdaqo .right-slot-container:where(.svelte-15fdaqo) .actions-container {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.advanced-card.preview-mode.svelte-15fdaqo:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--color-primary);
  opacity: 0.1;
  z-index: 4;
}
.advanced-card.preview-mode.svelte-15fdaqo .highlighted-section:where(.svelte-15fdaqo) {
  z-index: 5;
}
.advanced-card.preview-mode.svelte-15fdaqo .right-slot-container:where(.svelte-15fdaqo) {
  pointer-events: none;
}
.advanced-card.svelte-15fdaqo .main:where(.svelte-15fdaqo) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  width: 100%;
}
.advanced-card.svelte-15fdaqo .main:where(.svelte-15fdaqo) .main-slot-container-ad:where(.svelte-15fdaqo) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.advanced-card.svelte-15fdaqo .main:where(.svelte-15fdaqo) .main-slot-container-ad:where(.svelte-15fdaqo) .labels-list .label.disabled {
  background-color: var(--color-0);
}
.advanced-card.svelte-15fdaqo .main:where(.svelte-15fdaqo) .main-slot-container-ad:where(.svelte-15fdaqo) .labels-list-v2:focus-visible {
  outline-color: var(--color-primary);
  outline-offset: -1px;
}
.advanced-card.svelte-15fdaqo .left-container:where(.svelte-15fdaqo) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.advanced-card.svelte-15fdaqo .left-container.left-container-bg:where(.svelte-15fdaqo) {
  background: var(--color-base);
  margin-right: 8px;
  margin-left: -6px;
  padding-left: 6px;
}
.advanced-card.svelte-15fdaqo .left-container.edit-mode-wrapper:where(.svelte-15fdaqo) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 3;
}
.advanced-card.svelte-15fdaqo .left-container.edit-mode-wrapper:where(.svelte-15fdaqo) .circle-avatar::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-primary);
  opacity: 0.1;
  left: 0;
  top: 0;
  z-index: 1;
  border-radius: inherit;
}
.advanced-card.svelte-15fdaqo .left-container.edit-mode-wrapper:where(.svelte-15fdaqo) .edit-mode-dots-container:where(.svelte-15fdaqo) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--color-base);
  margin-right: 6px;
  padding: 0 4px;
  height: calc(100% + 8px);
  margin-left: -6px;
}
.advanced-card.svelte-15fdaqo .left-container.edit-mode-wrapper:where(.svelte-15fdaqo) .edit-mode-dots-container.has-action:where(.svelte-15fdaqo) {
  padding: 0 8px;
}
.advanced-card.svelte-15fdaqo .right-slot-container:where(.svelte-15fdaqo) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.advanced-card.svelte-15fdaqo .right-slot-container:where(.svelte-15fdaqo) .label.label-l {
  min-width: 56px;
}
.advanced-card.svelte-15fdaqo .right-slot-container:where(.svelte-15fdaqo) .label.label-m {
  min-width: 40px;
}
.advanced-card.svelte-15fdaqo .right-slot-container:where(.svelte-15fdaqo) .device-button-v2 {
  z-index: 3;
}
.advanced-card.svelte-15fdaqo .main:where(.svelte-15fdaqo),
.advanced-card.svelte-15fdaqo .right-slot-container:where(.svelte-15fdaqo),
.advanced-card.svelte-15fdaqo .left-container:where(.svelte-15fdaqo) {
  padding-right: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.advanced-card.svelte-15fdaqo .left-container:where(.svelte-15fdaqo) {
  padding-right: 8px;
}
.advanced-card.svelte-15fdaqo .right-slot-container:where(.svelte-15fdaqo) {
  margin-left: 2px;
}
.advanced-card.svelte-15fdaqo .content-container:where(.svelte-15fdaqo) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 6px;
}
.advanced-card.svelte-15fdaqo .right-badge-container:where(.svelte-15fdaqo) {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  min-height: 16px;
}
.advanced-card.svelte-15fdaqo .right-badge-container:where(.svelte-15fdaqo) .label {
  max-width: 100%;
}@-webkit-keyframes svelte-14wnyvp-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-14wnyvp-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.card-status-bar.svelte-14wnyvp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--color-1);
  padding: 2px 6px;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.card-status-bar.svelte-14wnyvp::-webkit-scrollbar {
  display: none;
}
.card-status-bar.svelte-14wnyvp .card-status:where(.svelte-14wnyvp) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 4px;
}
.card-status-bar.svelte-14wnyvp .card-status:where(.svelte-14wnyvp):last-of-type {
  margin-right: 0;
}@-webkit-keyframes svelte-1hal3f1-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1hal3f1-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.card-status-bar.svelte-1hal3f1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--color-base);
  padding: 2px 6px;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.card-status-bar.svelte-1hal3f1::-webkit-scrollbar {
  display: none;
}
.card-status-bar.svelte-1hal3f1 .card-status:where(.svelte-1hal3f1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 4px;
}
.card-status-bar.svelte-1hal3f1 .card-status:where(.svelte-1hal3f1):last-of-type {
  margin-right: 0;
}
.card-status-bar.svelte-1hal3f1:focus-visible {
  outline-offset: -2px;
  border-radius: inherit;
  outline: 1px solid var(--color-primary);
  position: relative;
  border-top-left-radius: var(--radius-big);
  border-top-right-radius: var(--radius-big);
}@-webkit-keyframes svelte-6log4m-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-6log4m-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.labels-list.svelte-6log4m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.labels-list.svelte-6log4m::-webkit-scrollbar {
  display: none;
}
.labels-list.svelte-6log4m .label {
  margin-right: 1px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 0 !important;
  cursor: pointer;
}
.labels-list.default-cursor.svelte-6log4m .label {
  cursor: default;
}
.labels-list.long-content.svelte-6log4m .label {
  cursor: -webkit-grab;
  cursor: grab;
}
.labels-list.long-content.scroll.svelte-6log4m .label {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.labels-list.svelte-6log4m .label:first-of-type {
  border-top-left-radius: var(--radius-big) !important;
  border-bottom-left-radius: var(--radius-big) !important;
}
.labels-list.svelte-6log4m .label:last-of-type {
  border-top-right-radius: var(--radius-big) !important;
  border-bottom-right-radius: var(--radius-big) !important;
  margin-right: 0;
}@-webkit-keyframes svelte-x033uk-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-x033uk-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.actions-container.svelte-x033uk {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
}
.actions-container.vertical.svelte-x033uk {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.actions-container.svelte-x033uk .action:where(.svelte-x033uk) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.actions-container.normal.svelte-x033uk, .actions-container.separator.svelte-x033uk {
  border-radius: var(--radius-big);
  background: var(--color-1);
}
.actions-container.simple.svelte-x033uk .action:where(.svelte-x033uk) {
  margin-right: 6px;
}
.actions-container.simple.svelte-x033uk .action:where(.svelte-x033uk):last-of-type {
  margin-right: unset;
}
.actions-container.simple.vertical.svelte-x033uk .action:where(.svelte-x033uk) {
  margin-right: unset;
  margin-bottom: 6px;
}
.actions-container.simple.vertical.svelte-x033uk .action:where(.svelte-x033uk):last-of-type {
  margin-bottom: unset;
}
.actions-container.normal.svelte-x033uk {
  padding: 0 12px;
}
.actions-container.normal.svelte-x033uk .action:where(.svelte-x033uk) {
  padding: 12px 0;
  margin-right: 12px;
}
.actions-container.normal.svelte-x033uk .action:where(.svelte-x033uk):last-of-type {
  margin-right: unset;
}
.actions-container.normal.vertical.svelte-x033uk {
  padding: 12px 0;
}
.actions-container.normal.vertical.svelte-x033uk .action:where(.svelte-x033uk) {
  padding: 0 12px;
  margin-bottom: 12px;
  margin-right: unset;
}
.actions-container.normal.vertical.svelte-x033uk .action:where(.svelte-x033uk):last-of-type {
  margin-bottom: unset;
}
.actions-container.separator.svelte-x033uk .action:where(.svelte-x033uk) {
  padding: 12px;
  border-right: 1px solid var(--color-3);
}
.actions-container.separator.svelte-x033uk .action:where(.svelte-x033uk):last-of-type {
  border-right: none;
}
.actions-container.separator.vertical.svelte-x033uk .action:where(.svelte-x033uk) {
  border-right: none;
  border-bottom: 1px solid var(--color-3);
}
.actions-container.separator.vertical.svelte-x033uk .action:where(.svelte-x033uk):last-of-type {
  border-bottom: none;
}
.actions-container.separator.separator-color-2.svelte-x033uk .action:where(.svelte-x033uk) {
  border-color: var(--color-2);
}
.actions-container.svelte-x033uk .action-right-corner:where(.svelte-x033uk) {
  position: absolute;
  bottom: 0;
  right: 4px;
  cursor: se-resize;
}@-webkit-keyframes svelte-ovkc4l-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-ovkc4l-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.day-schedule.svelte-ovkc4l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}@-webkit-keyframes svelte-1sotm34-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1sotm34-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.parameter-card-group.svelte-1sotm34 {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  gap: 2px;
  border-radius: var(--radius-big);
  overflow: hidden;
}
.parameter-card-group.svelte-1sotm34 .container {
  border-radius: 0 !important;
}@-webkit-keyframes svelte-944dve-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-944dve-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.list-menu-card.svelte-944dve {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  border-radius: var(--radius-big);
  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-primary);
  opacity: 0.1;
  pointer-events: none;
}
.list-menu-card.svelte-944dve::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid var(--color-3);
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: var(--radius-big);
  pointer-events: none;
  z-index: 2;
}
.list-menu-card.selected.svelte-944dve, .list-menu-card.svelte-944dve:focus {
  -webkit-box-shadow: var(--shadow-glow-strong);
          box-shadow: var(--shadow-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-primary);
}
.list-menu-card.svelte-944dve .main:where(.svelte-944dve) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.list-menu-card.svelte-944dve .title-container:where(.svelte-944dve) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      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%;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.list-menu-card.svelte-944dve .overlay-bottom:where(.svelte-944dve) {
  height: 30%;
  bottom: 0;
}@-webkit-keyframes svelte-1ttk6h0-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1ttk6h0-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.widget-card.svelte-1ttk6h0 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  background: var(--color-2);
  padding: 8px;
  height: 100%;
  border-radius: var(--radius-big);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  overflow: hidden;
  outline: none;
  cursor: pointer;
}
.widget-card.media-card.svelte-1ttk6h0 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.widget-card.edit-mode.svelte-1ttk6h0 {
  padding-bottom: 64px;
  cursor: unset;
}
.widget-card.edit-mode.svelte-1ttk6h0:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--color-primary);
  opacity: 0.1;
  pointer-events: none;
  z-index: 1;
}
.widget-card.edit-mode.svelte-1ttk6h0 .bottom-slot-container:where(.svelte-1ttk6h0) {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-top: 0;
  width: 100%;
  z-index: 2;
}
.widget-card.edit-mode.svelte-1ttk6h0 .bottom-slot-container:where(.svelte-1ttk6h0) .actions-container {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.widget-card.preview-mode.svelte-1ttk6h0 {
  cursor: default;
}
.widget-card.preview-mode.svelte-1ttk6h0:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--color-primary);
  opacity: 0.1;
  z-index: 4;
}
.widget-card.preview-mode.svelte-1ttk6h0 .highlighted-section:where(.svelte-1ttk6h0) {
  z-index: 5;
}
.widget-card.preview-mode.svelte-1ttk6h0 .bottom-slot-container:where(.svelte-1ttk6h0) {
  pointer-events: none;
}
.widget-card.selected.svelte-1ttk6h0, .widget-card.svelte-1ttk6h0:focus:not(.weather-card):not(.preview-mode) {
  -webkit-box-shadow: var(--shadow-glow-strong);
          box-shadow: var(--shadow-glow-strong);
}
.widget-card.selected.svelte-1ttk6h0::before, .widget-card.svelte-1ttk6h0:focus:not(.weather-card):not(.preview-mode)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: var(--radius-big);
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-primary);
  pointer-events: none;
  z-index: 3;
}
.widget-card.weather-card.svelte-1ttk6h0 {
  padding: 8px;
  background-color: var(--color-base);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: auto;
  min-height: 92px;
}
.widget-card.weather-card.svelte-1ttk6h0 .weather-card-inner:where(.svelte-1ttk6h0) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: var(--radius-big);
  text-align: left;
}
.widget-card.weather-card.svelte-1ttk6h0 .weather-card-inner:where(.svelte-1ttk6h0) .weather-temperature {
  font-size: 40px;
  line-height: 48px;
}
.widget-card.weather-card.svelte-1ttk6h0 .bottom-slot-container:where(.svelte-1ttk6h0) {
  padding-top: 0;
}
.widget-card.svelte-1ttk6h0 .widget-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.widget-card.svelte-1ttk6h0 .widger-card-overlay:where(.svelte-1ttk6h0) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
}
.widget-card.svelte-1ttk6h0 .widget-avatar-image:where(.svelte-1ttk6h0) {
  margin: -8px;
  margin-bottom: 0;
  width: calc(100% + 16px);
  height: 56px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.widget-card.svelte-1ttk6h0 .title-container:where(.svelte-1ttk6h0) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 20px;
  max-height: 32px;
  overflow: hidden;
}
.widget-card.svelte-1ttk6h0 .title-container.with-icon:where(.svelte-1ttk6h0) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: none;
}
.widget-card.svelte-1ttk6h0 .title-container:where(.svelte-1ttk6h0) .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.widget-card.svelte-1ttk6h0 .bottom-slot-container:where(.svelte-1ttk6h0),
.widget-card.svelte-1ttk6h0 .main-slot-widget-container:where(.svelte-1ttk6h0) {
  width: 100%;
  padding-top: 8px;
}
.widget-card.svelte-1ttk6h0 .bottom-slot-container.type-media:where(.svelte-1ttk6h0),
.widget-card.svelte-1ttk6h0 .main-slot-widget-container.type-media:where(.svelte-1ttk6h0) {
  padding-top: 6px;
  padding-bottom: 6px;
}
.widget-card.svelte-1ttk6h0 .main-container:where(.svelte-1ttk6h0) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.widget-card.svelte-1ttk6h0 .main-container.only-text:where(.svelte-1ttk6h0) {
  margin-top: 14px;
}
.widget-card.svelte-1ttk6h0 .main-container.title-with-icon:where(.svelte-1ttk6h0) {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.widget-card.svelte-1ttk6h0 .main-container:where(.svelte-1ttk6h0) .main-container-top:where(.svelte-1ttk6h0) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.widget-card.svelte-1ttk6h0 .main-container:where(.svelte-1ttk6h0) .main-container-inner:where(.svelte-1ttk6h0) {
  max-width: 100%;
}
.widget-card.svelte-1ttk6h0 .bottom-slot-container:where(.svelte-1ttk6h0),
.widget-card.svelte-1ttk6h0 .main-container:where(.svelte-1ttk6h0) {
  z-index: 1;
}@-webkit-keyframes svelte-1nmx1s3-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1nmx1s3-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.media-controls-wrapper.svelte-1nmx1s3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 56px;
}
.media-controls-wrapper.svelte-1nmx1s3 button:where(.svelte-1nmx1s3) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.media-controls-wrapper.svelte-1nmx1s3 button:where(.svelte-1nmx1s3):disabled {
  cursor: not-allowed;
}
.media-controls-wrapper.svelte-1nmx1s3 .play-pause-btn:where(.svelte-1nmx1s3) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
  max-height: 44px;
  background-color: var(--color-white);
  border: 2px solid var(--color-white);
}
.media-controls-wrapper.svelte-1nmx1s3 .play-pause-btn:where(.svelte-1nmx1s3):disabled {
  cursor: not-allowed;
}
.media-controls-wrapper.svelte-1nmx1s3 .play-pause-btn.disabled-overlay:where(.svelte-1nmx1s3)::before {
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
}
@media (hover: hover) and (pointer: fine) {
  .media-controls-wrapper.svelte-1nmx1s3 .play-pause-btn:where(.svelte-1nmx1s3):not(:disabled):hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6.54%, #c6c6c6), color-stop(82.48%, #fff));
    background: linear-gradient(180deg, #c6c6c6 6.54%, #fff 82.48%);
  }
}
.media-controls-wrapper.svelte-1nmx1s3 .play-pause-btn:where(.svelte-1nmx1s3):focus, .media-controls-wrapper.svelte-1nmx1s3 .play-pause-btn:where(.svelte-1nmx1s3):not(:disabled):active {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(6.54%, #b4b4b4), color-stop(82.48%, #fff));
  background: linear-gradient(180deg, #b4b4b4 6.54%, #fff 82.48%);
}
.media-controls-wrapper.svelte-1nmx1s3 .control-icon:hover:not(:disabled) {
  color: var(--color-muted) !important;
}
.media-controls-wrapper.svelte-1nmx1s3 .control-icon:focus, .media-controls-wrapper.svelte-1nmx1s3 .control-icon:not(:disabled):active {
  color: var(--color-muted) !important;
}@-webkit-keyframes svelte-71zz4k-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-71zz4k-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.card-grid-wrapper.svelte-71zz4k {
  position: relative;
}

.card-grid.svelte-71zz4k {
  --col-min-width: 180px;
  display: grid;
  row-gap: var(--row-gap);
  -webkit-column-gap: var(--col-gap);
     -moz-column-gap: var(--col-gap);
          column-gap: var(--col-gap);
  grid-template-columns: repeat(auto-fill, minmax(var(--col-min-width, 180px), 1fr));
  padding-bottom: var(--row-gap);
  outline: none;
}
.card-grid.svelte-71zz4k:focus-visible:before {
  content: "";
  position: absolute;
  top: -8px;
  left: -8px;
  width: calc(100% + 16px);
  height: 100%;
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-big);
  pointer-events: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}
.card-grid.grid-gap-l.svelte-71zz4k {
  --row-gap: 24px;
  --col-gap: 24px;
}
.card-grid.grid-gap-m.svelte-71zz4k {
  --row-gap: 16px;
  --col-gap: 16px;
}
.card-grid.grid-gap-s.svelte-71zz4k {
  --row-gap: 8px;
  --col-gap: 8px;
}
.card-grid.svelte-71zz4k > div {
  outline: none;
}
.card-grid.no-bottom-padding.svelte-71zz4k {
  padding-bottom: 0;
}
.card-grid.edit-mode.svelte-71zz4k {
  overflow-y: auto;
  padding-right: 18px;
  margin-right: -18px;
}
.card-grid.edit-mode.edit-mode-scroll.svelte-71zz4k {
  padding-right: 15px;
  margin-right: -15px;
}
.card-grid.edit-mode.card-grid-modal.svelte-71zz4k {
  padding-right: 15px;
  margin-right: -15px;
}
.card-grid.edit-mode.card-grid-modal.edit-mode-scroll.svelte-71zz4k {
  padding-right: 9px;
}
.card-grid.grid-styled-dnd-zone.svelte-71zz4k {
  padding: 14px;
  border: 2px dashed var(--color-primary);
  border-radius: var(--radius-extra-big);
}
.card-grid.grid-row-min-content.svelte-71zz4k {
  grid-auto-rows: minmax(0px, -webkit-min-content);
  grid-auto-rows: minmax(0px, min-content);
}
@media screen and (max-width: 1123px) {
  .card-grid.edit-mode.svelte-71zz4k, .card-grid.edit-mode.card-grid-modal.svelte-71zz4k {
    padding-right: 15px;
    margin-right: -15px;
  }
  .card-grid.edit-mode.edit-mode-scroll.svelte-71zz4k, .card-grid.edit-mode.card-grid-modal.edit-mode-scroll.svelte-71zz4k {
    padding-right: 9px;
  }
}
@media screen and (max-width: 639px) {
  .card-grid.grid-gap-m.svelte-71zz4k:not(.force-grid-gap-on-mobile), .card-grid.grid-gap-s.svelte-71zz4k:not(.force-grid-gap-on-mobile) {
    --row-gap: 8px;
    --col-gap: 8px;
  }
  .card-grid.edit-mode.svelte-71zz4k, .card-grid.edit-mode.card-grid-modal.svelte-71zz4k {
    padding-right: 11px;
    margin-right: -11px;
  }
  .card-grid.edit-mode.edit-mode-scroll.svelte-71zz4k, .card-grid.edit-mode.card-grid-modal.edit-mode-scroll.svelte-71zz4k {
    padding-right: 5px;
  }
}
@media (min-width: 320px) {
  .card-grid.svelte-71zz4k {
    --col-min-width: var(
    	--col-min-width-sm,
    	var(--col-min-width-md, var(--col-min-width-lg, var(--col-min-width-xl)))
    );
  }
}
@media (min-width: 640px) {
  .card-grid.svelte-71zz4k {
    --col-min-width: var(
    	--col-min-width-md,
    	var(--col-min-width-lg, var(--col-min-width-sm, var(--col-min-width-xl)))
    );
  }
}
@media (min-width: 1124px) {
  .card-grid.svelte-71zz4k {
    --col-min-width: var(
    	--col-min-width-lg,
    	var(--col-min-width-md, var(--col-min-width-sm, var(--col-min-width-xl)))
    );
  }
}
@media (min-width: 1280px) {
  .card-grid.svelte-71zz4k {
    --col-min-width: var(
    	--col-min-width-xl,
    	var(--col-min-width-lg, var(--col-min-width-md, var(--col-min-width-sm)))
    );
  }
}@-webkit-keyframes svelte-eh5haw-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-eh5haw-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.color-wheel.svelte-eh5haw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.color-wheel.svelte-eh5haw .wheel-wrapper:where(.svelte-eh5haw) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.color-wheel.svelte-eh5haw .wheel-wrapper:where(.svelte-eh5haw)::before, .color-wheel.svelte-eh5haw .wheel-wrapper:where(.svelte-eh5haw)::after {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border-radius: 50%;
}
.color-wheel.svelte-eh5haw .wheel-wrapper:where(.svelte-eh5haw)::before {
  content: "";
  border: 8px solid var(--color-1);
  pointer-events: none;
}
.color-wheel.svelte-eh5haw .wheel-wrapper.dragging:where(.svelte-eh5haw)::before {
  border-color: var(--selected-color);
  -webkit-box-shadow: 0px 0px 20px 5px var(--selected-color);
          box-shadow: 0px 0px 20px 5px var(--selected-color);
}
.color-wheel.svelte-eh5haw .wheel-wrapper.disabled:where(.svelte-eh5haw)::after {
  content: "";
  background-color: var(--color-base);
  opacity: 0.5;
  z-index: 1;
  cursor: not-allowed;
}
.color-wheel.svelte-eh5haw .wheel-wrapper:where(.svelte-eh5haw) .wheel:where(.svelte-eh5haw) {
  border-radius: 50%;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.color-wheel.svelte-eh5haw .wheel-wrapper:where(.svelte-eh5haw) .wheel-pointer:where(.svelte-eh5haw) {
  position: absolute;
  border: 4px solid var(--color-white);
  border-radius: 50%;
  background-color: var(--selected-color);
  -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.75);
  -ms-touch-action: none;
      touch-action: none;
  z-index: 2;
  top: calc(50% - 16px);
  left: calc(50% - 16px);
}
.color-wheel.svelte-eh5haw .wheel-wrapper:where(.svelte-eh5haw) .wheel-pointer:where(.svelte-eh5haw):focus {
  outline: 2px solid var(--color-primary);
}
.color-wheel.svelte-eh5haw .wheel-wrapper:where(.svelte-eh5haw) .save-button {
  position: absolute;
  top: -8px;
  right: -8px;
  opacity: 0;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  pointer-events: none;
  -webkit-transition: opacity 150ms ease, -webkit-filter 150ms ease;
  transition: opacity 150ms ease, -webkit-filter 150ms ease;
  transition: opacity 150ms ease, filter 150ms ease;
  transition: opacity 150ms ease, filter 150ms ease, -webkit-filter 150ms ease;
}
.color-wheel.svelte-eh5haw .wheel-wrapper:where(.svelte-eh5haw) .save-button.visible {
  opacity: 1;
  -webkit-filter: blur(0px);
          filter: blur(0px);
  pointer-events: all;
}
.color-wheel.svelte-eh5haw .color-wheel-values:where(.svelte-eh5haw) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--radius-big);
}
.color-wheel.svelte-eh5haw .color-wheel-values.color-wheel-values-input:where(.svelte-eh5haw) {
  width: calc(100% + 16px);
  margin-left: -8px;
  margin-right: -8px;
  padding: 16px;
}
.color-wheel.svelte-eh5haw .color-wheel-values.color-wheel-values-label:where(.svelte-eh5haw) .color-wheel-values-card {
  min-width: 56px;
}@-webkit-keyframes svelte-12noica-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-12noica-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.label.svelte-12noica {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--color-base);
  border-radius: var(--radius-big);
}
.label.is-focusable.svelte-12noica:focus-visible {
  outline-offset: 1px;
  outline: 1px solid var(--color-primary);
}
.label.bg-opacity.svelte-12noica {
  background: var(--color-1-opacity);
}
.label.vertical.svelte-12noica {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.label.label-xs.svelte-12noica {
  height: 16px;
  padding: 3px 6px;
}
.label.label-xs.has-icon.svelte-12noica {
  padding: 2px 4px;
  padding-right: 6px;
}
.label.label-xs.has-only-icon.svelte-12noica {
  padding: 2px 4px;
}
.label.label-s.svelte-12noica {
  height: 24px;
  padding: 6.5px 8px;
}
.label.label-s.has-icon.svelte-12noica {
  padding: 5px 6px;
  padding-right: 8px;
}
.label.label-s.has-only-icon.svelte-12noica {
  padding: 5px 8px;
}
.label.label-s.vertical.svelte-12noica {
  padding: 6px 8px;
  height: 41px;
  min-width: 36px;
}
.label.label-m.svelte-12noica {
  height: 32px;
  padding: 8.5px 12px;
  border-radius: var(--radius-extra-big);
}
.label.label-m.has-icon.svelte-12noica {
  padding: 6px 10px;
  padding-right: 12px;
}
.label.label-m.has-only-icon.svelte-12noica {
  padding: 6px 12px;
}
.label.label-l.svelte-12noica {
  min-width: 56px;
  min-height: 56px;
  padding: 8px;
}
.label.label-xl.svelte-12noica {
  height: 48px;
  padding: 8.5px 16px;
  border-radius: var(--radius-extra-extra-big);
}
.label.label-xl.has-icon.svelte-12noica {
  padding: 8px 14px;
  padding-right: 16px;
}
.label.label-xl.has-only-icon.svelte-12noica {
  padding: 8px 16px;
}
.label.label-xl.has-only-text.svelte-12noica {
  padding: 10.5px 16px;
}
.label.label-xl.svelte-12noica .icon-grid {
  margin: auto;
}
.label.label-xs.no-radius-top-left-diagonal.svelte-12noica, .label.label-s.no-radius-top-left-diagonal.svelte-12noica, .label.label-m.no-radius-top-left-diagonal.svelte-12noica, .label.label-l.no-radius-top-left-diagonal.svelte-12noica, .label.label-xl.no-radius-top-left-diagonal.svelte-12noica {
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
}
.label.label-xs.no-radius-bottom-left-diagonal.svelte-12noica, .label.label-s.no-radius-bottom-left-diagonal.svelte-12noica, .label.label-m.no-radius-bottom-left-diagonal.svelte-12noica, .label.label-l.no-radius-bottom-left-diagonal.svelte-12noica, .label.label-xl.no-radius-bottom-left-diagonal.svelte-12noica {
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
}
.label.label-xs.no-radius-left.svelte-12noica, .label.label-s.no-radius-left.svelte-12noica, .label.label-m.no-radius-left.svelte-12noica, .label.label-l.no-radius-left.svelte-12noica, .label.label-xl.no-radius-left.svelte-12noica {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.label.blinking-bg.svelte-12noica {
  -webkit-animation: svelte-12noica-blinkBgColor 2800ms linear infinite;
          animation: svelte-12noica-blinkBgColor 2800ms linear infinite;
}
.label.svelte-12noica .label-value-container:where(.svelte-12noica) {
  max-width: 100%;
  overflow: hidden;
  text-align: center;
}
.label.svelte-12noica .label-value-container:where(.svelte-12noica) .label-value:first-letter {
  text-transform: uppercase;
}
.label.svelte-12noica .blinking-icon {
  -webkit-animation: svelte-12noica-blinkColor 2800ms linear infinite;
          animation: svelte-12noica-blinkColor 2800ms linear infinite;
}

@-webkit-keyframes svelte-12noica-blinkBgColor {
  0% {
    background-color: var(--blink-animation-start-color);
  }
  42.85% {
    /* (1200ms / 2800ms) * 100 */
    background-color: var(--blink-animation-start-color);
  }
  50% {
    /* (1200ms + 200ms) / 2800ms * 100 */
    background-color: var(--blink-animation-end-color);
  }
  92.85% {
    /* (1200ms + 200ms + 1200ms) / 2900ms * 100 */
    background-color: var(--blink-animation-end-color);
  }
  100% {
    background-color: var(--blink-animation-start-color);
  }
}

@keyframes svelte-12noica-blinkBgColor {
  0% {
    background-color: var(--blink-animation-start-color);
  }
  42.85% {
    /* (1200ms / 2800ms) * 100 */
    background-color: var(--blink-animation-start-color);
  }
  50% {
    /* (1200ms + 200ms) / 2800ms * 100 */
    background-color: var(--blink-animation-end-color);
  }
  92.85% {
    /* (1200ms + 200ms + 1200ms) / 2900ms * 100 */
    background-color: var(--blink-animation-end-color);
  }
  100% {
    background-color: var(--blink-animation-start-color);
  }
}
@-webkit-keyframes svelte-12noica-blinkColor {
  0% {
    color: var(--blink-animation-start-color);
  }
  42.85% {
    /* (1200ms / 2800ms) * 100 */
    color: var(--blink-animation-start-color);
  }
  50% {
    /* (1200ms + 200ms) / 2800ms * 100 */
    color: var(--blink-animation-end-color);
  }
  92.85% {
    /* (1200ms + 200ms + 1200ms) / 2900ms * 100 */
    color: var(--blink-animation-end-color);
  }
  100% {
    color: var(--blink-animation-start-color);
  }
}
@keyframes svelte-12noica-blinkColor {
  0% {
    color: var(--blink-animation-start-color);
  }
  42.85% {
    /* (1200ms / 2800ms) * 100 */
    color: var(--blink-animation-start-color);
  }
  50% {
    /* (1200ms + 200ms) / 2800ms * 100 */
    color: var(--blink-animation-end-color);
  }
  92.85% {
    /* (1200ms + 200ms + 1200ms) / 2900ms * 100 */
    color: var(--blink-animation-end-color);
  }
  100% {
    color: var(--blink-animation-start-color);
  }
}@-webkit-keyframes svelte-r0l62-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-r0l62-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.temperature-wheel.svelte-r0l62 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .value:where(.svelte-r0l62) {
  position: absolute;
  top: 73px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .value.with-current:where(.svelte-r0l62) {
  top: 58px;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .value.with-icon-loader-only:where(.svelte-r0l62) {
  top: 81px;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .handle-wrapper:where(.svelte-r0l62) {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  z-index: 2;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .handle-wrapper:where(.svelte-r0l62) .handle:where(.svelte-r0l62) {
  cursor: default;
  position: absolute;
  right: -10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 32px;
  width: 32px;
  border-radius: 100%;
  background: var(--color-white);
  -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.75);
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .handle-wrapper:where(.svelte-r0l62) .handle:where(.svelte-r0l62)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: var(--color-white);
  border-radius: inherit;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .handle-wrapper:where(.svelte-r0l62) .handle:where(.svelte-r0l62):focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  -webkit-box-shadow: 0 0 0 2px var(--color-primary-20);
          box-shadow: 0 0 0 2px var(--color-primary-20);
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .min-value:where(.svelte-r0l62),
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .max-value:where(.svelte-r0l62) {
  position: absolute;
  bottom: 10px;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .min-value:where(.svelte-r0l62) {
  left: 16%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .max-value:where(.svelte-r0l62) {
  right: 16%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .wheel-buttons-wrapper:where(.svelte-r0l62) {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  bottom: 0;
  z-index: 3;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .wheel-buttons-wrapper:where(.svelte-r0l62) button:where(.svelte-r0l62) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
  background-color: var(--color-white);
  border: 2px solid var(--color-white);
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .wheel-buttons-wrapper:where(.svelte-r0l62) button:where(.svelte-r0l62):disabled {
  cursor: not-allowed;
}
@media (hover: hover) and (pointer: fine) {
  .temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .wheel-buttons-wrapper:where(.svelte-r0l62) button:where(.svelte-r0l62):not(:disabled):hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6.54%, #c6c6c6), color-stop(82.48%, #fff));
    background: linear-gradient(180deg, #c6c6c6 6.54%, #fff 82.48%);
  }
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .wheel-buttons-wrapper:where(.svelte-r0l62) button:where(.svelte-r0l62):not(:disabled):active, .temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .wheel-buttons-wrapper:where(.svelte-r0l62) button.is-pressed:where(.svelte-r0l62):not(:disabled) {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(6.54%, #b4b4b4), color-stop(82.48%, #fff));
  background: linear-gradient(180deg, #b4b4b4 6.54%, #fff 82.48%);
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .wheel-buttons-wrapper:where(.svelte-r0l62) button:where(.svelte-r0l62):not(:disabled):focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .wheel-buttons-wrapper:where(.svelte-r0l62) button.disabled-overlay:where(.svelte-r0l62)::before {
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .disabled-overlay:where(.svelte-r0l62) {
  cursor: not-allowed !important;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .disabled-overlay:where(.svelte-r0l62)::before {
  z-index: 5;
}
.temperature-wheel.svelte-r0l62 .wheel-wrapper:where(.svelte-r0l62) .upper-absolute-el {
  position: absolute;
  top: -28px;
}@-webkit-keyframes svelte-97of1c-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-97of1c-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.fav-color.svelte-97of1c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  border-radius: var(--radius-big);
  padding: 6px;
  cursor: pointer;
}
.fav-color.svelte-97of1c:focus-visible .color-icon,
.fav-color.svelte-97of1c:focus-visible .color-icon.active-icon {
  border: 1px solid var(--color-primary);
  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-primary);
  border: 1px solid var(--color-white);
  border-radius: 50%;
}@-webkit-keyframes svelte-1aeerpm-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1aeerpm-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.time-picker-action.svelte-1aeerpm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 42px;
  height: 100%;
}
.time-picker-action.svelte-1aeerpm:before {
  content: "";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  width: 100%;
  height: calc(100% - 42px);
  background: var(--color-1);
}
.time-picker-action.svelte-1aeerpm .tp-input:where(.svelte-1aeerpm) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  z-index: 1;
  max-width: 100%;
  overflow: hidden;
}
.time-picker-action.svelte-1aeerpm .tp-input:where(.svelte-1aeerpm) input:where(.svelte-1aeerpm) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  color: var(--color-white);
  margin: 0;
  padding: 0;
  margin: 0;
  width: 35px;
  outline: none;
  background: var(--color-1);
  text-align: center;
  border: 1px solid var(--color-2);
  height: 80%;
}
.time-picker-action.svelte-1aeerpm .tp-input:where(.svelte-1aeerpm) input:where(.svelte-1aeerpm)::-webkit-outer-spin-button, .time-picker-action.svelte-1aeerpm .tp-input:where(.svelte-1aeerpm) input:where(.svelte-1aeerpm)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.time-picker-action.svelte-1aeerpm .tp-input:where(.svelte-1aeerpm) input[type=number]:where(.svelte-1aeerpm) {
  -moz-appearance: textfield;
}
.time-picker-action.svelte-1aeerpm .tp-action-btn {
  background: transparent !important;
  width: 42px !important;
  height: 42px !important;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 1;
}
.time-picker-action.svelte-1aeerpm .tp-action-btn .icon-grid {
  color: var(--color-1) !important;
}
.time-picker-action.svelte-1aeerpm .tp-action-btn::before {
  content: none !important;
}@-webkit-keyframes svelte-jyukei-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-jyukei-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.time-picker-container.svelte-jyukei {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  background: var(--color-3);
  border-radius: 30px;
  width: 122px;
  height: 142px;
}
.time-picker-container.svelte-jyukei .time-picker-separator {
  padding: 8px;
}@-webkit-keyframes svelte-1ths6je-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1ths6je-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.expandable-table.svelte-1ths6je {
  border-top-left-radius: var(--radius-small);
  border-top-right-radius: var(--radius-small);
  --expandable-table-col-template: repeat(auto-fit, minmax(0, 1fr));
}@-webkit-keyframes svelte-n7rxsb-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-n7rxsb-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.expandable-table-row-container.svelte-n7rxsb {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 200ms ease-in-out;
  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;
  -webkit-transition: all 200ms ease-in-out;
  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-base);
}
.expandable-table-row-container.background-expandable-row.row-color-color-0.svelte-n7rxsb {
  background-color: var(--color-0);
}
.expandable-table-row-container.background-blur.svelte-n7rxsb {
  background-color: var(--color-1);
  border-top-left-radius: var(--radius-small);
  border-top-right-radius: var(--radius-small);
}
.expandable-table-row-container.expanded.svelte-n7rxsb:not(.background-blur) {
  border-radius: var(--radius-small);
  -webkit-box-shadow: var(--shadow-glow-strong);
          box-shadow: var(--shadow-glow-strong);
  margin-top: 4px;
  margin-bottom: 4px;
}
.expandable-table-row-container.expanded.svelte-n7rxsb:not(.background-blur):before {
  border-color: var(--color-primary);
  border-radius: var(--radius-small);
}
.expandable-table-row-container.expanded.svelte-n7rxsb .expandable-arrow-container:where(.svelte-n7rxsb) .icon-grid i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          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-2);
  min-height: 44px;
}
.expandable-table-row-container.svelte-n7rxsb .expandable-table-row:where(.svelte-n7rxsb) .expandable-arrow-container:where(.svelte-n7rxsb) {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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 {
  -webkit-transition: all 200ms ease-in-out;
  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;
  }
}@-webkit-keyframes svelte-ywtkez-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-ywtkez-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.expandable-table-col.svelte-ywtkez {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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;
  color: var(--color-white);
  margin: 0;
}

@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;
    color: var(--color-white);
    margin: 0;
  }
}@-webkit-keyframes svelte-1ujtk3a-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1ujtk3a-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.weather-widget.svelte-1ujtk3a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8px;
  background-color: var(--color-base);
  border-radius: var(--radius-big);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.weather-widget.svelte-1ujtk3a .widget:where(.svelte-1ujtk3a) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8px;
  border-radius: var(--radius-big);
  min-height: 76px;
}
.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.weather-widget.svelte-1ujtk3a .widget:where(.svelte-1ujtk3a) .widget-header:where(.svelte-1ujtk3a) .left-content:where(.svelte-1ujtk3a) {
  max-width: 152px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.weather-widget.svelte-1ujtk3a .widget:where(.svelte-1ujtk3a) .widget-line:where(.svelte-1ujtk3a) {
  border-color: var(--color-white);
  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;
}@-webkit-keyframes svelte-1so437e-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1so437e-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.heating-cooling-card.svelte-1so437e {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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.svelte-1so437e:focus, .heating-cooling-card.selected.svelte-1so437e {
  -webkit-box-shadow: var(--shadow-glow-strong);
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 6px 6px 0px;
}@-webkit-keyframes svelte-56ds62-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-56ds62-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.heating-cooling-card-v2.svelte-56ds62 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: var(--color-1);
  border-radius: var(--radius-big);
  overflow: hidden;
  outline: none;
  position: relative;
  border: 1px solid var(--color-2);
}
.heating-cooling-card-v2.focusable.svelte-56ds62 {
  cursor: pointer;
}
.heating-cooling-card-v2.edit-mode.svelte-56ds62 {
  cursor: unset;
}
@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: -webkit-grab;
  cursor: grab;
}
.heating-cooling-card-v2.edit-mode.is-not-desktop.svelte-56ds62 .title-container:where(.svelte-56ds62) {
  cursor: -webkit-grab;
  cursor: grab;
}
.heating-cooling-card-v2.focusable.svelte-56ds62:focus-visible {
  -webkit-box-shadow: 0px 0px 0px 4px rgba(36, 145, 255, 0.3019607843);
          box-shadow: 0px 0px 0px 4px rgba(36, 145, 255, 0.3019607843);
  outline: 1px solid var(--color-primary);
  outline-offset: -1px;
}
.heating-cooling-card-v2.selected.svelte-56ds62, .heating-cooling-card-v2.selected.focusable.svelte-56ds62:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: -2px;
}
.heating-cooling-card-v2.svelte-56ds62 .heading:where(.svelte-56ds62) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 8px;
}
.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 8px 8px 0px;
}

#dnd-action-dragged-el .heating-cooling-card-v2.svelte-56ds62 {
  -webkit-box-shadow: var(--shadow-glow-strong);
          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: -webkit-grabbing;
  cursor: grabbing;
}
#dnd-action-dragged-el .heating-cooling-card-v2.is-not-desktop.svelte-56ds62 .title-container:where(.svelte-56ds62) {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}@-webkit-keyframes svelte-1qi3bvg-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1qi3bvg-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.prev-next-switch.svelte-1qi3bvg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px;
  background: var(--color-base);
  border: 1px solid var(--color-3);
  border-radius: var(--radius-small);
  overflow: hidden;
  min-width: 68px;
}
.prev-next-switch.svelte-1qi3bvg .prev-next-btn {
  cursor: pointer;
}
.prev-next-switch.svelte-1qi3bvg .prev-next-btn.disabled {
  color: var(--color-3);
  cursor: not-allowed;
}@-webkit-keyframes svelte-ga11am-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-ga11am-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.fullscreen-container.svelte-ga11am {
  position: relative;
  background: var(--color-2);
  border-radius: var(--radius-big);
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: 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;
}@-webkit-keyframes svelte-1iviy9i-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1iviy9i-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.list-number-card.svelte-1iviy9i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-radius: var(--radius-big);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  outline: none;
}
.list-number-card.svelte-1iviy9i .card-number {
  width: 16px;
  white-space: nowrap;
}
.list-number-card.svelte-1iviy9i .content:where(.svelte-1iviy9i) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  background: var(--color-base);
  border-radius: var(--radius-big);
  overflow: hidden;
}
.list-number-card.svelte-1iviy9i .content.size-m:where(.svelte-1iviy9i) {
  min-height: 64px;
  padding: 16px;
}
.list-number-card.svelte-1iviy9i .content.size-s:where(.svelte-1iviy9i) {
  min-height: 48px;
  padding: 8px;
}
.list-number-card.svelte-1iviy9i .content:where(.svelte-1iviy9i) > * {
  z-index: 1;
}
.list-number-card.svelte-1iviy9i:focus .content:where(.svelte-1iviy9i) {
  -webkit-box-shadow: var(--shadow-glow-strong);
          box-shadow: var(--shadow-glow-strong);
}
.list-number-card.svelte-1iviy9i:focus .content:where(.svelte-1iviy9i)::after {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-big);
  left: 0;
  top: 0;
  z-index: 2;
  pointer-events: none;
}
.list-number-card.on-drag.svelte-1iviy9i .card-number {
  opacity: 0;
}
.list-number-card.edit-mode.svelte-1iviy9i .content:where(.svelte-1iviy9i)::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-primary-10);
  border-radius: var(--radius-big);
  left: 0;
  top: 0;
}@-webkit-keyframes svelte-1ei8txq-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1ei8txq-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.speedometer.svelte-1ei8txq {
  --arrow-width: 64px;
  --min-max-spacing: -16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.speedometer.svelte-1ei8txq .speedometer-main-wrapper:where(.svelte-1ei8txq) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.speedometer.svelte-1ei8txq .wheel-wrapper:where(.svelte-1ei8txq) {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 50%;
}
.speedometer.svelte-1ei8txq .wheel-wrapper:where(.svelte-1ei8txq) .value-container:where(.svelte-1ei8txq) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-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;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
  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%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 14px;
  width: 14px;
  border-radius: 100%;
  background: var(--color-1);
}
.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%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  background: var(--color-1);
  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(--color-white);
  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%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.speedometer.svelte-1ei8txq .wheel-wrapper:where(.svelte-1ei8txq) .max-value:where(.svelte-1ei8txq) {
  right: 16%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}@-webkit-keyframes svelte-4sbcyu-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-4sbcyu-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.progress-bar.svelte-4sbcyu {
  height: 4px;
  width: 144px;
  border-radius: var(--radius-small);
  background-color: var(--color-2);
}
.progress-bar.svelte-4sbcyu .line:where(.svelte-4sbcyu) {
  width: 0%;
  height: 100%;
  border-radius: var(--radius-small);
  -webkit-transition: width 200ms;
  transition: width 200ms;
}
.progress-bar.premium.svelte-4sbcyu .line:where(.svelte-4sbcyu) {
  background-image: var(--gradient-premium);
  -webkit-box-shadow: var(--shadow-glow-warning-strong);
          box-shadow: var(--shadow-glow-warning-strong);
}
.progress-bar.primary.svelte-4sbcyu .line:where(.svelte-4sbcyu) {
  background-color: var(--color-primary);
  -webkit-box-shadow: var(--shadow-glow-strong);
          box-shadow: var(--shadow-glow-strong);
}
.progress-bar.success.svelte-4sbcyu .line:where(.svelte-4sbcyu) {
  background-color: var(--color-success);
  -webkit-box-shadow: var(--shadow-glow-success-strong);
          box-shadow: var(--shadow-glow-success-strong);
}
.progress-bar.warning.svelte-4sbcyu .line:where(.svelte-4sbcyu) {
  background-color: var(--color-warning);
  -webkit-box-shadow: var(--shadow-glow-warning-strong);
          box-shadow: var(--shadow-glow-warning-strong);
}
.progress-bar.danger.svelte-4sbcyu .line:where(.svelte-4sbcyu) {
  background-color: var(--color-danger);
  -webkit-box-shadow: var(--shadow-glow-danger-strong);
          box-shadow: var(--shadow-glow-danger-strong);
}@-webkit-keyframes svelte-310pn6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-310pn6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.premium-card.svelte-310pn6 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border-radius: var(--radius-big);
  background: var(--color-2);
  padding: 6px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.premium-card.color-warning-10.svelte-310pn6 {
  background-color: var(--color-warning-10);
}
.premium-card.color-warning-10.svelte-310pn6:not(.active) {
  border-color: var(--color-warning-10);
}
.premium-card.color-1.svelte-310pn6 {
  background-color: var(--color-1);
}
.premium-card.color-1.svelte-310pn6:not(.active) {
  border-color: var(--color-1);
}
.premium-card.svelte-310pn6::before, .premium-card.svelte-310pn6::after {
  content: "";
  position: absolute;
  background-color: var(--color-2);
  border-radius: var(--radius-big);
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  pointer-events: none;
  z-index: -1;
}
.premium-card.active.svelte-310pn6::before, .premium-card.active.svelte-310pn6::after {
  background: var(--gradient-premium);
}
.premium-card.active.svelte-310pn6::after {
  -webkit-filter: blur(20px);
          filter: blur(20px);
  opacity: 0.6;
}
.premium-card.svelte-310pn6 .badge {
  top: -2px !important;
  left: -2px !important;
}@-webkit-keyframes svelte-1wj2zaw-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1wj2zaw-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.verification-code-wrapper.svelte-1wj2zaw {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.verification-code-wrapper.svelte-1wj2zaw input:where(.svelte-1wj2zaw) {
  width: 100%;
  background: var(--color-base);
  border: 1px solid var(--color-3);
  outline: none;
  caret-color: var(--color-white);
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.verification-code-wrapper.svelte-1wj2zaw input:where(.svelte-1wj2zaw):hover:not(:disabled):not(.input-error) {
  border-color: var(--color-secondary);
}
.verification-code-wrapper.svelte-1wj2zaw input:where(.svelte-1wj2zaw):focus:not(:disabled):not(.input-error) {
  border-color: var(--color-primary);
}
.verification-code-wrapper.svelte-1wj2zaw input.input-error:where(.svelte-1wj2zaw) {
  border-color: var(--color-danger);
}
.verification-code-wrapper.svelte-1wj2zaw input.input-m:where(.svelte-1wj2zaw) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
  height: 32px;
  padding: 0px 5px;
  border-radius: var(--radius-small);
}
.verification-code-wrapper.svelte-1wj2zaw input.input-m:where(.svelte-1wj2zaw):focus {
  -webkit-box-shadow: var(--shadow-glow-soft);
          box-shadow: var(--shadow-glow-soft);
}
.verification-code-wrapper.svelte-1wj2zaw input.input-m:focus.input-error:where(.svelte-1wj2zaw) {
  -webkit-box-shadow: var(--shadow-glow-danger-soft);
          box-shadow: var(--shadow-glow-danger-soft);
}
.verification-code-wrapper.svelte-1wj2zaw input.input-m:where(.svelte-1wj2zaw)::-webkit-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.verification-code-wrapper.svelte-1wj2zaw input.input-m:where(.svelte-1wj2zaw)::-moz-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.verification-code-wrapper.svelte-1wj2zaw input.input-m:where(.svelte-1wj2zaw):-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.verification-code-wrapper.svelte-1wj2zaw input.input-m:where(.svelte-1wj2zaw)::-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.verification-code-wrapper.svelte-1wj2zaw input.input-m:where(.svelte-1wj2zaw)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
}
.verification-code-wrapper.svelte-1wj2zaw input.input-l:where(.svelte-1wj2zaw) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
  height: 44px;
  padding: 0 11px;
  border-radius: var(--radius-big);
}
.verification-code-wrapper.svelte-1wj2zaw input.input-l:where(.svelte-1wj2zaw):focus {
  -webkit-box-shadow: var(--shadow-glow-strong);
          box-shadow: var(--shadow-glow-strong);
}
.verification-code-wrapper.svelte-1wj2zaw input.input-l:focus.input-error:where(.svelte-1wj2zaw) {
  -webkit-box-shadow: var(--shadow-glow-danger-strong);
          box-shadow: var(--shadow-glow-danger-strong);
}
.verification-code-wrapper.svelte-1wj2zaw input.input-l:where(.svelte-1wj2zaw)::-webkit-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.verification-code-wrapper.svelte-1wj2zaw input.input-l:where(.svelte-1wj2zaw)::-moz-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.verification-code-wrapper.svelte-1wj2zaw input.input-l:where(.svelte-1wj2zaw):-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.verification-code-wrapper.svelte-1wj2zaw input.input-l:where(.svelte-1wj2zaw)::-ms-input-placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.verification-code-wrapper.svelte-1wj2zaw input.input-l:where(.svelte-1wj2zaw)::placeholder {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: var(--color-white);
  margin: 0;
}
.verification-code-wrapper.svelte-1wj2zaw input.input-m:where(.svelte-1wj2zaw)::-webkit-input-placeholder, .verification-code-wrapper.svelte-1wj2zaw input.input-l:where(.svelte-1wj2zaw)::-webkit-input-placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.verification-code-wrapper.svelte-1wj2zaw input.input-m:where(.svelte-1wj2zaw)::-moz-placeholder, .verification-code-wrapper.svelte-1wj2zaw input.input-l:where(.svelte-1wj2zaw)::-moz-placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.verification-code-wrapper.svelte-1wj2zaw input.input-m:where(.svelte-1wj2zaw):-ms-input-placeholder, .verification-code-wrapper.svelte-1wj2zaw input.input-l:where(.svelte-1wj2zaw):-ms-input-placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.verification-code-wrapper.svelte-1wj2zaw input.input-m:where(.svelte-1wj2zaw)::-ms-input-placeholder, .verification-code-wrapper.svelte-1wj2zaw input.input-l:where(.svelte-1wj2zaw)::-ms-input-placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.verification-code-wrapper.svelte-1wj2zaw input.input-m:where(.svelte-1wj2zaw)::placeholder, .verification-code-wrapper.svelte-1wj2zaw input.input-l:where(.svelte-1wj2zaw)::placeholder {
  font-style: italic;
  color: var(--color-muted);
}
.verification-code-wrapper.svelte-1wj2zaw input:where(.svelte-1wj2zaw):disabled {
  background: var(--color-0);
  color: var(--color-3);
  -webkit-text-fill-color: var(--color-3);
  opacity: 1;
  cursor: not-allowed;
}
.verification-code-wrapper.svelte-1wj2zaw input:where(.svelte-1wj2zaw)::-webkit-outer-spin-button, .verification-code-wrapper.svelte-1wj2zaw input:where(.svelte-1wj2zaw)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.verification-code-wrapper.svelte-1wj2zaw input[type=number]:where(.svelte-1wj2zaw) {
  -moz-appearance: textfield;
}
.verification-code-wrapper.svelte-1wj2zaw input:where(.svelte-1wj2zaw):-webkit-autofill, .verification-code-wrapper.svelte-1wj2zaw input:where(.svelte-1wj2zaw):-webkit-autofill:hover, .verification-code-wrapper.svelte-1wj2zaw input:where(.svelte-1wj2zaw):-webkit-autofill:focus {
  caret-color: var(--color-white);
  -webkit-text-fill-color: var(--color-white);
  -webkit-box-shadow: 0 0 0px 1000px var(--color-primary-10) inset;
          box-shadow: 0 0 0px 1000px var(--color-primary-10) inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.verification-code-wrapper.svelte-1wj2zaw input.verification-code-input:where(.svelte-1wj2zaw) {
  height: 56px;
  padding: 6px !important;
  max-width: 44px;
  text-align: center;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  color: var(--color-white);
  margin: 0;
}
@media screen and (max-width: 374px) {
  .verification-code-wrapper.svelte-1wj2zaw input.verification-code-input:where(.svelte-1wj2zaw) {
    max-width: 40px;
  }
}@-webkit-keyframes svelte-14gh858-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-14gh858-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.progress-circle.svelte-14gh858 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  max-width: 100%;
  max-height: 100%;
}
.progress-circle.type-full.svelte-14gh858 .circle-svg:where(.svelte-14gh858) {
  -webkit-transform: translateX(0%) translateY(0%) rotate(270deg);
      -ms-transform: translateX(0%) translateY(0%) rotate(270deg);
          transform: translateX(0%) translateY(0%) rotate(270deg);
}
.progress-circle.type-cut.svelte-14gh858 .circle-svg:where(.svelte-14gh858) {
  -webkit-transform: translateX(0%) translateY(0%) rotate(125deg);
      -ms-transform: translateX(0%) translateY(0%) rotate(125deg);
          transform: translateX(0%) translateY(0%) rotate(125deg);
}
.progress-circle.type-speedometer.svelte-14gh858 .circle-svg:where(.svelte-14gh858) {
  -webkit-transform: translateX(0%) translateY(0%) rotate(150deg);
      -ms-transform: translateX(0%) translateY(0%) rotate(150deg);
          transform: translateX(0%) translateY(0%) rotate(150deg);
}
.progress-circle.type-multi-lines.svelte-14gh858 {
  border-radius: 50%;
  background-color: var(--color-2);
}
.progress-circle.type-multi-lines.svelte-14gh858:hover {
  background-color: var(--color-1);
}
.progress-circle.type-multi-lines.svelte-14gh858 .circle-svg:where(.svelte-14gh858) {
  -webkit-transform: translateX(0%) translateY(0%) rotate(270deg);
      -ms-transform: translateX(0%) translateY(0%) rotate(270deg);
          transform: translateX(0%) translateY(0%) rotate(270deg);
}
.progress-circle.svelte-14gh858 circle:where(.svelte-14gh858) {
  fill: none;
  stroke-width: var(--stroke-width, 20px);
  stroke-dasharray: var(--circle-circumference, 0);
}
.progress-circle.svelte-14gh858 circle.rail:where(.svelte-14gh858) {
  stroke: var(--color-1);
  stroke-dasharray: var(--circle-circumference-rail, 0);
}
.progress-circle.svelte-14gh858 circle.progress:where(.svelte-14gh858) {
  -webkit-transition: stroke-dashoffset 0.2s ease-in-out;
  transition: stroke-dashoffset 0.2s ease-in-out;
}
.progress-circle.svelte-14gh858 .speedometer-lines-wrapper:where(.svelte-14gh858) {
  position: absolute;
  top: calc(var(--stroke-width, 12px) * 0.5);
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.progress-circle.svelte-14gh858 .speedometer-numbers:where(.svelte-14gh858) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.progress-circle.svelte-14gh858 .speedometer-numbers:where(.svelte-14gh858) .speedometer-number {
  position: absolute;
  z-index: 1;
}
.progress-circle.svelte-14gh858 .speedometer-numbers:where(.svelte-14gh858) .speedometer-number:nth-of-type(1) {
  left: 24%;
  bottom: 10%;
}
.progress-circle.svelte-14gh858 .speedometer-numbers:where(.svelte-14gh858) .speedometer-number:nth-of-type(2) {
  top: 56%;
  left: 13%;
}
.progress-circle.svelte-14gh858 .speedometer-numbers:where(.svelte-14gh858) .speedometer-number:nth-of-type(3) {
  top: 31%;
  left: 20%;
}
.progress-circle.svelte-14gh858 .speedometer-numbers:where(.svelte-14gh858) .speedometer-number:nth-of-type(4) {
  top: 20%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.progress-circle.svelte-14gh858 .speedometer-numbers:where(.svelte-14gh858) .speedometer-number:nth-of-type(5) {
  top: 31%;
  right: 20%;
}
.progress-circle.svelte-14gh858 .speedometer-numbers:where(.svelte-14gh858) .speedometer-number:nth-of-type(6) {
  top: 56%;
  right: 13%;
}
.progress-circle.svelte-14gh858 .speedometer-numbers:where(.svelte-14gh858) .speedometer-number:nth-of-type(7) {
  right: 24%;
  bottom: 10%;
}
.progress-circle.svelte-14gh858 .arrow-wrapper:where(.svelte-14gh858) {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  -webkit-transform: rotate(146deg);
      -ms-transform: rotate(146deg);
          transform: rotate(146deg);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.progress-circle.svelte-14gh858 .arrow-wrapper:where(.svelte-14gh858) .arrow:where(.svelte-14gh858) {
  cursor: default;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background: var(--color-1);
}
.progress-circle.svelte-14gh858 .arrow-wrapper:where(.svelte-14gh858) .arrow:where(.svelte-14gh858)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  background: var(--color-1);
  border-radius: inherit;
  z-index: 1;
}
.progress-circle.svelte-14gh858 .arrow-wrapper:where(.svelte-14gh858) .arrow:where(.svelte-14gh858)::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px var(--arrow-width, 88px);
  border-color: transparent transparent transparent var(--color-white);
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.progress-circle.svelte-14gh858 .progres-circle-svg-wrapper:where(.svelte-14gh858) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.progress-circle.svelte-14gh858 .progress-content:where(.svelte-14gh858) {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 1;
}
.progress-circle.svelte-14gh858 .progress-label {
  position: absolute;
  top: 0;
  right: 0;
  position: absolute;
  z-index: 1;
}
.progress-circle.svelte-14gh858 .progress-label.label-m {
  min-width: 132px;
}
.progress-circle.svelte-14gh858 .progress-label.label-s {
  min-width: 80px;
}
.progress-circle.svelte-14gh858 .label-right-center {
  top: 42%;
  right: 30px;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.progress-circle.svelte-14gh858 .label-right-top {
  top: 0%;
  right: 0;
  -webkit-transform: translateX(36%);
      -ms-transform: translateX(36%);
          transform: translateX(36%);
}@-webkit-keyframes svelte-q2lzzd-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-q2lzzd-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.energy-distribution-card.svelte-q2lzzd .energy-distribution-card-content:where(.svelte-q2lzzd) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.energy-distribution-card.svelte-q2lzzd .tooltip-content-dot:where(.svelte-q2lzzd) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0px 10px;
  width: 4px;
  height: 4px;
  background-color: var(--color-base);
  border-radius: 50%;
}
.energy-distribution-card.svelte-q2lzzd .tooltip-content-dot.with-color:where(.svelte-q2lzzd) {
  margin: 0px 4px 0px 0px;
  width: 8px;
  height: 8px;
  background-color: var(--tooltip-content-dot-color);
}@-webkit-keyframes svelte-1x7491b-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1x7491b-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.path-line-wrapper.svelte-1x7491b path:where(.svelte-1x7491b) {
  stroke-width: 2;
  fill: transparent;
}@-webkit-keyframes svelte-b8douc-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-b8douc-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.energy-distribution-wrapper.svelte-b8douc {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  height: 277px;
}
.energy-distribution-wrapper.svelte-b8douc .energy-distribution-card {
  position: absolute;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-2.svelte-b8douc .energy-distribution-card:nth-child(1) {
  top: 50px;
  right: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-2.svelte-b8douc .energy-distribution-card:nth-child(2) {
  top: 58px;
  left: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-3.svelte-b8douc .energy-distribution-card:nth-child(1) {
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-3.svelte-b8douc .energy-distribution-card:nth-child(2) {
  left: 0;
  bottom: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-3.svelte-b8douc .energy-distribution-card:nth-child(3) {
  right: 0;
  bottom: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-4.svelte-b8douc .energy-distribution-card:nth-child(1) {
  left: 50%;
  top: calc(50% - 12px);
  -webkit-transform: translate(-50%, calc(-50% - 12px));
      -ms-transform: translate(-50%, calc(-50% - 12px));
          transform: translate(-50%, calc(-50% - 12px));
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-4.svelte-b8douc .energy-distribution-card:nth-child(2) {
  left: 0;
  bottom: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-4.svelte-b8douc .energy-distribution-card:nth-child(3) {
  right: 0;
  bottom: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-4.svelte-b8douc .energy-distribution-card:nth-child(4) {
  right: 0;
  top: 12px;
}
.energy-distribution-wrapper.svelte-b8douc .lines-wrapper:where(.svelte-b8douc) {
  width: 100%;
  height: 100%;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-b8douc {
  height: 264px;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-b8douc .energy-distribution-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-2.svelte-b8douc .energy-distribution-card:nth-child(2) {
  left: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-b8douc .energy-distribution-card:nth-child(1) {
  top: 72px;
  right: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-b8douc .energy-distribution-card:nth-child(2) {
  top: 96px;
  left: 44%;
}
@media screen and (max-width: 639px) {
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-b8douc .energy-distribution-card:nth-child(2) {
    left: 28%;
  }
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-3.svelte-b8douc .energy-distribution-card:nth-child(3) {
  top: 80px;
}
@media screen and (max-width: 639px) {
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-3.svelte-b8douc .energy-distribution-card:nth-child(1) {
    top: unset;
    bottom: 12px;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-3.svelte-b8douc .energy-distribution-card:nth-child(2) {
    top: 17px;
    left: unset;
    right: 8px;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-3.svelte-b8douc .energy-distribution-card:nth-child(3) {
    top: 1px;
  }
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(2),
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(3) {
  left: 44%;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(1) {
  top: unset;
  bottom: 28px;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(2) {
  top: unset;
  bottom: 20px;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(3) {
  top: 28px;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(4) {
  bottom: 36px;
}
@media screen and (max-width: 639px) {
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(2),
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(3) {
    left: 28%;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(1) {
    bottom: 80px;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(2) {
    bottom: 64px;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(3) {
    top: 0px;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-b8douc .energy-distribution-card:nth-child(4) {
    bottom: 0px;
  }
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-b8douc .energy-distribution-card:nth-child(3) {
  top: 0;
  left: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-b8douc .energy-distribution-card:nth-child(4) {
  left: 0;
  bottom: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-b8douc .energy-distribution-card:nth-child(5) {
  left: calc(44% + 66px);
  bottom: 0;
}
@media screen and (max-width: 639px) {
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-b8douc .energy-distribution-card:nth-child(5) {
    left: calc(28% + 56px);
  }
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc {
  height: 408px;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc .energy-distribution-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc .energy-distribution-card:nth-child(1) {
  bottom: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc .energy-distribution-card:nth-child(2) {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc .energy-distribution-card:nth-child(1) {
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.cards-number-2.svelte-b8douc .energy-distribution-card:nth-child(2) {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.cards-number-3.svelte-b8douc .energy-distribution-card:nth-child(3) {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc .energy-distribution-card:nth-child(3),
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc .energy-distribution-card:nth-child(4) {
  top: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc .energy-distribution-card:nth-child(3) {
  left: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc .energy-distribution-card:nth-child(4),
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc .energy-distribution-card:nth-child(5) {
  right: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-b8douc .energy-distribution-card:nth-child(5) {
  bottom: 88px;
}@-webkit-keyframes svelte-mbv6f1-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-mbv6f1-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.energy-distribution-wrapper.svelte-mbv6f1 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  height: 277px;
}
.energy-distribution-wrapper.svelte-mbv6f1 .energy-distribution-card {
  position: absolute;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-2.svelte-mbv6f1 .energy-distribution-card:nth-child(1) {
  top: 50px;
  right: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-2.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
  top: 58px;
  left: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-3.svelte-mbv6f1 .energy-distribution-card:nth-child(1) {
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-3.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
  left: 0;
  bottom: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-3.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
  right: 0;
  bottom: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-4.svelte-mbv6f1 .energy-distribution-card:nth-child(1) {
  left: 50%;
  top: calc(50% - 12px);
  -webkit-transform: translate(-50%, calc(-50% - 12px));
      -ms-transform: translate(-50%, calc(-50% - 12px));
          transform: translate(-50%, calc(-50% - 12px));
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-4.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
  left: 0;
  bottom: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-4.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
  right: 0;
  bottom: 0;
}
.energy-distribution-wrapper:not(.energy-distribution-zendure).cards-number-4.svelte-mbv6f1 .energy-distribution-card:nth-child(4) {
  right: 0;
  top: 12px;
}
.energy-distribution-wrapper.svelte-mbv6f1 .lines-wrapper:where(.svelte-mbv6f1) {
  width: 100%;
  height: 100%;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-mbv6f1 {
  height: 264px;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-mbv6f1 .energy-distribution-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-2.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
  left: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-mbv6f1 .energy-distribution-card:nth-child(1) {
  top: 72px;
  right: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
  top: 96px;
  left: 44%;
}
@media screen and (max-width: 639px) {
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
    left: 28%;
  }
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-3.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
  top: 80px;
}
@media screen and (max-width: 639px) {
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-3.svelte-mbv6f1 .energy-distribution-card:nth-child(1) {
    top: unset;
    bottom: 12px;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-3.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
    top: 17px;
    left: unset;
    right: 8px;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-3.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
    top: 1px;
  }
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(2),
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
  left: 44%;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(1) {
  top: unset;
  bottom: 28px;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
  top: unset;
  bottom: 20px;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
  top: 28px;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(4) {
  bottom: 36px;
}
@media screen and (max-width: 639px) {
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(2),
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
    left: 28%;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(1) {
    bottom: 80px;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
    bottom: 64px;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
    top: 0px;
  }
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.cards-number-4.variant-secondary.svelte-mbv6f1 .energy-distribution-card:nth-child(4) {
    bottom: 0px;
  }
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
  top: 0;
  left: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-mbv6f1 .energy-distribution-card:nth-child(4) {
  left: 0;
  bottom: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-mbv6f1 .energy-distribution-card:nth-child(5) {
  left: calc(44% + 66px);
  bottom: 0;
}
@media screen and (max-width: 639px) {
  .energy-distribution-wrapper.energy-distribution-zendure.horizontal.svelte-mbv6f1 .energy-distribution-card:nth-child(5) {
    left: calc(28% + 56px);
  }
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 {
  height: 408px;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 .energy-distribution-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 .energy-distribution-card:nth-child(1) {
  bottom: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 .energy-distribution-card:nth-child(1) {
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.cards-number-2.svelte-mbv6f1 .energy-distribution-card:nth-child(2) {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.cards-number-3.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 .energy-distribution-card:nth-child(3),
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 .energy-distribution-card:nth-child(4) {
  top: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 .energy-distribution-card:nth-child(3) {
  left: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 .energy-distribution-card:nth-child(4),
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 .energy-distribution-card:nth-child(5) {
  right: 0;
}
.energy-distribution-wrapper.energy-distribution-zendure.vertical.svelte-mbv6f1 .energy-distribution-card:nth-child(5) {
  bottom: 88px;
}@-webkit-keyframes svelte-eainw2-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-eainw2-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.popover-scroll-container.svelte-eainw2 {
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0;
  max-height: 290px;
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px;
}
.popover-scroll-container.is-scrollable.svelte-eainw2 {
  margin-right: -11px;
  padding-right: 5px;
}
@media (max-width: 639px) {
  .popover-scroll-container.svelte-eainw2 {
    margin-right: -16px;
    padding-right: 16px;
  }
}@-webkit-keyframes svelte-mm9ldu-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-mm9ldu-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.popover-element.svelte-mm9ldu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

#popover.svelte-mm9ldu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px;
  max-height: 400px;
  min-width: 184px;
  max-width: 296px;
  background-color: var(--color-1);
  border: 1px solid var(--color-3);
  border-radius: var(--radius-small);
  z-index: 1002;
}
#popover.fixed-width.svelte-mm9ldu {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

@media (max-width: 639px) {
  .preview-box.svelte-1iu0zii {
    padding: 16px;
  }
}@-webkit-keyframes svelte-15o6oa6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-15o6oa6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.preview-image-content.svelte-15o6oa6 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-s);
  background-color: var(--color-0);
  border-radius: var(--radius-small);
  max-width: 100%;
  z-index: 1;
}
.preview-image-content.svelte-15o6oa6 img:where(.svelte-15o6oa6) {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
}@-webkit-keyframes svelte-80jzd9-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-80jzd9-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.time-column.svelte-80jzd9 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 70px;
  max-width: 70px;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  scroll-behavior: smooth;
  position: relative;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.time-column.svelte-80jzd9::-webkit-scrollbar {
  display: none;
}
.time-column.svelte-80jzd9:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: -2px;
}
@media (hover: hover) and (pointer: fine) {
  .time-column.interacting.svelte-80jzd9 .time-item:where(.svelte-80jzd9):hover:not(.selected) {
    color: var(--color-muted);
  }
}
.time-column.svelte-80jzd9 .time-item:where(.svelte-80jzd9) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 70px;
  height: 32px;
  padding-left: 6px;
  padding-right: 32px;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: var(--color-white);
  margin: 0;
  color: var(--color-muted);
  cursor: pointer;
  white-space: nowrap;
}
.time-column.svelte-80jzd9 .time-item.selected:where(.svelte-80jzd9) {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-white);
}
@media (hover: hover) and (pointer: fine) {
  .time-column.svelte-80jzd9 .time-item:where(.svelte-80jzd9):hover:not(.selected) {
    color: var(--color-primary);
  }
}
.time-column.svelte-80jzd9 .padding-item:where(.svelte-80jzd9) {
  height: 100px;
  opacity: 0;
}@-webkit-keyframes svelte-16lnh9v-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-16lnh9v-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.time-wheel-element.svelte-16lnh9v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 210px;
  height: 145px;
  overflow: hidden;
  background-color: var(--color-1);
}
.time-wheel-element.svelte-16lnh9v .time-wheel-element-line:where(.svelte-16lnh9v) {
  position: absolute;
  width: 100%;
  height: 32px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
  background-color: var(--color-primary-10);
  border-radius: var(--radius-small);
}
.time-wheel-element.svelte-16lnh9v::before, .time-wheel-element.svelte-16lnh9v::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(#242527), color-stop(56.44%, rgba(36, 37, 39, 0.8)), to(rgba(36, 37, 39, 0)));
  background: linear-gradient(180deg, #242527 0%, rgba(36, 37, 39, 0.8) 56.44%, rgba(36, 37, 39, 0) 100%);
  z-index: 1;
  pointer-events: none;
}
.time-wheel-element.svelte-16lnh9v::after {
  top: unset;
  bottom: 0;
  rotate: 180deg;
}
.time-wheel-element.svelte-16lnh9v .hour-container-text,
.time-wheel-element.svelte-16lnh9v .minute-container-text,
.time-wheel-element.svelte-16lnh9v .second-container-text,
.time-wheel-element.svelte-16lnh9v .ms-container-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  max-width: 30px;
}
.time-wheel-element.svelte-16lnh9v .hour-container-text {
  left: 40px;
}
.time-wheel-element.svelte-16lnh9v .minute-container-text {
  left: 110px;
}
.time-wheel-element.svelte-16lnh9v .second-container-text {
  left: 180px;
}
.time-wheel-element.svelte-16lnh9v .ms-container-text {
  left: 232px;
}
.time-wheel-element.show-time-wheel-ms.svelte-16lnh9v {
  width: 258px;
}
.time-wheel-element.show-time-wheel-ms.svelte-16lnh9v .time-column {
  min-width: 64px;
  max-width: 64px;
}
.time-wheel-element.show-time-wheel-ms.svelte-16lnh9v .time-item {
  width: 64px;
}
.time-wheel-element.show-time-wheel-ms.svelte-16lnh9v .minute-container-text {
  left: 104px;
}
.time-wheel-element.show-time-wheel-ms.svelte-16lnh9v .second-container-text {
  left: 168px;
}@-webkit-keyframes svelte-3m8epy-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-3m8epy-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.time-wheel-wrapper.svelte-3m8epy {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.time-wheel-wrapper.svelte-3m8epy .time-wheel:where(.svelte-3m8epy) {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.time-wheel-wrapper.svelte-3m8epy .time-wheel.expanded:where(.svelte-3m8epy) .input-wrapper-m input {
  border-color: var(--color-primary) !important;
  -webkit-box-shadow: var(--shadow-glow-soft);
          box-shadow: var(--shadow-glow-soft);
}
.time-wheel-wrapper.svelte-3m8epy .time-wheel.expanded:where(.svelte-3m8epy) .input-wrapper-l input {
  border-color: var(--color-primary) !important;
  -webkit-box-shadow: var(--shadow-glow-strong);
          box-shadow: var(--shadow-glow-strong);
}
.time-wheel-wrapper.svelte-3m8epy .time-wheel:where(.svelte-3m8epy) .time-wheel-input-btn:where(.svelte-3m8epy) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  position: absolute;
  top: 1px;
  right: 1px;
  background-color: var(--color-2);
  border-left: 1px solid var(--color-3);
}
.time-wheel-wrapper.svelte-3m8epy .time-wheel:where(.svelte-3m8epy) .time-wheel-input-btn:where(.svelte-3m8epy):disabled {
  cursor: not-allowed;
}
@media (hover: hover) and (pointer: fine) {
  .time-wheel-wrapper.svelte-3m8epy .time-wheel:where(.svelte-3m8epy) .time-wheel-input-btn:where(.svelte-3m8epy):hover {
    background-color: var(--color-0);
  }
}
.time-wheel-wrapper.svelte-3m8epy .time-wheel:where(.svelte-3m8epy) .time-wheel-input-btn:where(.svelte-3m8epy):active .icon-grid {
  color: var(--color-muted);
}
.time-wheel-wrapper.svelte-3m8epy .time-wheel:where(.svelte-3m8epy) .time-wheel-input-btn:where(.svelte-3m8epy):focus {
  outline: 1px solid var(--color-primary);
}
.time-wheel-wrapper.svelte-3m8epy .time-wheel:where(.svelte-3m8epy) .time-wheel-input-btn:where(.svelte-3m8epy):disabled {
  background-color: var(--color-0);
}
.time-wheel-wrapper.svelte-3m8epy .time-wheel:where(.svelte-3m8epy) .time-wheel-input-btn:where(.svelte-3m8epy):disabled .icon-grid {
  color: var(--color-3);
}
.time-wheel-wrapper.size-m.svelte-3m8epy .time-wheel-input-btn:where(.svelte-3m8epy) {
  width: 31px;
  height: 30px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}
.time-wheel-wrapper.size-l.svelte-3m8epy .time-wheel-input-btn:where(.svelte-3m8epy) {
  width: 43px;
  height: 42px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
}
.time-wheel-wrapper.svelte-3m8epy .validation-text.validation-text-m:where(.svelte-3m8epy) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: var(--color-white);
  margin: 0;
  margin-top: var(--spacing-xxs);
  margin-left: 6px;
  color: var(--color-danger);
}
.time-wheel-wrapper.svelte-3m8epy .validation-text.validation-text-l:where(.svelte-3m8epy) {
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
  margin-top: var(--spacing-xxs);
  margin-left: 12px;
  color: var(--color-danger);
}
.time-wheel-wrapper.svelte-3m8epy .info-text.validation-text-m:where(.svelte-3m8epy), .time-wheel-wrapper.svelte-3m8epy .info-text.validation-text-l:where(.svelte-3m8epy) {
  color: var(--color-white);
}

.time-wheel-popover .title-wrapper.svelte-3m8epy {
  margin-bottom: 4px;
  max-width: 258px;
}
.time-wheel-popover .title-wrapper.time-wheel-disabled-ms.svelte-3m8epy {
  min-height: 32px;
  max-width: 210px;
}
.time-wheel-popover hr.svelte-3m8epy {
  margin-bottom: 12px;
}

.time-wheel-popover #popover {
  padding-top: 8px;
}

@media screen and (max-width: 350px) {
  .time-wheel-popover #popover {
    padding: 8px;
  }
  .time-wheel-popover .title-wrapper.svelte-3m8epy {
    margin-bottom: 8px;
  }
  .time-wheel-popover hr.svelte-3m8epy {
    margin-bottom: 8px;
  }
}@-webkit-keyframes svelte-ovf0vj-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-ovf0vj-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.menu-logo-item.svelte-ovf0vj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  border-bottom: 1px solid var(--color-3);
  padding: 23px 6px 23px 6px;
  margin-bottom: 16px;
}
.menu-logo-item.svelte-ovf0vj img:where(.svelte-ovf0vj) {
  width: 72px;
  height: 24px;
}
.menu-logo-item.svelte-ovf0vj:focus-visible {
  outline: 1px solid var(--color-primary);
  border-top-right-radius: var(--radius-extra-big);
  border-top-left-radius: var(--radius-extra-big);
}

@media screen and (max-width: 1123px) {
  .menu-logo-item.svelte-ovf0vj {
    display: none;
  }
}@-webkit-keyframes svelte-10ximga-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-10ximga-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.line-container.svelte-10ximga {
  position: relative;
  background-color: var(--color-base);
  border-radius: var(--radius-big);
  overflow: hidden;
  padding: 24px;
}
.line-container.svelte-10ximga:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 8px;
  background: var(--accent-color);
  border-top-left-radius: var(--radius-big);
  border-top-right-radius: var(--radius-big);
  width: 100%;
}

@media screen and (max-width: 639px) {
  .line-container.svelte-10ximga {
    padding: 24px 16px 16px;
  }
}@-webkit-keyframes svelte-q6j99m-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-q6j99m-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.countdown.svelte-q6j99m {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.countdown.svelte-q6j99m .countdown-time-wripper:where(.svelte-q6j99m) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 1px;
  min-width: 50px;
}
.countdown.svelte-q6j99m .countdown-time-wripper:where(.svelte-q6j99m) .countdown-digits {
  min-width: 32px;
}@-webkit-keyframes svelte-1xy7kb6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1xy7kb6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.live-indicator-wrapper.svelte-1xy7kb6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  width: 20px;
}
.live-indicator-wrapper.svelte-1xy7kb6 .dot:where(.svelte-1xy7kb6) {
  background-color: var(--color-danger);
  height: 10px;
  width: 10px;
  border-radius: 50%;
  -webkit-animation: svelte-1xy7kb6-blinkLiveIndicator 2000ms ease-in-out infinite;
          animation: svelte-1xy7kb6-blinkLiveIndicator 2000ms ease-in-out infinite;
}

@-webkit-keyframes svelte-1xy7kb6-blinkLiveIndicator {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

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

@-webkit-keyframes svelte-1pmb9nu-pulsing-glow {
  0%, 100% {
    width: 174px;
    height: 174px;
    opacity: 0.2;
  }
  50% {
    width: 190px;
    height: 190px;
    opacity: 0.25;
  }
}

@keyframes svelte-1pmb9nu-pulsing-glow {
  0%, 100% {
    width: 174px;
    height: 174px;
    opacity: 0.2;
  }
  50% {
    width: 190px;
    height: 190px;
    opacity: 0.25;
  }
}
@-webkit-keyframes svelte-1pmb9nu-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes svelte-1pmb9nu-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}@-webkit-keyframes svelte-r0guy0-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-r0guy0-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.notification-menu-popover #popover {
  width: 360px;
  max-width: 360px;
  max-height: 415px;
}
.notification-menu-popover #popover .popover-scroll-container {
  height: 100%;
  max-height: unset;
}@-webkit-keyframes svelte-tkoi0t-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-tkoi0t-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.notification-menu-item.svelte-tkoi0t {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 8px;
  border-radius: var(--radius-small);
}
.notification-menu-item.svelte-tkoi0t:hover, .notification-menu-item.notification-menu-item-hovered.svelte-tkoi0t {
  background-color: var(--color-primary-10);
}
.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-muted);
}
.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;
}@-webkit-keyframes svelte-15wscd6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-15wscd6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
:root {
  --sidepanel-width: 344px;
}

.sidepanel.svelte-15wscd6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: var(--sidepanel-width);
  height: calc(100% - 16px);
  border: 1px solid var(--color-2);
  border-radius: var(--radius-extra-big);
  background: var(--color-base);
  z-index: 40;
}
@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);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    height: calc(100% - 32px);
  }
  .sidepanel.desktop-sidepanel-on-top.open.svelte-15wscd6 {
    -webkit-transform: translateX(-16px);
        -ms-transform: translateX(-16px);
            transform: translateX(-16px);
  }
  .sidepanel.desktop-sidepanel-on-top.stop-transition.svelte-15wscd6 {
    -webkit-transition: none;
    transition: none;
  }
}
@media screen and (max-width: 1123px) {
  .sidepanel.svelte-15wscd6 {
    position: fixed;
    right: 0px;
    bottom: 16px;
    max-width: 100%;
    height: calc(100% - 40px);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
  }
  .sidepanel.open.svelte-15wscd6 {
    -webkit-transform: translateX(-16px);
        -ms-transform: translateX(-16px);
            transform: translateX(-16px);
  }
  .sidepanel.stop-transition.svelte-15wscd6 {
    -webkit-transition: none;
    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-extra-big);
    border-bottom: unset;
  }
  .sidepanel.open.svelte-15wscd6 {
    -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);
  }
}

.sidepanel-overlay.svelte-15wscd6 {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 30;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sidepanel-overlay.show.svelte-15wscd6 {
  pointer-events: all;
  background: var(--background-image-overlay);
}@-webkit-keyframes svelte-id6406-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-id6406-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.sidepanel-btn.svelte-id6406 {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-small);
}
@media (hover: hover) and (pointer: fine) {
  .sidepanel-btn.svelte-id6406:hover .icon-grid {
    color: var(--color-primary);
  }
}
.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-primary);
}@-webkit-keyframes svelte-14g7eqc-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-14g7eqc-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.sidepanel-content-wrapper.svelte-14g7eqc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 8px 16px;
  min-height: 0;
  max-height: 100%;
}@-webkit-keyframes svelte-1y57aaa-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1y57aaa-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.sidepanel-tabs.svelte-1y57aaa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  padding: 8px;
  padding-top: 4px;
  padding-bottom: 12px;
}
.sidepanel-tabs.svelte-1y57aaa .sidepanel-tab:where(.svelte-1y57aaa) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-small);
}
.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 .icon-grid {
    color: var(--color-primary);
  }
}
.sidepanel-tabs.svelte-1y57aaa .sidepanel-tab:where(.svelte-1y57aaa):focus:before, .sidepanel-tabs.svelte-1y57aaa .sidepanel-tab:where(.svelte-1y57aaa):active:not(:disabled):before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: var(--radius-small);
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-primary);
  pointer-events: none;
}
.sidepanel-tabs.svelte-1y57aaa .sidepanel-tab:where(.svelte-1y57aaa) .notification-position {
  position: absolute;
  right: 4px;
  top: 4px;
}@-webkit-keyframes svelte-19jhhqs-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-19jhhqs-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.title-value.svelte-19jhhqs {
  display: inline-block;
  text-align: left;
  text-wrap: nowrap;
}
.title-value.simple.svelte-19jhhqs, .title-value.incremented.svelte-19jhhqs {
  min-width: unset;
}@-webkit-keyframes svelte-1r2bnaz-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1r2bnaz-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.thumb.svelte-1r2bnaz {
  position: absolute;
  border-radius: var(--radius-small);
  background-color: var(--color-2);
  -webkit-transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, bottom 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, bottom 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  will-change: left, bottom;
  z-index: 2;
}
.thumb.svelte-1r2bnaz input:where(.svelte-1r2bnaz) {
  border: 0;
  clip: rect(0 0 0 0);
  height: 100%;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 100%;
  direction: ltr;
}
.thumb.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 44px;
  width: 44px;
  background: var(--color-white);
  border-radius: 50% 50% 0;
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: -webkit-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  pointer-events: none;
  z-index: 1;
  -webkit-box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15), 2px 0 8px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15), 2px 0 8px rgba(0, 0, 0, 0.15);
}
.thumb.svelte-1r2bnaz .value-label.visible:where(.svelte-1r2bnaz) .value-label-text {
  opacity: 1;
}
.thumb.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) .value-label-text {
  opacity: 0;
  -webkit-transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  min-width: 29px;
  text-align: center;
}
.thumb.thumb-color-white.value-is-zero.svelte-1r2bnaz {
  background: var(--color-white);
}
.thumb.thumb-color-white.svelte-1r2bnaz::before {
  background: var(--color-white);
}
.thumb.thumb-color-heating.value-is-zero.svelte-1r2bnaz {
  background: var(--color-white);
}
.thumb.thumb-color-heating.svelte-1r2bnaz::before {
  background: var(--color-heating);
}
.thumb.thumb-color-pool.value-is-zero.svelte-1r2bnaz {
  background: var(--color-white);
}
.thumb.thumb-color-pool.svelte-1r2bnaz::before {
  background: var(--color-pool);
}
.thumb.thumb-color-electric-vehicle.value-is-zero.svelte-1r2bnaz {
  background: var(--color-white);
}
.thumb.thumb-color-electric-vehicle.svelte-1r2bnaz::before {
  background: var(--color-electric-vehicle);
}
.thumb.thumb-color-light-gray.value-is-zero.svelte-1r2bnaz {
  background: var(--color-white);
}
.thumb.thumb-color-light-gray.svelte-1r2bnaz::before {
  background: var(--color-light-gray);
}
.thumb.thumb-color-heating.svelte-1r2bnaz:not(.value-is-zero) {
  background: var(--color-white);
}
.thumb.thumb-color-pool.svelte-1r2bnaz:not(.value-is-zero) {
  background: var(--color-white);
}
.thumb.thumb-color-electric-vehicle.svelte-1r2bnaz:not(.value-is-zero) {
  background: var(--color-white);
}
.thumb.vertical.svelte-1r2bnaz {
  width: 40px;
  height: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.thumb.vertical.disabled.value-is-zero.svelte-1r2bnaz {
  background-color: var(--color-3);
}
.thumb.vertical.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) {
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  -webkit-transform: translate(-30%, -60%) scale(0) rotate(-45deg);
      -ms-transform: translate(-30%, -60%) scale(0) rotate(-45deg);
          transform: translate(-30%, -60%) scale(0) rotate(-45deg);
  left: -48px;
}
.thumb.vertical.svelte-1r2bnaz .value-label.visible:where(.svelte-1r2bnaz) {
  -webkit-transform: translate(-100%, -100%) scale(1) rotate(-45deg);
      -ms-transform: translate(-100%, -100%) scale(1) rotate(-45deg);
          transform: translate(-100%, -100%) scale(1) rotate(-45deg);
}
.thumb.vertical.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) .value-label-text {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.thumb.thin-vertical.svelte-1r2bnaz {
  width: 20px;
  height: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.thumb.thin-vertical.disabled.value-is-zero.svelte-1r2bnaz {
  background-color: var(--color-3);
}
.thumb.thin-vertical.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) {
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  -webkit-transform: translate(-30%, -60%) scale(0) rotate(-45deg);
      -ms-transform: translate(-30%, -60%) scale(0) rotate(-45deg);
          transform: translate(-30%, -60%) scale(0) rotate(-45deg);
  left: -32px;
}
.thumb.thin-vertical.svelte-1r2bnaz .value-label.visible:where(.svelte-1r2bnaz) {
  -webkit-transform: translate(-100%, -100%) scale(1) rotate(-45deg);
      -ms-transform: translate(-100%, -100%) scale(1) rotate(-45deg);
          transform: translate(-100%, -100%) scale(1) rotate(-45deg);
}
.thumb.thin-vertical.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) .value-label-text {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.thumb.horizontal.svelte-1r2bnaz {
  width: 4px;
  height: 24px;
}
.thumb.horizontal.disabled.value-is-zero.svelte-1r2bnaz {
  background-color: var(--color-3);
}
.thumb.horizontal.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) {
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transform: translate(-30%, -30%) scale(0) rotate(45deg);
      -ms-transform: translate(-30%, -30%) scale(0) rotate(45deg);
          transform: translate(-30%, -30%) scale(0) rotate(45deg);
  top: -40px;
}
.thumb.horizontal.svelte-1r2bnaz .value-label.visible:where(.svelte-1r2bnaz) {
  -webkit-transform: translate(-80%, -100%) scale(1) rotate(45deg);
      -ms-transform: translate(-80%, -100%) scale(1) rotate(45deg);
          transform: translate(-80%, -100%) scale(1) rotate(45deg);
}
.thumb.horizontal.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) .value-label-text {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.thumb.horizontal.label-bottom.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) {
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transform: translate(-30%, -30%) scale(0) rotate(-135deg);
      -ms-transform: translate(-30%, -30%) scale(0) rotate(-135deg);
          transform: translate(-30%, -30%) scale(0) rotate(-135deg);
  top: unset;
  bottom: -40px;
}
.thumb.horizontal.label-bottom.svelte-1r2bnaz .value-label.visible:where(.svelte-1r2bnaz) {
  -webkit-transform: translate(-10%, 0%) scale(1) rotate(-135deg);
      -ms-transform: translate(-10%, 0%) scale(1) rotate(-135deg);
          transform: translate(-10%, 0%) scale(1) rotate(-135deg);
}
.thumb.horizontal.label-bottom.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) .value-label-text {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}
.thumb.simple.svelte-1r2bnaz {
  width: 4px;
  height: 12px;
}
.thumb.simple.disabled.value-is-zero.svelte-1r2bnaz {
  background-color: var(--color-3);
}
.thumb.simple.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) {
  display: none;
}
.thumb.incremented.svelte-1r2bnaz {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.thumb.incremented.svelte-1r2bnaz::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border-radius: 50%;
}
.thumb.incremented.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) {
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transform: translate(-50%, -50%) scale(0);
      -ms-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  top: -12px;
  bottom: unset;
  left: 50%;
  height: 32px;
  border-radius: var(--radius-small);
  background: var(--color-white);
}
.thumb.incremented.svelte-1r2bnaz .value-label.visible:where(.svelte-1r2bnaz) {
  -webkit-transform: translate(-50%, -100%) scale(1);
      -ms-transform: translate(-50%, -100%) scale(1);
          transform: translate(-50%, -100%) scale(1);
}
.thumb.incremented.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz)::before {
  content: "";
  position: absolute;
  bottom: -7px;
  top: unset;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 9px 5px 0 5px;
  border-color: var(--color-white) transparent transparent transparent;
}
.thumb.incremented.label-bottom.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) {
  -webkit-transform: translate(-50%, 50%) scale(0);
      -ms-transform: translate(-50%, 50%) scale(0);
          transform: translate(-50%, 50%) scale(0);
  top: unset;
  bottom: -12px;
}
.thumb.incremented.label-bottom.svelte-1r2bnaz .value-label.visible:where(.svelte-1r2bnaz) {
  -webkit-transform: translate(-50%, 100%) scale(1);
      -ms-transform: translate(-50%, 100%) scale(1);
          transform: translate(-50%, 100%) scale(1);
}
.thumb.incremented.label-bottom.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz)::before {
  top: -7px;
  bottom: unset;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.thumb.compact.svelte-1r2bnaz {
  width: 14px;
  height: 14px;
  border-radius: 50%;
}
.thumb.compact.svelte-1r2bnaz::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 50%;
}
.thumb.compact.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) {
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transform: translate(-50%, -50%) scale(0);
      -ms-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  bottom: 0px;
  left: 50%;
  padding: 6px;
  min-height: 24px;
  min-width: 34px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-radius: var(--radius-small);
  background: var(--color-white);
}
.thumb.compact.svelte-1r2bnaz .value-label.visible:where(.svelte-1r2bnaz) {
  -webkit-transform: translate(-50%, -100%) scale(1);
      -ms-transform: translate(-50%, -100%) scale(1);
          transform: translate(-50%, -100%) scale(1);
}
.thumb.compact.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz)::before {
  content: "";
  position: absolute;
  bottom: -6px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 6.5px 4px 0 4px;
  border-color: var(--color-white) transparent transparent transparent;
}
.thumb.compact.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) .value-label-text {
  min-width: unset;
}
.thumb.compact.label-bottom.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz) {
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
  -webkit-transform: translate(-50%, 50%) scale(0);
      -ms-transform: translate(-50%, 50%) scale(0);
          transform: translate(-50%, 50%) scale(0);
  top: 0px;
  bottom: unset;
}
.thumb.compact.label-bottom.svelte-1r2bnaz .value-label.visible:where(.svelte-1r2bnaz) {
  -webkit-transform: translate(-50%, 100%) scale(1);
      -ms-transform: translate(-50%, 100%) scale(1);
          transform: translate(-50%, 100%) scale(1);
}
.thumb.compact.label-bottom.svelte-1r2bnaz .value-label:where(.svelte-1r2bnaz)::before {
  top: -6px;
  bottom: unset;
  border-width: 6.5px 4px 0 4px;
  border-color: var(--color-white) transparent transparent transparent;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.thumb.horizontal.svelte-1r2bnaz, .thumb.simple.svelte-1r2bnaz, .thumb.incremented.svelte-1r2bnaz, .thumb.compact.svelte-1r2bnaz {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.thumb.disabled.svelte-1r2bnaz {
  background-color: var(--color-1);
}
.thumb.disabled.svelte-1r2bnaz::before {
  background: var(--color-3);
}@-webkit-keyframes svelte-11l43ai-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-11l43ai-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.slider-wrapper.svelte-11l43ai {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.slider-wrapper.have-marks.svelte-11l43ai {
  padding-bottom: 40px;
}
.slider-wrapper.svelte-11l43ai .line-markers-wrapper:where(.svelte-11l43ai) {
  position: relative;
  width: 100%;
  height: 16px;
}
.slider-wrapper.svelte-11l43ai .line-markers-wrapper:where(.svelte-11l43ai) .line-marker {
  position: absolute;
  word-break: keep-all;
  overflow: visible;
}
.slider-wrapper.svelte-11l43ai .line-markers-wrapper:where(.svelte-11l43ai) .line-marker:focus-visible:not(.text-color-3) {
  outline-offset: 4px;
  outline: 1px solid var(--color-primary);
  border-radius: 4px;
}
.slider-wrapper.svelte-11l43ai .line-markers-wrapper:where(.svelte-11l43ai) .line-marker:not(:first-of-type) {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.slider-wrapper.svelte-11l43ai .line-markers-wrapper:where(.svelte-11l43ai) .line-marker:last-of-type {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.slider-wrapper.svelte-11l43ai .line-markers-wrapper:where(.svelte-11l43ai) .line-marker:not(:first-of-type):not(:last-of-type)::before {
  content: "";
  position: absolute;
  top: -22px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2px;
  height: 13px;
  background-color: var(--color-base);
}

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

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

.multiple-marks-container {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 53px;
  top: 0;
  left: 0;
  background-color: var(--color-1);
  border-radius: var(--radius-small);
  overflow: hidden;
  z-index: 10001;
}
.multiple-marks-container .multiple-marks-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 12px;
  width: 100%;
  text-align: center;
  word-break: initial;
  cursor: pointer;
}
.multiple-marks-container .multiple-marks-option:not(:first-of-type) {
  border-bottom: 1px solid var(--color-2);
}
.multiple-marks-container .multiple-marks-option:hover {
  background-color: var(--color-primary-10);
}
.multiple-marks-container .multiple-marks-option:focus-visible {
  -webkit-box-shadow: 0 0 0 1px var(--color-primary) inset;
          box-shadow: 0 0 0 1px var(--color-primary) inset;
  outline: none;
}
.multiple-marks-container .multiple-marks-option:focus-visible:first-of-type {
  border-bottom-right-radius: var(--radius-small);
  border-bottom-left-radius: var(--radius-small);
}
.multiple-marks-container .multiple-marks-option:focus-visible:last-of-type {
  border-top-right-radius: var(--radius-small);
  border-top-left-radius: var(--radius-small);
}@-webkit-keyframes svelte-uydf2y-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-uydf2y-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.navigation-item.svelte-uydf2y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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-small);
  padding: 7px;
}
.navigation-item.navigation-item-default.active.svelte-uydf2y {
  background: var(--color-primary-10);
}
.navigation-item.navigation-item-drilldown.svelte-uydf2y {
  padding: 8px 8px 7px 8px;
  border-bottom: 1px solid var(--color-2);
}
.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.disabled.svelte-uydf2y {
  cursor: not-allowed;
}
.navigation-item.svelte-uydf2y:hover:not(.disabled) {
  background: var(--color-2);
}
.navigation-item.svelte-uydf2y:focus, .navigation-item.svelte-uydf2y:focus-visible {
  outline: none;
  border: 1px solid var(--color-primary) !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

@media screen and (max-width: 639px) {
  .navigation-item.svelte-uydf2y:hover:not(.disabled) {
    background: unset;
  }
}@-webkit-keyframes svelte-1u8ia76-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1u8ia76-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.dash-control-widget.svelte-1u8ia76 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-s-plus);
  padding: var(--spacing-s-plus);
  background-color: var(--color-1);
  border-radius: var(--radius-big);
}
.dash-control-widget.is-focusable.svelte-1u8ia76:not(.disabled) {
  cursor: pointer;
}
.dash-control-widget.is-focusable.svelte-1u8ia76:not(.disabled):focus-visible:not(.selected) {
  outline-offset: -1px;
  outline: 1px solid var(--color-primary);
  -webkit-box-shadow: 0 0 0 4px var(--color-primary-20);
          box-shadow: 0 0 0 4px var(--color-primary-20);
}
.dash-control-widget.selected.svelte-1u8ia76:not(.disabled) {
  outline-offset: -2px;
  outline: 2px solid var(--color-primary);
}
.dash-control-widget.selected.svelte-1u8ia76:not(.disabled):focus-visible {
  -webkit-box-shadow: 0 0 0 4px var(--color-primary-20);
          box-shadow: 0 0 0 4px var(--color-primary-20);
}
.dash-control-widget.offline.svelte-1u8ia76 {
  background-color: var(--color-0);
}
.dash-control-widget.svelte-1u8ia76 .main-container:where(.svelte-1u8ia76) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.dash-control-widget.svelte-1u8ia76 .main-container:where(.svelte-1u8ia76) .value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 88px;
}
.dash-control-widget.svelte-1u8ia76 .main-container:where(.svelte-1u8ia76) .right-title-slot:where(.svelte-1u8ia76) {
  min-width: 0;
}@-webkit-keyframes svelte-nqr1nc-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-nqr1nc-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.power-indicator.svelte-nqr1nc {
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.power-indicator.on.svelte-nqr1nc {
  position: relative;
  background-color: var(--color-success-20);
}
.power-indicator.on.svelte-nqr1nc:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.power-indicator.on.svelte-nqr1nc:before {
  background-color: var(--color-success);
}
.power-indicator.off.svelte-nqr1nc {
  position: relative;
}
.power-indicator.off.svelte-nqr1nc:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.power-indicator.off.svelte-nqr1nc:before {
  background-color: var(--color-danger);
}@-webkit-keyframes svelte-nzbxxs-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-nzbxxs-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.dash-device-widget.svelte-nzbxxs {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--color-1);
  border-radius: var(--radius-big);
  height: 114px;
  outline: none;
}
.dash-device-widget.offline.svelte-nzbxxs {
  background-color: var(--color-0);
}
.dash-device-widget.disabled.svelte-nzbxxs {
  background-color: var(--color-0);
  cursor: not-allowed;
}
.dash-device-widget.active.svelte-nzbxxs {
  background-color: var(--color-white);
}
.dash-device-widget.is-focusable.svelte-nzbxxs:focus-visible:not(.selected):not(.dnd-handle-drag) {
  -webkit-box-shadow: 0 0 0 4px rgba(36, 145, 255, 0.3);
          box-shadow: 0 0 0 4px rgba(36, 145, 255, 0.3);
}
.dash-device-widget.is-focusable.svelte-nzbxxs:focus-visible:not(.selected):not(.dnd-handle-drag):after {
  content: "";
  position: absolute;
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-big);
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}
.dash-device-widget.is-focusable.svelte-nzbxxs:focus:after {
  content: "";
  position: absolute;
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-big);
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-width: 2px;
}
.dash-device-widget.selected.svelte-nzbxxs:after {
  content: "";
  position: absolute;
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-big);
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-width: 2px;
}
.dash-device-widget.selected.svelte-nzbxxs:focus-visible {
  -webkit-box-shadow: 0 0 0 4px rgba(36, 145, 255, 0.3);
          box-shadow: 0 0 0 4px rgba(36, 145, 255, 0.3);
}
.dash-device-widget.edit-mode.svelte-nzbxxs::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-primary);
  opacity: 0.1;
  left: 0;
  top: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .dash-device-widget.edit-mode.svelte-nzbxxs:hover::after {
    content: "";
    position: absolute;
    border: 1px solid var(--color-primary);
    border-radius: var(--radius-big);
    left: 0;
    top: 0;
    z-index: 3;
    pointer-events: none;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-width: 2px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .dash-device-widget.edit-mode.svelte-nzbxxs:focus-visible:not(.selected):not(.dnd-handle-drag):hover::after {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-width: 2px;
  }
}
.dash-device-widget.edit-mode.svelte-nzbxxs .circle-avatar:not(.no-background)::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-primary);
  opacity: 0.1;
  left: 0;
  top: 0;
  z-index: 1;
  border-radius: inherit;
}
.dash-device-widget.svelte-nzbxxs .edit-mode-container:where(.svelte-nzbxxs) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 4px;
  background-color: var(--color-base);
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  z-index: 1;
}
.dash-device-widget.svelte-nzbxxs .edit-mode-container.has-action:where(.svelte-nzbxxs) {
  padding: 0px 8px;
}
.dash-device-widget.svelte-nzbxxs .edit-mode-container.dnd-handle:where(.svelte-nzbxxs) {
  position: relative;
}
.dash-device-widget.svelte-nzbxxs .edit-mode-container.dnd-handle:where(.svelte-nzbxxs)::before {
  content: "";
  position: absolute;
  width: var(--spacing-s-plus);
  height: 100%;
  opacity: 0;
  right: calc(var(--spacing-s-plus) * -1);
  top: 0;
  z-index: 1;
}
.dash-device-widget.svelte-nzbxxs .sections-wrapper:where(.svelte-nzbxxs) {
  padding: var(--spacing-s-plus);
  width: 100%;
}
.dash-device-widget.svelte-nzbxxs .top-section:where(.svelte-nzbxxs) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--spacing-s);
}
.dash-device-widget.svelte-nzbxxs .top-section:where(.svelte-nzbxxs) .left-side:where(.svelte-nzbxxs) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dash-device-widget.svelte-nzbxxs .top-section:where(.svelte-nzbxxs) .right-side:where(.svelte-nzbxxs) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  justify-self: flex-end;
}
.dash-device-widget.svelte-nzbxxs .top-section:where(.svelte-nzbxxs) .right-side:where(.svelte-nzbxxs) .label {
  max-width: 100%;
}
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .value-section-wrapper:where(.svelte-nzbxxs) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing-xs);
  height: 38px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .value-section-wrapper:where(.svelte-nzbxxs) .value-section:where(.svelte-nzbxxs) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .value-section-wrapper:where(.svelte-nzbxxs) .value-section:where(.svelte-nzbxxs) .ellipse-2-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.dash-device-widget.svelte-nzbxxs .bottom-section.arrow-action:where(.svelte-nzbxxs) {
  padding-right: 34px;
}
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .arrow-icon-button:where(.svelte-nzbxxs) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  right: -12px;
  bottom: -12px;
  padding: 18px 12px 12px 12px;
}
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .arrow-icon-button:where(.svelte-nzbxxs):disabled {
  cursor: not-allowed;
}
.dash-device-widget.svelte-nzbxxs .bottom-section:where(.svelte-nzbxxs) .arrow-icon-button:where(.svelte-nzbxxs):focus-visible .icon-grid {
  outline: 1px solid var(--color-primary);
  outline-offset: 6px;
  border-radius: 4px;
}

#dnd-action-dragged-el .dash-device-widget.svelte-nzbxxs {
  -webkit-box-shadow: var(--shadow-glow-strong);
          box-shadow: var(--shadow-glow-strong);
}@-webkit-keyframes svelte-1ora0pk-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1ora0pk-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.device-toggle.svelte-1ora0pk {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.device-toggle.svelte-1ora0pk input:where(.svelte-1ora0pk) {
  position: absolute;
  -ms-flex-item-align: baseline;
      align-self: baseline;
  padding: 0;
  margin: 0;
  opacity: 0;
  z-index: -1;
}
.device-toggle.svelte-1ora0pk:has(input:where(.svelte-1ora0pk):focus-visible):not(:disabled) .slider:where(.svelte-1ora0pk) {
  outline-offset: 2px;
  outline: 2px solid var(--color-primary);
}
.device-toggle.svelte-1ora0pk:has(input:where(.svelte-1ora0pk):active:not(:disabled)) .slider:where(.svelte-1ora0pk) .indicator:where(.svelte-1ora0pk)::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: var(--color-base);
  opacity: 0.2;
  border-radius: 8px;
  pointer-events: none;
}
.device-toggle.svelte-1ora0pk .slider:where(.svelte-1ora0pk) {
  position: relative;
  display: inline-block;
  border-radius: var(--radius-extra-big);
  cursor: pointer;
  width: 88px;
  height: 220px;
  background-color: var(--color-2);
}
.device-toggle.svelte-1ora0pk .slider.disabled:where(.svelte-1ora0pk) {
  cursor: not-allowed;
  position: relative;
}
.device-toggle.svelte-1ora0pk .slider.disabled:where(.svelte-1ora0pk)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-base);
  opacity: 0.5;
  border-radius: inherit;
}
.device-toggle.svelte-1ora0pk .slider.disabled:where(.svelte-1ora0pk)::before {
  z-index: 1;
}
.device-toggle.svelte-1ora0pk .slider:where(.svelte-1ora0pk) .indicator:where(.svelte-1ora0pk) {
  position: absolute;
  top: calc(100% - 108px);
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  height: 104px;
  width: 80px;
  border-radius: 10px;
  background-color: var(--color-3);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.device-toggle.svelte-1ora0pk .slider:where(.svelte-1ora0pk) .indicator:where(.svelte-1ora0pk):hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-base);
  opacity: 0.15;
  border-radius: inherit;
  pointer-events: none;
}
.device-toggle.svelte-1ora0pk .slider:where(.svelte-1ora0pk) .indicator:where(.svelte-1ora0pk) .cirlce-wrapper:where(.svelte-1ora0pk) {
  width: 56px;
  height: 56px;
}
/* (unused) .device-toggle .slider .indicator .cirlce-wrapper .circle {
  position: relative;
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}*/
.device-toggle.svelte-1ora0pk .slider:where(.svelte-1ora0pk) .indicator:where(.svelte-1ora0pk) .cirlce-wrapper:where(.svelte-1ora0pk) .icon-wrapper:where(.svelte-1ora0pk) {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  inset: 0;
}
.device-toggle.svelte-1ora0pk input:where(.svelte-1ora0pk):checked + .slider:where(.svelte-1ora0pk) .indicator:where(.svelte-1ora0pk) {
  top: 4px;
  background-color: var(--color-white);
}@-webkit-keyframes svelte-gogrbz-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-gogrbz-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.weather-detail-extended.svelte-gogrbz {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing-xs);
  padding: 12px;
  border-radius: var(--radius-extra-big);
  min-width: 140px;
  max-width: 164px;
}
.weather-detail-extended.svelte-gogrbz::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(36, 37, 39, 0.2);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  z-index: -1;
  border-radius: inherit;
}@-webkit-keyframes svelte-1wtu1ei-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1wtu1ei-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.dash-weather-widget.svelte-1wtu1ei {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 16px 16px 16px;
  border-radius: var(--radius-big);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 176px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  overflow: hidden;
}
.dash-weather-widget.svelte-1wtu1ei:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px);
  border-radius: inherit;
  will-change: transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.dash-weather-widget.is-extended.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) {
  width: 250px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.dash-weather-widget.is-extended.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .right-section:where(.svelte-1wtu1ei) .weather-details:where(.svelte-1wtu1ei) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: var(--spacing-s-plus);
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  gap: var(--spacing-s);
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) .tempPrefix {
  margin-top: 2px;
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) .tempPrefix.extended {
  margin-top: 3px;
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) .condition-circle:where(.svelte-1wtu1ei) {
  position: relative;
  width: 14px;
  height: 14px;
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) .condition-circle:where(.svelte-1wtu1ei):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  background-color: var(--color-white);
  border-radius: 50%;
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) .action-container:where(.svelte-1wtu1ei) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-xxs);
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) .action-container:where(.svelte-1wtu1ei) .action-extended-wrapper:where(.svelte-1wtu1ei) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: var(--spacing-xs);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) .action-container:where(.svelte-1wtu1ei) .action-wrapper:where(.svelte-1wtu1ei) {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  cursor: pointer;
  height: 28px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: fit-content;
  border-radius: var(--spacing-xs);
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) .action-container:where(.svelte-1wtu1ei) .action-wrapper:where(.svelte-1wtu1ei):focus-visible {
  outline: none;
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .left-section:where(.svelte-1wtu1ei) .action-container:where(.svelte-1wtu1ei) .action-wrapper:where(.svelte-1wtu1ei):focus-visible:before {
  content: "";
  position: absolute;
  top: 0;
  left: -4px;
  width: calc(100% + 8px);
  height: 100%;
  border-radius: inherit;
  border: 1px solid var(--color-white);
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .right-section:where(.svelte-1wtu1ei) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.dash-weather-widget.svelte-1wtu1ei .dash-header:where(.svelte-1wtu1ei) .right-section:where(.svelte-1wtu1ei) .weather-details:where(.svelte-1wtu1ei) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing-xs);
  width: 100%;
}
.dash-weather-widget.svelte-1wtu1ei .widget-line:where(.svelte-1wtu1ei) {
  border-color: var(--color-white);
  opacity: 0.25;
}
.dash-weather-widget.svelte-1wtu1ei .time-items-wrapper:where(.svelte-1wtu1ei) {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: var(--spacing-s-plus);
  cursor: -webkit-grab;
  cursor: grab;
  z-index: 1;
}
.dash-weather-widget.svelte-1wtu1ei .time-items-wrapper.is-scrolling:where(.svelte-1wtu1ei) {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.dash-weather-widget.svelte-1wtu1ei .time-items-wrapper:where(.svelte-1wtu1ei) .time-item:where(.svelte-1wtu1ei) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 34px;
}
.dash-weather-widget.svelte-1wtu1ei .time-items-wrapper.time-items-scrollable:where(.svelte-1wtu1ei) {
  overflow: hidden;
  overflow-x: auto;
}
.dash-weather-widget.svelte-1wtu1ei .time-items-wrapper.time-items-scrollable:where(.svelte-1wtu1ei) :where(.svelte-1wtu1ei)::-webkit-scrollbar, .dash-weather-widget.svelte-1wtu1ei .time-items-wrapper.time-items-scrollable:where(.svelte-1wtu1ei)::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}@-webkit-keyframes svelte-1gmsx0m-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1gmsx0m-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.dash-room-widget.svelte-1gmsx0m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  padding: 12px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 140px;
  border-radius: var(--radius-extra-big);
}
.dash-room-widget.is-focusable.svelte-1gmsx0m:focus-visible:not(.selected):after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid var(--color-primary);
  z-index: 3;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 0 4px var(--color-primary-20);
          box-shadow: 0 0 0 4px var(--color-primary-20);
}
.dash-room-widget.selected.svelte-1gmsx0m:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-primary);
  z-index: 3;
  border-radius: inherit;
}
.dash-room-widget.selected.svelte-1gmsx0m:focus-visible:after {
  -webkit-box-shadow: 0 0 0 4px var(--color-primary-20);
          box-shadow: 0 0 0 4px var(--color-primary-20);
}
.dash-room-widget.svelte-1gmsx0m::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 22, 23, 0)), color-stop(71.82%, rgba(27, 29, 33, 0.92)), color-stop(98.11%, #1b1d21));
  background: linear-gradient(180deg, rgba(21, 22, 23, 0) 0%, rgba(27, 29, 33, 0.92) 71.82%, #1b1d21 98.11%);
  border-radius: inherit;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.dash-room-widget.bg-color-overlay.svelte-1gmsx0m::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 22, 23, 0.2)), color-stop(98.11%, rgba(27, 29, 33, 0.8)));
  background: linear-gradient(180deg, rgba(21, 22, 23, 0.2) 0%, rgba(27, 29, 33, 0.8) 98.11%);
}
.dash-room-widget.svelte-1gmsx0m .title-and-params-wrapper:where(.svelte-1gmsx0m) {
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 52px;
  gap: 6px;
  width: 100%;
}
.dash-room-widget.svelte-1gmsx0m .title-and-params-wrapper:where(.svelte-1gmsx0m) .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.dash-room-widget.svelte-1gmsx0m .title-and-params-wrapper:where(.svelte-1gmsx0m) .parameters-wrapper:where(.svelte-1gmsx0m) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-s-plus);
  width: 100%;
}
.dash-room-widget.svelte-1gmsx0m .title-and-params-wrapper:where(.svelte-1gmsx0m) .parameters-wrapper:where(.svelte-1gmsx0m) .param:where(.svelte-1gmsx0m) {
  max-width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-xs);
}
.dash-room-widget.svelte-1gmsx0m .title-and-params-wrapper:where(.svelte-1gmsx0m) .right-label {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
}@-webkit-keyframes svelte-188m02f-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-188m02f-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.dash-info-card.svelte-188m02f {
  position: relative;
  overflow: hidden;
  background-color: var(--color-1);
  border-radius: var(--radius-big);
  padding: var(--spacing-s);
  padding-top: var(--spacing-s-plus);
  height: 62px;
  width: 136px;
}
.dash-info-card.is-focusable.svelte-188m02f:focus-visible {
  outline-offset: 2px;
  outline: 2px solid var(--color-primary);
}
.dash-info-card.svelte-188m02f .color-line:where(.svelte-188m02f) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: var(--line-color-gradient);
}
.dash-info-card.svelte-188m02f .text-container:where(.svelte-188m02f) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-top: var(--spacing-xxs);
  gap: var(--spacing-xs);
}@-webkit-keyframes svelte-cvpgi4-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-cvpgi4-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.dash-info-widget-wrapper.svelte-cvpgi4 {
  background-color: var(--color-base);
  border-radius: var(--radius-extra-big);
  padding: var(--spacing-s-plus);
  overflow: hidden;
}
.dash-info-widget-wrapper.svelte-cvpgi4:has(.dash-info-widget:where(.svelte-cvpgi4):focus-visible) {
  outline-offset: 2px;
  outline: 2px solid var(--color-primary);
}
.dash-info-widget-wrapper.svelte-cvpgi4 .dash-info-widget:where(.svelte-cvpgi4) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-s-plus);
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.dash-info-widget-wrapper.svelte-cvpgi4 .dash-info-widget:where(.svelte-cvpgi4)::-webkit-scrollbar {
  display: none;
}
.dash-info-widget-wrapper.svelte-cvpgi4 .dash-info-widget:where(.svelte-cvpgi4):focus-visible {
  outline: none;
}
.dash-info-widget-wrapper.svelte-cvpgi4 .dash-info-widget:where(.svelte-cvpgi4) .dash-info-card:focus-visible {
  outline: none;
}
.dash-info-widget-wrapper.svelte-cvpgi4 .dash-info-widget:where(.svelte-cvpgi4) .dash-info-card:focus-visible::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-primary);
  border-radius: inherit;
  z-index: 1;
}
.dash-info-widget-wrapper.svelte-cvpgi4 .dash-info-widget.cursor-handle:where(.svelte-cvpgi4) {
  cursor: -webkit-grab !important;
  cursor: grab !important;
}
.dash-info-widget-wrapper.svelte-cvpgi4 .dash-info-widget.cursor-handle.cursor-handle-drag:where(.svelte-cvpgi4):not([disabled=true]) {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}@-webkit-keyframes svelte-1nxlzwc-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1nxlzwc-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.player-avatar.svelte-1nxlzwc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: var(--radius-small);
  background-color: var(--color-base);
  overflow: hidden;
  z-index: 2;
}
.player-avatar.size-s.svelte-1nxlzwc {
  height: 44px;
  width: 44px;
}
.player-avatar.size-m.svelte-1nxlzwc {
  height: 56px;
  width: 56px;
}
.player-avatar.size-l.svelte-1nxlzwc {
  height: 142px;
  width: 142px;
  border-radius: var(--radius-extra-big);
}@-webkit-keyframes svelte-mf2n04-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-mf2n04-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.list-container.svelte-mf2n04 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: -16px;
  margin-left: 20px;
  padding: 16px 0px;
  gap: 2px;
  width: 250px;
  z-index: 2;
}
.list-container.is-larger.svelte-mf2n04 {
  width: 320px;
}
.list-container.svelte-mf2n04::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-base);
  opacity: 0.65;
  pointer-events: none;
  z-index: -1;
}
.list-container.no-avatar.svelte-mf2n04::before {
  opacity: 1;
}
.list-container.svelte-mf2n04 .song-item:where(.svelte-mf2n04) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  cursor: pointer;
}
.list-container.svelte-mf2n04 .song-item:where(.svelte-mf2n04):hover {
  background-color: var(--color-primary-20);
}
.list-container.svelte-mf2n04 .song-item:where(.svelte-mf2n04):focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: -2px;
}
.list-container.svelte-mf2n04 .song-item:where(.svelte-mf2n04):hover .play-icon, .list-container.svelte-mf2n04 .song-item:where(.svelte-mf2n04):focus-visible .play-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.list-container.svelte-mf2n04 .song-item:where(.svelte-mf2n04) .play-icon {
  display: none;
}
.list-container.svelte-mf2n04 .ellipse-2-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}@-webkit-keyframes svelte-v2ju0y-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-v2ju0y-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.dash-media-player-widget.svelte-v2ju0y {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px;
  height: 174px;
  background-color: var(--color-1);
  border-radius: var(--radius-extra-big);
  overflow: hidden;
}
.dash-media-player-widget.is-extended.svelte-v2ju0y {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.dash-media-player-widget.is-extended.svelte-v2ju0y .controls:where(.svelte-v2ju0y) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.dash-media-player-widget.is-extended.svelte-v2ju0y .controls:where(.svelte-v2ju0y) {
  padding: 8px 0px;
}
.dash-media-player-widget.svelte-v2ju0y::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  z-index: 3;
}
.dash-media-player-widget.svelte-v2ju0y:focus-visible {
  outline: none;
}
.dash-media-player-widget.is-focusable.svelte-v2ju0y {
  cursor: pointer;
}
.dash-media-player-widget.is-focusable.svelte-v2ju0y:focus-visible:not(.selected) {
  -webkit-box-shadow: 0 0 0 4px var(--color-primary-20);
          box-shadow: 0 0 0 4px var(--color-primary-20);
}
.dash-media-player-widget.is-focusable.svelte-v2ju0y:focus-visible:not(.selected)::before {
  opacity: 1;
  border: 1px solid var(--color-primary);
}
.dash-media-player-widget.selected.svelte-v2ju0y::before {
  opacity: 1;
  border: 2px solid var(--color-primary);
}
.dash-media-player-widget.selected.svelte-v2ju0y:focus-visible {
  -webkit-box-shadow: 0 0 0 4px var(--color-primary-20);
          box-shadow: 0 0 0 4px var(--color-primary-20);
}
.dash-media-player-widget.svelte-v2ju0y .song-preview-image:where(.svelte-v2ju0y) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: var(--radius-extra-big);
}
.dash-media-player-widget.svelte-v2ju0y .overlay:where(.svelte-v2ju0y) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  pointer-events: none;
  border-radius: var(--radius-extra-big);
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) {
  position: relative;
  z-index: 2;
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .progress-container:where(.svelte-v2ju0y) {
  -ms-touch-action: none;
      touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .progress-bar-wrapper:where(.svelte-v2ju0y) {
  position: relative;
  width: 100%;
  height: 6px;
  background-color: var(--color-muted);
  border-radius: var(--radius-small);
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .progress-bar-wrapper.stop-audio-progress:where(.svelte-v2ju0y) {
  cursor: auto !important;
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .progress-bar-wrapper:where(.svelte-v2ju0y) .progress-slider:where(.svelte-v2ju0y) {
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 6px;
  margin: 0;
  border-radius: var(--radius-small);
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .progress-bar-wrapper:where(.svelte-v2ju0y) .progress-slider:where(.svelte-v2ju0y)::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .progress-bar-wrapper:where(.svelte-v2ju0y) .progress-slider:where(.svelte-v2ju0y)::-moz-range-thumb {
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .progress-bar-wrapper:where(.svelte-v2ju0y) .progress-slider:where(.svelte-v2ju0y)::-ms-thumb {
  width: 16px;
  height: 16px;
  background-color: transparent;
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .progress-bar-wrapper:where(.svelte-v2ju0y) .progress-filled:where(.svelte-v2ju0y) {
  height: 6px;
  background-color: var(--color-white);
  border-radius: var(--radius-small);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-m);
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) .forward-backward-btn:where(.svelte-v2ju0y):hover .icon-grid, .dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) .forward-backward-btn:where(.svelte-v2ju0y):focus-within .icon-grid, .dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) .forward-backward-btn:where(.svelte-v2ju0y):active .icon-grid {
  color: var(--color-muted);
}
@media (hover: none) and (pointer: coarse) {
  .dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) .forward-backward-btn:where(.svelte-v2ju0y):hover .icon-grid {
    color: var(--color-white);
  }
  .dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) .forward-backward-btn:where(.svelte-v2ju0y):active .icon-grid {
    color: var(--color-muted);
  }
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) .play-pause-btn:where(.svelte-v2ju0y) {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 50%;
  max-height: 40px;
  background-color: var(--color-white);
  border: 2px solid var(--color-white);
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) .play-pause-btn:where(.svelte-v2ju0y):disabled {
  cursor: not-allowed;
}
@media (hover: hover) and (pointer: fine) {
  .dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) .play-pause-btn:where(.svelte-v2ju0y):hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6.54%, #c6c6c6), color-stop(82.48%, #fff));
    background: linear-gradient(180deg, #c6c6c6 6.54%, #fff 82.48%);
  }
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) .play-pause-btn:where(.svelte-v2ju0y):focus, .dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls:where(.svelte-v2ju0y) .play-pause-btn:where(.svelte-v2ju0y):active {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(6.54%, #b4b4b4), color-stop(82.48%, #fff));
  background: linear-gradient(180deg, #b4b4b4 6.54%, #fff 82.48%);
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls.isRadio:where(.svelte-v2ju0y) {
  height: 70px;
}
.dash-media-player-widget.svelte-v2ju0y .controls:where(.svelte-v2ju0y) .song-controls.isRadio:where(.svelte-v2ju0y) .play-pause-btn:where(.svelte-v2ju0y) {
  padding: 10px;
  max-height: 44px;
}
.dash-media-player-widget.svelte-v2ju0y .ellipse-2-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}@-webkit-keyframes svelte-zhrgja-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-zhrgja-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.dash-chart-widget.svelte-zhrgja {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing-l);
  padding: 16px;
  border-radius: var(--radius-big);
  background-color: var(--color-1);
  height: 344px;
  overflow: hidden;
}@-webkit-keyframes svelte-peji18-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-peji18-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.dashboard-layout.svelte-peji18 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  height: 100%;
}
.dashboard-layout.svelte-peji18 .dashboard-scroll:where(.svelte-peji18) {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--spacing-l);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.dashboard-layout.svelte-peji18 .dashboard-scroll.dash-single-column:where(.svelte-peji18) {
  grid-template-columns: unset;
}
.dashboard-layout.svelte-peji18 .dash-column:where(.svelte-peji18) {
  position: sticky;
  top: 0;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dashboard-layout.svelte-peji18 .dash-column:where(.svelte-peji18) > .card-grid-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dashboard-layout.svelte-peji18 .dash-column:where(.svelte-peji18) > .card-grid-wrapper > .card-grid {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: unset !important;
}
.dashboard-layout.is-scroll-bar.svelte-peji18 {
  margin-right: -15px;
}
.dashboard-layout.is-scroll-bar.svelte-peji18 .dashboard-scroll:where(.svelte-peji18) {
  padding-right: 9px;
}

@media screen and (max-width: 639px) {
  .dashboard-layout.svelte-peji18 .dashboard-scroll:where(.svelte-peji18) {
    grid-template-columns: unset;
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
    gap: var(--spacing-m);
  }
  .dashboard-layout.svelte-peji18 .dash-column:where(.svelte-peji18) {
    width: 100%;
    position: unset;
    top: unset;
  }
}@-webkit-keyframes svelte-1h1zk4j-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1h1zk4j-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.dash-widget-container.svelte-1h1zk4j {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  outline: none;
}
.dash-widget-container.svelte-1h1zk4j .dash-widget-content:where(.svelte-1h1zk4j) {
  display: grid;
}
.dash-widget-container.svelte-1h1zk4j .dash-widget-title-container:where(.svelte-1h1zk4j) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-s);
  height: 48px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.dash-widget-container.edit-mode.svelte-1h1zk4j:not(.is-dragging) .dash-widget-title-container:where(.svelte-1h1zk4j),
.dash-widget-container.edit-mode.svelte-1h1zk4j:not(.is-dragging) .dash-widget-content:where(.svelte-1h1zk4j) {
  cursor: -webkit-grab;
  cursor: grab;
}
.dash-widget-container.edit-mode.svelte-1h1zk4j {
  background: var(--color-base);
  border-radius: var(--radius-extra-big);
  padding: 0 var(--spacing-s) var(--spacing-s) var(--spacing-s);
  max-height: 188px;
}
.dash-widget-container.edit-mode.svelte-1h1zk4j .dash-widget-content:where(.svelte-1h1zk4j) {
  overflow: hidden;
}
.dash-widget-container.edit-mode.svelte-1h1zk4j .edit-mode-overlay:where(.svelte-1h1zk4j) {
  position: absolute;
  left: 0px;
  width: 100%;
  bottom: 0px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 28, 35, 0.3)), color-stop(89.93%, #161c23));
  background: linear-gradient(180deg, rgba(22, 28, 35, 0.3) 0%, #161c23 89.93%);
  border-bottom-left-radius: var(--radius-extra-big);
  border-bottom-right-radius: var(--radius-extra-big);
  z-index: 2;
  cursor: -webkit-grab;
  cursor: grab;
}
.dash-widget-container.edit-mode.svelte-1h1zk4j .edit-mode-overlay.is-dragging:where(.svelte-1h1zk4j) {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.dash-widget-container.edit-mode.svelte-1h1zk4j .dash-widget-title-container.is-dragging:where(.svelte-1h1zk4j) {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.dash-widget-container.edit-mode.svelte-1h1zk4j:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--color-primary);
  opacity: 0.05;
  pointer-events: none;
  border-radius: var(--radius-extra-big);
  z-index: 1;
}
.dash-widget-container.edit-mode.svelte-1h1zk4j:focus {
  -webkit-box-shadow: var(--shadow-glow-soft);
          box-shadow: var(--shadow-glow-soft);
}
.dash-widget-container.edit-mode.svelte-1h1zk4j:focus-visible:not(.is-draggind) {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.dash-widget-container.edit-mode.svelte-1h1zk4j:focus-visible::before, .dash-widget-container.edit-mode.svelte-1h1zk4j:focus::before {
  content: "";
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-extra-big);
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .dash-widget-container.edit-mode.svelte-1h1zk4j:hover::before {
    content: "";
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid var(--color-primary);
    border-radius: var(--radius-extra-big);
    left: 0;
    top: 0;
    z-index: 3;
    pointer-events: none;
  }
}

@media screen and (max-width: 1123px) {
  .dash-widget-container.edit-mode.svelte-1h1zk4j {
    max-height: 148px;
  }
  .dash-widget-container.edit-mode.svelte-1h1zk4j .edit-mode-overlay:where(.svelte-1h1zk4j) {
    cursor: default;
  }
}@-webkit-keyframes svelte-1kj0ovl-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1kj0ovl-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.dash-grid-wrapper.svelte-1kj0ovl {
  position: relative;
}

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

.ellipsis-second-line {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}@-webkit-keyframes svelte-1r7ut0y-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-1r7ut0y-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.dash-light-control-widget.svelte-1r7ut0y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: var(--radius-big);
  gap: 1px;
  position: relative;
}
.dash-light-control-widget.svelte-1r7ut0y::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  z-index: 3;
}
.dash-light-control-widget.svelte-1r7ut0y:focus-visible {
  outline: none;
}
.dash-light-control-widget.is-focusable.svelte-1r7ut0y {
  cursor: pointer;
}
.dash-light-control-widget.is-focusable.svelte-1r7ut0y:focus-visible:not(.selected)::before {
  opacity: 1;
  border: 1px solid var(--color-primary);
  -webkit-box-shadow: 0 0 0 4px var(--color-primary-20);
          box-shadow: 0 0 0 4px var(--color-primary-20);
}
.dash-light-control-widget.selected.svelte-1r7ut0y::before {
  opacity: 1;
  border: 2px solid var(--color-primary);
}
.dash-light-control-widget.selected.svelte-1r7ut0y:focus-visible::before {
  -webkit-box-shadow: 0 0 0 4px var(--color-primary-20);
          box-shadow: 0 0 0 4px var(--color-primary-20);
}
.dash-light-control-widget.selected.svelte-1r7ut0y .action-btn:first-of-type:after {
  width: calc(100% - 10px) !important;
  height: calc(100% - 10px) !important;
  top: 4px !important;
}
.dash-light-control-widget.selected.svelte-1r7ut0y .action-btn:last-of-type:after {
  width: calc(100% - 10px) !important;
  height: calc(100% - 10px) !important;
}
.dash-light-control-widget.svelte-1r7ut0y .colored-bg:where(.svelte-1r7ut0y) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  gap: var(--spacing-xs);
  padding: var(--spacing-s-plus);
  padding-bottom: var(--spacing-s);
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.dash-light-control-widget.svelte-1r7ut0y .colored-bg.full-radius:where(.svelte-1r7ut0y) {
  border-radius: inherit;
}
.dash-light-control-widget.svelte-1r7ut0y .colored-bg:where(.svelte-1r7ut0y) .value-container:where(.svelte-1r7ut0y) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.dash-light-control-widget.svelte-1r7ut0y .colored-bg:where(.svelte-1r7ut0y) .value-container:where(.svelte-1r7ut0y) .value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 88px;
}
.dash-light-control-widget.svelte-1r7ut0y .colored-bg:where(.svelte-1r7ut0y) .value-container:where(.svelte-1r7ut0y) .right-title-slot:where(.svelte-1r7ut0y) {
  min-width: 0;
}
.dash-light-control-widget.svelte-1r7ut0y .colored-bg:where(.svelte-1r7ut0y) .value-container:where(.svelte-1r7ut0y) .additional-value-container:where(.svelte-1r7ut0y) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--spacing-xs);
  margin-top: 6px;
}
.dash-light-control-widget.svelte-1r7ut0y .colored-bg:where(.svelte-1r7ut0y) .value-container:where(.svelte-1r7ut0y) .label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin-top: 6px;
}@-webkit-keyframes svelte-t0154i-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-t0154i-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.actions.svelte-t0154i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1px;
}
.actions.svelte-t0154i .action-btn:where(.svelte-t0154i) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  background-color: var(--color-1);
  height: 100%;
  width: 48px;
}
.actions.svelte-t0154i .action-btn:where(.svelte-t0154i):disabled {
  cursor: not-allowed;
}
.actions.svelte-t0154i .action-btn:where(.svelte-t0154i):hover:not(:disabled):not(:active)::before {
  content: "";
  position: absolute;
  background-color: var(--color-base);
  border-radius: inherit;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}
.actions.svelte-t0154i .action-btn:where(.svelte-t0154i):active:not(:disabled)::before {
  content: "";
  position: absolute;
  background-color: var(--color-base);
  border-radius: inherit;
  pointer-events: none;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  opacity: 0.35;
}
.actions.svelte-t0154i .action-btn:where(.svelte-t0154i):first-of-type {
  border-top-right-radius: 10px;
}
.actions.svelte-t0154i .action-btn:where(.svelte-t0154i):last-of-type {
  border-bottom-right-radius: 10px;
}
.actions.svelte-t0154i .action-btn:where(.svelte-t0154i):focus-visible:after {
  content: "";
  position: absolute;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 2px solid var(--color-primary);
  left: 2px;
  top: 2px;
  border-radius: inherit;
}@-webkit-keyframes svelte-mt02q2-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-mt02q2-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.dash-reorder-container.svelte-mt02q2 {
  border-radius: var(--radius-big);
  border: 1px solid var(--color-2);
  overflow: hidden;
}
.dash-reorder-container.svelte-mt02q2:focus-visible {
  position: relative;
  z-index: 0;
  outline: 2px solid var(--color-primary);
  outline-offset: -2px;
  /* 
  Focus outline visibility fix:
  Because the container uses `overflow: hidden` and `.dash-reorder-item` is 
  positioned, the child renders above the focus outline. Setting a stacking 
  context on the focused item and pushing `.dash-reorder-item` behind ensures 
  the outline is visible.
  */
}
.dash-reorder-container.svelte-mt02q2:focus-visible .dash-reorder-item {
  z-index: -1;
}
.dash-reorder-container.svelte-mt02q2 div:last-of-type .dash-reorder-item {
  border-bottom: none;
}
.dash-reorder-container.svelte-mt02q2 .dash-list-item:first-of-type {
  border-top-right-radius: var(--radius-big);
  border-top-left-radius: var(--radius-big);
}
.dash-reorder-container.svelte-mt02q2 .dash-list-item:focus {
  position: relative;
  z-index: 0;
  outline: 2px solid var(--color-primary);
  outline-offset: -2px;
  /* Same as above */
}
.dash-reorder-container.svelte-mt02q2 .dash-list-item:focus .dash-reorder-item {
  z-index: -1;
}
.dash-reorder-container.svelte-mt02q2 .dash-list-item:last-of-type {
  border-bottom-right-radius: var(--radius-big);
  border-bottom-left-radius: var(--radius-big);
}@-webkit-keyframes svelte-o34s4z-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-o34s4z-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.dash-reorder-container .dash-reorder-item.svelte-o34s4z {
  cursor: -webkit-grab;
  cursor: grab;
}

.dash-reorder-item.svelte-o34s4z {
  position: relative;
  background: var(--color-0);
  padding: var(--spacing-s-plus);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-s);
  border-bottom: 1px solid var(--color-2);
}
@media (hover: hover) and (pointer: fine) {
  .dash-reorder-item.svelte-o34s4z:hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-base);
    opacity: 0.3;
    border-radius: inherit;
  }
}
.dash-reorder-item.is-focusable.svelte-o34s4z:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: -2px;
  -webkit-box-shadow: var(--shadow-glow-strong);
          box-shadow: var(--shadow-glow-strong);
  border-radius: inherit;
}
.dash-reorder-item.svelte-o34s4z .icon-and-avatar-wrapper:where(.svelte-o34s4z) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  gap: var(--spacing-s);
}
.dash-reorder-item.svelte-o34s4z .item-content:where(.svelte-o34s4z) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--spacing-xs);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  z-index: 1;
}@-webkit-keyframes svelte-symtuy-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-symtuy-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.list-menu-card-v2.svelte-symtuy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  border-radius: var(--radius-big);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  outline: none;
  cursor: pointer;
  z-index: 0;
}
.list-menu-card-v2.card-compact.svelte-symtuy {
  min-height: 83px;
}
.list-menu-card-v2.card-regular.svelte-symtuy {
  min-height: 126px;
}
.list-menu-card-v2.card-extended.svelte-symtuy {
  min-height: 161px;
}
.list-menu-card-v2.edit-mode.svelte-symtuy {
  cursor: -webkit-grab;
  cursor: grab;
}
.list-menu-card-v2.edit-mode.svelte-symtuy .title-container:where(.svelte-symtuy) .mobile-draggable-title-area:where(.svelte-symtuy) {
  position: absolute;
  left: 0;
  top: 0;
  padding: var(--spacing-s-plus);
}
.list-menu-card-v2.edit-mode.svelte-symtuy:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: var(--color-primary);
  opacity: 0.15;
  pointer-events: none;
}
.list-menu-card-v2.edit-mode.svelte-symtuy:focus {
  -webkit-box-shadow: var(--shadow-glow-strong);
          box-shadow: var(--shadow-glow-strong);
}
.list-menu-card-v2.edit-mode.svelte-symtuy:focus::before {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-primary);
}
@media (hover: hover) and (pointer: fine) {
  .list-menu-card-v2.edit-mode.svelte-symtuy:hover::before {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid var(--color-primary);
  }
}
.list-menu-card-v2.svelte-symtuy:focus-visible:not(.selected):not(.edit-mode) {
  -webkit-box-shadow: 0 0 0 4px var(--color-primary-20);
          box-shadow: 0 0 0 4px var(--color-primary-20);
}
.list-menu-card-v2.svelte-symtuy:focus-visible:not(.selected):not(.edit-mode)::before {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid var(--color-primary);
}
.list-menu-card-v2.svelte-symtuy::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;
}
.list-menu-card-v2.selected.svelte-symtuy::before {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid var(--color-primary);
}
.list-menu-card-v2.selected.svelte-symtuy:focus-visible {
  -webkit-box-shadow: 0 0 0 4px var(--color-primary-20);
          box-shadow: 0 0 0 4px var(--color-primary-20);
}
.list-menu-card-v2.svelte-symtuy .main:where(.svelte-symtuy) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  overflow: hidden;
}
.list-menu-card-v2.svelte-symtuy .main:where(.svelte-symtuy),
.list-menu-card-v2.svelte-symtuy .right-slot-container:where(.svelte-symtuy) {
  z-index: 1;
}
.list-menu-card-v2.svelte-symtuy .right-slot-container:where(.svelte-symtuy) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.list-menu-card-v2.svelte-symtuy .title-container:where(.svelte-symtuy) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.list-menu-card-v2.svelte-symtuy .title-container:where(.svelte-symtuy) .mobile-draggable-title-area:where(.svelte-symtuy) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-s);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.list-menu-card-v2.svelte-symtuy .title-container:where(.svelte-symtuy) .mobile-draggable-title-area:where(.svelte-symtuy):focus-visible {
  padding-left: 4px;
  margin-left: -4px;
  outline: 2px solid var(--color-primary);
  border-radius: var(--spacing-xs);
}
.list-menu-card-v2.svelte-symtuy .title-container:where(.svelte-symtuy),
.list-menu-card-v2.svelte-symtuy .main-slot-container:where(.svelte-symtuy) {
  padding: 13px 12px;
}
.list-menu-card-v2.svelte-symtuy .title-container:where(.svelte-symtuy) {
  padding-bottom: 8px;
}
.list-menu-card-v2.svelte-symtuy .main-slot-container:where(.svelte-symtuy) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-top: 0;
  overflow: visible;
}
.list-menu-card-v2.svelte-symtuy .main-slot-container:where(.svelte-symtuy) .labels-list-v2:focus-visible {
  outline-offset: 0;
}
.list-menu-card-v2.svelte-symtuy .overlay-top:where(.svelte-symtuy),
.list-menu-card-v2.svelte-symtuy .overlay-bottom:where(.svelte-symtuy) {
  width: 100%;
  position: absolute;
  left: 0;
  background: var(--gradient-text-highlighting);
  pointer-events: none;
}
.list-menu-card-v2.bg-color-overlay.svelte-symtuy .overlay-top:where(.svelte-symtuy),
.list-menu-card-v2.bg-color-overlay.svelte-symtuy .overlay-bottom:where(.svelte-symtuy) {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.71)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.71) 100%);
}
.list-menu-card-v2.svelte-symtuy .overlay-top:where(.svelte-symtuy) {
  top: 0;
  height: 70%;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.list-menu-card-v2.svelte-symtuy .overlay-bottom:where(.svelte-symtuy) {
  height: 30%;
  bottom: 0;
}@-webkit-keyframes svelte-z1so0y-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-z1so0y-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.parameter-card-v2.focusable.svelte-z1so0y {
  cursor: pointer;
}
.parameter-card-v2.focusable.svelte-z1so0y:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: var(--radius-big);
}
.parameter-card-v2.svelte-z1so0y .sub-title {
  max-width: 40%;
}
.parameter-card-v2.svelte-z1so0y .dots-container {
  height: 20px;
}@-webkit-keyframes svelte-7gbzpg-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-7gbzpg-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.parameter-card-group.svelte-7gbzpg {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  gap: 2px;
  border-radius: var(--radius-big);
  overflow: hidden;
}
.parameter-card-group.svelte-7gbzpg .container {
  border-radius: 0 !important;
}@-webkit-keyframes svelte-14l0nh6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes svelte-14l0nh6-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  50% {
    -webkit-transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
            transform: translateX(calc(-100% + var(--item-title-wrapper-width)));
  }
  70% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.dash-action-area.svelte-14l0nh6 {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-white);
  margin: 0;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 11px 15px;
  max-width: 100%;
  background-color: var(--color-primary-10);
  border: 1px dashed var(--color-primary);
  border-radius: var(--radius-small);
}
.dash-action-area.svelte-14l0nh6:disabled {
  cursor: not-allowed;
}
.dash-action-area.disabled.svelte-14l0nh6 {
  cursor: not-allowed;
}
.dash-action-area.svelte-14l0nh6:focus, .dash-action-area.svelte-14l0nh6:not(.disabled-overlay):active {
  background-color: var(--color-primary-20);
  border-style: solid;
}
@media (hover: hover) and (pointer: fine) {
  .dash-action-area.svelte-14l0nh6:not(.disabled-overlay):hover {
    background-color: var(--color-primary-20);
  }
}

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

	.chart-wrapper.svelte-1dco2yf {
		width: 100%;
		overflow: hidden;
	}

	.chart-wrapper.chart-disabled > canvas {
		opacity: 0.4;
	}

	.chart-wrapper.svelte-1dco2yf > .tooltip:where(.svelte-1dco2yf) {
		user-select: none;
		background: white;
		border-radius: 8px;
		color: var(--color-2);
		opacity: 0;
		pointer-events: none;
		position: absolute;
		font: var(--font-family);
		font-size: 10px;
		padding: 8px;
		max-width: calc(100% - 15px);
		z-index: 3;
	}

	.chart-wrapper > .tooltip .content {
		display: flex;
		margin-top: 6px;
	}

	.chart-wrapper > .tooltip .legend,
	.chart-wrapper > .tooltip .tariff {
		overflow: hidden;
		text-overflow: ellipsis;
		text-wrap: nowrap;
		font-weight: 500;
	}

	.chart-wrapper > .tooltip .legend {
		font-weight: bold;
	}

	.chart-wrapper > .tooltip .title {
		font-size: 13px;
		font-weight: bold;
		text-align: left;
	}

	.chart-wrapper > .tooltip .circle {
		margin: 1px 5px 2px 0;
		min-width: 4px;
		border-radius: var(--radius-small);
	}

	.chart-wrapper > .tooltip .c-row {
		width: calc(100% - 8px);
	}

	.chart-wrapper > .tooltip .label {
		padding: 2px 0 5px;
		font-size: 10px;
		display: flex;
		justify-content: space-between;
	}

	.chart-wrapper > .tooltip .values {
		text-align: right;
		padding-left: 5px;
		text-wrap: nowrap;
	}

	.chart-wrapper > .tooltip i.fas {
		margin-right: 4px;
	}

	.chart-wrapper > .tooltip i.fa-coins {
		margin-left: 5px;
	}

	.chart-wrapper > .tooltip i.fa-bolt {
		background: var(--gradient-chart-consumed-energy);
	}

	.chart-wrapper > .tooltip > .title > i.fas {
		margin-left: -2px;
		margin-right: 5px;
	}

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

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

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

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

	.prevent-transition .progress-value {
		transition: none !important;
	}

	.double-time-picker-disabled {
		opacity: 0.5;
		pointer-events: none;
	}

	.input-wrapper.svelte-ogsnfi {
		width: 40px;
	}

	.button-width-mobile {
		width: calc(50% - 4px) !important;
	}

	.multiple-lines-ellipsis {
		display: -webkit-box;
		line-clamp: 3;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.control-flex-column.svelte-1jrxgv3 {
		flex: 1;
	}

	.col-label.svelte-rrysgk {
		width: 70%;
	}
	.col-value.svelte-rrysgk {
		width: 30%;
	}

	.col-label.svelte-g28hlc {
		width: 70%;
	}
	.col-value.svelte-g28hlc {
		width: 30%;
	}
	tr.no-vertical-padding.svelte-g28hlc th:where(.svelte-g28hlc),
	tr.no-vertical-padding.svelte-g28hlc td:where(.svelte-g28hlc) {
		padding-top: 0;
		padding-bottom: 0;
	}

	.preview-box.svelte-3pl4vr {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.preview-box-content.svelte-3pl4vr {
		width: 100%;
		height: 100%;
		max-width: 360px;
		min-width: 320px;
		display: block;
	}
	.preview-box-content-inner.svelte-3pl4vr {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100%;
		padding: 8px;
		border: 1px solid var(--color-3);
		border-top-left-radius: var(--radius-big);
		border-bottom-left-radius: var(--radius-big);
		background: var(--color-1);
	}
	.preview-box-content-inner-v2.svelte-3pl4vr {
		display: flex;
		flex-direction: column;
		padding: 16px 12px 10px;
		border: 1px solid var(--color-2);
		border-radius: var(--radius-extra-big);
		background: var(--color-base);
	}
	.preview-box-status-bar.svelte-3pl4vr {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-top: -4px;
		margin-bottom: 4px;
		min-height: 20px;
	}
	.preview-box.svelte-3pl4vr .drawer-tabs {
		height: auto;
	}
.shelly-code-editor {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background: white;
}

.shelly-code-editor > .editor,
.shelly-code-editor > .line-numbers,
.shelly-code-editor > .editor > textarea,
.shelly-code-editor > .editor > div.mirror-autocomplete,
.shelly-code-editor > .editor > pre {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.shelly-code-editor > .line-numbers {
	font-family: 'Cousine', monospace;
	padding: 10px 8px 12px 4px;
	width: 42px;
	text-align: right;
	color: #999;
	background: #eee;
	font-size: 13px;
	line-height: 20px;
	display: flex;
	flex-direction: column;
	user-select: none;
	box-sizing: border-box;
	z-index: 1;
}

.shelly-code-editor > .editor {
	width: calc(100% - 45px);
	left: 45px;
}

.shelly-code-editor > .editor > textarea,
.shelly-code-editor > .editor > div.mirror-autocomplete,
.shelly-code-editor > .editor > pre,
.shelly-code-editor > .editor > pre > code {
	background-color: transparent;
	margin: 0;
	border: 0;
	padding: 0;
	border-radius: unset;
	font-size: 13px;
	line-height: 20px;
}

.shelly-code-editor > .editor > pre > code {
	color: #003366;
}

.shelly-code-editor > .editor > pre {
	width: unset;
	pointer-events: none;
}

.shelly-code-editor > .editor > textarea,
.shelly-code-editor > .editor > div.mirror-autocomplete,
.shelly-code-editor > .editor > pre > code {
	font-size: 13px;
	font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
	padding-top: 10px;
	display: block;
}

.shelly-code-editor > .editor > textarea::selection {
	color: #eee;
	background-color: #3578e5;
}

.shelly-code-editor > .editor > textarea,
.shelly-code-editor > .editor > div.mirror-autocomplete {
	white-space: pre;
	box-shadow: transparent;
	font-weight: normal;
	font-style: normal;
	font-variant-caps: normal;
	font-variant-east-asian: normal;
	font-variant-ligatures: normal;
	font-variant-numeric: normal;
	border-radius: unset;
	overflow: auto;
	outline: none !important;
	background: none;
	border: none;
	color: transparent;
	z-index: 1;
	resize: none;
	caret-color: #111;
	padding-bottom: 165px;
	box-sizing: border-box;
}

.shelly-code-editor .token {
	box-sizing: border-box;
}

.shelly-code-editor .token.operator {
	color: #ff5598;
}

.shelly-code-editor .token.string {
	color: #41ad8f;
}

.shelly-code-editor .token.comment,
.shelly-code-editor .token.fullcomment {
	color: #9badb7;
}

.shelly-code-editor .token.arg,
.shelly-code-editor .token.punctuation,
.shelly-code-editor .token.keyword,
.shelly-code-editor .token.function,
.shelly-code-editor .token.boolean,
.shelly-code-editor .token.number,
.shelly-code-editor .token.selector,
.shelly-code-editor .token.property {
	color: #8500ff;
}

.shelly-code-editor .token.shelly {
	color: #3578e5;
}

.shelly-code-editor .token.hover {
	background-color: #9badb7;
	color: white;
}

.shelly-script-editor-context-menu,
.shelly-script-editor-autocomplete-menu {
	position: absolute;
	z-index: 1;
	width: auto;
	background: white;
	border-radius: 2px;
	display: none;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	font-size: 13px;
	font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
	color: #343434;
	padding: 2px 0;
	margin: 0;
}

.shelly-script-editor-autocomplete-menu {
	min-width: 125px;
	max-height: 155px;
	overflow-x: hidden;
	overflow-y: auto;
}

.shelly-script-editor-autocomplete-menu::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.shelly-script-editor-autocomplete-menu::-webkit-scrollbar-track {
	background: white;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

.shelly-script-editor-autocomplete-menu::-webkit-scrollbar-thumb,
.shelly-script-editor-autocomplete-menu::-webkit-scrollbar-thumb:hover {
	background: #e7e7e7;
}

.shelly-script-editor-context-menu.show,
.shelly-script-editor-autocomplete-menu.show {
	display: block;
}

.shelly-script-editor-context-menu > li,
.shelly-script-editor-autocomplete-menu > li {
	padding: 5px 10px 5px 5px;
	list-style: none;
	cursor: pointer;
	margin: 1px 0;
}

.shelly-script-editor-autocomplete-menu > li {
	padding: 5px;
	height: 25px;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	white-space: nowrap;
}

.shelly-script-editor-autocomplete-menu > li > span > .highlight {
	color: #2491ff;
}

.shelly-script-editor-context-menu > li.delimiter {
	border-top: 1px solid #eee;
	height: 0;
	padding: 0;
	margin: -1px 0;
}

.shelly-script-editor-context-menu > li > .icon,
.shelly-script-editor-autocomplete-menu > li > .icon {
	width: 27px;
	padding: 0px 5px;
	display: inline-block;
}

.shelly-script-editor-autocomplete-menu > li > .icon {
	width: 22px;
	padding-right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.shelly-script-editor-autocomplete-menu > li > .icon > svg {
	left: 3px;
}

.shelly-script-editor-context-menu > li:hover,
.shelly-script-editor-autocomplete-menu > li:hover,
.shelly-script-editor-autocomplete-menu > li.selected {
	background: #eee;
}

.shelly-script-editor-context-menu > li.disabled {
	background: #eee;
	color: #9badb7;
	pointer-events: none;
}

.shelly-script-editor-context-menu > li[data-event='snippets'] > .icon {
	font-size: 12px;
}

	.js-editor.svelte-42mhij {
		width: 100%;
		height: auto;
		min-height: 32px;
		padding: 4px;
		position: relative;
		font-size: 13px;
		font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
		line-height: 20px;
		white-space: pre;
		border-radius: var(--radius-small);
		background: #fff;
		box-sizing: border-box;
		color: #003366;
		display: flex;
		overflow: hidden;
	}

	.editor-content.svelte-42mhij {
		overflow: auto;
		padding-left: 45px;
		padding-top: 6px;
	}

	/* layout styles for snippets containers */
	.buttons-container-styles.svelte-1ty98fx {
		display: flex;
		flex-wrap: wrap;
	}

	.button-styles {
		margin-top: var(--spacing-s) !important;
		margin-right: var(--spacing-s) !important;
	}

	.button-styles:last-child {
		margin-right: 0 !important;
	}

	@media (max-width: 639px) {
		.buttons-container-styles.svelte-1ty98fx {
			flex-direction: column-reverse;
		}

		.button-styles {
			margin-right: 0 !important;
		}
	}

	.console-container.svelte-i694py {
		width: 100%;
		min-height: 6px;
		max-height: calc(100% - 100px);
		margin-top: 1px;
		position: relative;
		flex-shrink: 0;
		z-index: 2;
	}

	.resize-wrapper.svelte-i694py {
		width: 100%;
		top: -3px;
		position: absolute;
		cursor: n-resize;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		user-select: none;
	}

	.resize-wrapper.svelte-i694py > span:where(.svelte-i694py) {
		width: 25px;
		outline: 4px solid white;
		border-top: 1px solid var(--color-1);
		position: relative;
		z-index: 1;
		padding: 2px 5px;
	}

	.console.svelte-i694py {
		width: 100%;
		height: calc(100% - 30px);
		overflow: hidden;
		overflow-y: auto;
		background: white;
		position: relative;
		padding: 5px 10px;
		font-size: 13px;
		line-height: 20px;
		display: flex;
		flex-direction: column;
		padding-left: 24px;
	}

	.console-menu.svelte-i694py {
		position: absolute;
		left: 2px;
		top: 4px;
		cursor: pointer;
		z-index: 2;
		display: flex;
		flex-direction: column;
	}

	.console.svelte-i694py .log-item:where(.svelte-i694py) {
		display: flex;
		justify-content: space-between;
		padding: 0 5px;
	}

	.console.svelte-i694py .log-item:where(.svelte-i694py) .time:where(.svelte-i694py) {
		color: var(--color-1);
		word-break: normal;
	}

	.terminal.svelte-i694py {
		display: flex;
		align-items: center;
		height: 30px;
		background: white;
		border-top: 1px solid var(--color-1);
		position: relative;
		z-index: 3;
		padding: 0 5px;
	}

	.terminal.svelte-i694py > input:where(.svelte-i694py) {
		width: calc(100% - 40px);
		font-size: 13px;
		line-height: 16px;
		border: none;
		outline: none;
		padding: 0 5px;
		color: var(--color-1);
		font-family: monospace;
	}

	.terminal.svelte-i694py > input:where(.svelte-i694py)::placeholder {
		font-family: monospace;
		font-style: normal;
		font-weight: normal;
		margin: 0;
		color: var(--color-1-opacity);
	}

	.editor-container.svelte-1u3pce0 {
		display: flex;
		flex-direction: column;
		overflow: hidden;
		height: 100%;
		width: 100%;
		border-radius: 0;
	}

	.editor.svelte-1u3pce0 {
		position: relative;
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
		border-radius: 8px;
		overflow: hidden;
	}

	.buttons-wrapper.svelte-1u3pce0 {
		display: flex;
		gap: 8px;
	}

	.script-name-wrapper.svelte-1u3pce0 {
		flex: 1;
		min-width: 168px;
	}

	.toolbar-content.svelte-1u3pce0 {
		display: flex;
		gap: 8px;
		padding: 4px;
	}

	.loading.svelte-1u3pce0 {
		font-size: 13px;
		font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
		padding-top: 10px;
		display: block;
		position: absolute;
		left: 50px;
		top: 2px;
		color: #4f559c;
		width: calc(100% - 50px);
		height: 100%;
		z-index: 5;
	}

	.shelly-code-editor {
		position: relative;
	}

	@media (max-width: 420px) {
		.script-name-wrapper.svelte-1u3pce0 {
			width: 100%;
			padding-bottom: 0;
		}
	}

	.map-container.svelte-1gi868p {
		width: 100%;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
		overflow: hidden;
		position: relative;
	}
	.map-canvas.svelte-1gi868p {
		width: 100%;
		height: 100%;
		border: 1px solid var(--color-3);
		border-radius: var(--radius-big);
	}
	.map-canvas .mapboxgl-control-container {
		opacity: 0.5;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.location-g2-settings.svelte-1sxydti {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		width: 100%;
	}
	.location-g2-settings-group.svelte-1sxydti {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		width: 100%;
	}

	.geo-settings.svelte-1dusjp8 {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.geo-settings.svelte-1dusjp8 > div:where(.svelte-1dusjp8) {
		margin-bottom: 12px;
	}

	.geo-settings-save.svelte-1dusjp8 {
		margin-top: 4px;
		width: 100%;
	}

	.geo-settings-group.svelte-1dusjp8 {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		width: 100%;
	}

	.zone-card.svelte-znt1bd {
		display: flex;
		align-items: center;
		gap: 16px;
		padding: 16px 20px;
		background: #121517;
		border-radius: 10px;
		transition: background 0.2s ease;
		margin-bottom: 12px;
	}
	.zone-card.svelte-znt1bd:last-child {
		margin-bottom: 0;
	}
	.zone-card.inactive.svelte-znt1bd {
		opacity: 0.5;
		pointer-events: none;
	}
	.zone-number.svelte-znt1bd {
		width: 32px;
		height: 32px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		font-weight: 600;
		color: white;
		flex-shrink: 0;
	}
	.zone-info.svelte-znt1bd {
		flex: 1;
	}

	button.svelte-ocud4b {
		background: #121517;
		color: white;
		cursor: pointer;
		transition: all 0.2s ease;
		font-size: 18px;
		border: none;
	}
	button.svelte-ocud4b:hover {
		color: var(--color-primary);
	}

	.irrigation-container.svelte-ocud4b {
		background-color: #0e0f10;
		border-radius: 18px;
		padding: 8px;
	}

	ul.svelte-syb37p {
		padding: 0 0 0 12px;
		margin: 0;
	}
	ul.svelte-syb37p li:where(.svelte-syb37p) {
		line-height: 1.3;
	}

	.presence-config-footer.svelte-1xg8ocm {
		position: sticky;
		bottom: 0;
		padding: 12px 0;
		background: var(--color-surface, var(--color-base));
		border-top: 1px solid var(--color-border, rgba(255, 255, 255, 0.12));
		z-index: 1;
	}

	.presence-config-footer.svelte-492kdv {
		position: sticky;
		bottom: 0;
		padding: 12px 0;
		background: var(--color-surface, var(--color-base));
		border-top: 1px solid var(--color-border, rgba(255, 255, 255, 0.12));
		z-index: 1;
	}

	.presence-config-footer.svelte-1fqwv4e {
		position: sticky;
		bottom: 0;
		padding: 12px 0;
		background: var(--color-surface, var(--color-base));
		border-top: 1px solid var(--color-border, rgba(255, 255, 255, 0.12));
		z-index: 1;
	}

	.time-fields.svelte-1fqwv4e {
		display: flex;
		gap: 12px;
	}

	.time-fields.svelte-1fqwv4e > div:where(.svelte-1fqwv4e) {
		flex: 1;
		min-width: 0;
	}

	.time-input.svelte-1fqwv4e {
		width: 100%;
		padding: 8px 10px;
		background: var(--color-surface-secondary, rgba(255, 255, 255, 0.06));
		border: 1px solid var(--color-border, rgba(255, 255, 255, 0.12));
		border-radius: 8px;
		color: var(--color-text-primary);
		font-size: 14px;
		box-sizing: border-box;
	}

	.time-input.svelte-1fqwv4e:focus {
		outline: none;
		border-color: var(--color-primary, #0088ff);
	}

	.onboarding-step-container.svelte-2z2edj {
		border: 1px solid #5b5f66;
		border-radius: 12px;
		padding: 24px;
	}

	.main-modes-container.svelte-2z2edj {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.inner-modes-container.svelte-2z2edj {
		width: 50%;
	}

	@media (max-width: 639.98px) {
		.main-modes-container.svelte-2z2edj {
			flex-direction: column-reverse;
		}

		.inner-modes-container.svelte-2z2edj {
			width: 100%;
		}
	}

	.main-tab-first-inner-container.svelte-12htiex {
		margin-bottom: 12px;
	}

	.measurement-item.svelte-12htiex {
		max-width: 135px;
		border-bottom: 1px solid #333333;
	}

	.measurement-item.svelte-12htiex:last-child {
		border-bottom: none;
	}

	.liquid-column.svelte-12htiex {
		width: 60px;
		height: 300px;
		border-radius: 20px;
		background: linear-gradient(to top, #025a72 var(--level), #ffffff var(--level));
		position: relative;
		overflow: hidden;
		opacity: 95%;
	}

	.liquid-column.solids-generic-type.svelte-12htiex,
	.liquid-column.solids-pellets-type.svelte-12htiex,
	.liquid-column.solids-grain-type.svelte-12htiex,
	.liquid-column.solids-sand-type.svelte-12htiex {
		background: #ffffff;
	}

	.minimize-liquid-column.svelte-12htiex {
		scale: 0.8;
	}

	/* Blue liquid (covers markers inside) */
	.liquid-fill.svelte-12htiex {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: var(--level);
		background: #025a72;
		z-index: 2; /* above markers */
	}

	.liquid-fill.solids-generic-type.svelte-12htiex,
	.liquid-fill.solids-pellets-type.svelte-12htiex,
	.liquid-fill.solids-grain-type.svelte-12htiex,
	.liquid-fill.solids-sand-type.svelte-12htiex {
		background-color: white;
		background-size: 500%;
		border-top: 1px solid lightgray;
	}

	.liquid-fill.solids-generic-type.svelte-12htiex {
		background-image: url('../images/onboarding/distance/solids_generic.png');
	}

	.liquid-fill.solids-pellets-type.svelte-12htiex {
		background-image: url('../images/onboarding/distance/solids_pellets.png');
	}

	.liquid-fill.solids-grain-type.svelte-12htiex {
		background-image: url('../images/onboarding/distance/solids_grain.png');
	}

	.liquid-fill.solids-sand-type.svelte-12htiex {
		background-image: url('../images/onboarding/distance/solids_sand.png');
	}

	.wave.svelte-12htiex {
		position: absolute;
		bottom: calc(var(--level) - 0.2%);
		left: -20px;
		width: 200px;
		height: 20px;
		animation: svelte-12htiex-wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) 0s infinite;
		z-index: 2; /* above markers */
		user-select: none;
	}

	.wave.svelte-12htiex:nth-of-type(2) {
		bottom: calc(var(--level) - 0.2%);
		right: 0;
		width: 200px;
		height: 20px;
		animation: svelte-12htiex-wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -1.5s infinite;
		z-index: 2; /* above markers */
		user-select: none;
	}

	@keyframes svelte-12htiex-wave {
		0% {
			margin-left: -20px;
		}
		50% {
			margin-left: -100px;
		}
		100% {
			margin-left: -20px;
		}
	}

	/* Extra markers */
	.marker-10.svelte-12htiex,
	.marker-20.svelte-12htiex,
	.marker-30.svelte-12htiex,
	.marker-40.svelte-12htiex,
	.marker-50.svelte-12htiex,
	.marker-60.svelte-12htiex,
	.marker-70.svelte-12htiex,
	.marker-80.svelte-12htiex,
	.marker-90.svelte-12htiex {
		position: absolute;
		left: 40%;
		right: 40%;
		height: 1px;
		background: lightgray;
		z-index: 1;
	}

	.marker-10.svelte-12htiex {
		top: 10%;
	}

	.marker-20.svelte-12htiex {
		top: 20%;
	}

	.marker-30.svelte-12htiex {
		top: 30%;
	}

	.marker-40.svelte-12htiex {
		top: 40%;
	}

	.marker-50.svelte-12htiex {
		top: 50%;
	}

	.marker-60.svelte-12htiex {
		top: 60%;
	}

	.marker-70.svelte-12htiex {
		top: 70%;
	}

	.marker-80.svelte-12htiex {
		top: 80%;
	}

	.marker-90.svelte-12htiex {
		top: 90%;
	}

	/* Add label text */
	.marker-10.svelte-12htiex::after,
	.marker-20.svelte-12htiex::after,
	.marker-30.svelte-12htiex::after,
	.marker-40.svelte-12htiex::after,
	.marker-50.svelte-12htiex::after,
	.marker-60.svelte-12htiex::after,
	.marker-70.svelte-12htiex::after,
	.marker-80.svelte-12htiex::after,
	.marker-90.svelte-12htiex::after {
		position: absolute;
		bottom: -5px;
		left: 100%; /* or adjust based on where you want it */
		color: #999;
		font-size: 10px;
		margin-left: 2px;
	}

	/* Individual labels */
	.marker-10.svelte-12htiex::after {
		content: '90%';
		text-wrap: nowrap;
	}
	.marker-20.svelte-12htiex::after {
		content: '80%';
		text-wrap: nowrap;
	}
	.marker-30.svelte-12htiex::after {
		content: '70%';
		text-wrap: nowrap;
	}
	.marker-40.svelte-12htiex::after {
		content: '60%';
		text-wrap: nowrap;
	}
	.marker-50.svelte-12htiex::after {
		content: '50%';
		text-wrap: nowrap;
	}
	.marker-60.svelte-12htiex::after {
		content: '40%';
		text-wrap: nowrap;
	}
	.marker-70.svelte-12htiex::after {
		content: '30%';
		text-wrap: nowrap;
	}
	.marker-80.svelte-12htiex::after {
		content: '20%';
		text-wrap: nowrap;
	}
	.marker-90.svelte-12htiex::after {
		content: '10%';
		text-wrap: nowrap;
	}

	@media (min-width: 640px) {
		.occupancy-container.svelte-1mebbvf {
			margin-left: 24px;
		}
	}

	.secondary-tab-container.svelte-kis9eq {
		margin-top: 12px;
	}
	@media (min-width: 640px) {
		.garage-container.svelte-kis9eq {
			margin-left: 24px;
		}
	}

	@media (max-width: 639.98px) {
		.garage-container.svelte-kis9eq {
			margin-top: 24px;
			margin-bottom: 16px;
		}
	}

	.liquid-container.svelte-1xrl3cj {
		display: flex;
		justify-content: end;
		margin-bottom: 0;
	}

	@media (max-width: 639.98px) {
		.liquid-container.svelte-1xrl3cj {
			justify-content: center;
			margin-bottom: 16px;
		}
	}

	.liquid-diagram-container.svelte-yjbxpz,
	.occupancy-diagram-container.svelte-yjbxpz,
	.garage-diagram-container.svelte-yjbxpz {
		display: flex;
		justify-content: end;
	}

	.liquid-diagram.svelte-yjbxpz {
		position: relative;
		width: 203px;
		height: 241px;
	}

	.occupancy-diagram.svelte-yjbxpz {
		position: relative;
		width: 188px;
		height: 267px;
	}

	.garage-diagram.svelte-yjbxpz {
		position: relative;
		width: 300px;
	}

	.liquid-label.svelte-yjbxpz,
	.occupancy-label.svelte-yjbxpz,
	.garage-label.svelte-yjbxpz {
		pointer-events: none;
		position: absolute;
		font-size: 10px;
		color: #6e6e6e;
	}

	.liquid-label.svelte-yjbxpz:nth-of-type(1),
	.occupancy-label.svelte-yjbxpz:nth-of-type(1),
	.garage-label.svelte-yjbxpz:nth-of-type(1),
	.garage-label.svelte-yjbxpz:nth-of-type(4),
	.garage-label.svelte-yjbxpz:nth-of-type(5) {
		color: #fff;
	}

	.occupancy-label.svelte-yjbxpz:nth-of-type(1) {
		top: 46%;
		left: -24%;
	}

	.liquid-label.svelte-yjbxpz:nth-of-type(1) {
		top: 46%;
		left: -27%;
	}
	.liquid-label.svelte-yjbxpz:nth-of-type(2) {
		top: 31%;
		left: 14%;
	}
	.liquid-label.reverse.svelte-yjbxpz:nth-of-type(2) {
		top: 31%;
		left: 19%;
	}
	.liquid-label.svelte-yjbxpz:nth-of-type(3) {
		bottom: 1%;
		left: 19%;
	}
	.liquid-label.reverse.svelte-yjbxpz:nth-of-type(3) {
		bottom: 1%;
		left: 14%;
	}
	.liquid-label.svelte-yjbxpz:nth-of-type(4) {
		top: 58%;
		left: 13%;
	}

	.garage-label.svelte-yjbxpz:nth-of-type(1) {
		top: 25%;
		left: 15%;
	}
	.garage-label.svelte-yjbxpz:nth-of-type(2) {
		top: 61%;
		left: 14%;
	}
	.garage-label.svelte-yjbxpz:nth-of-type(3) {
		top: 11%;
		left: 80%;
	}
	.garage-label.svelte-yjbxpz:nth-of-type(4) {
		top: 61%;
		left: 86%;
	}
	.garage-label.svelte-yjbxpz:nth-of-type(5) {
		top: 90%;
		left: 49%;
	}

	@media (max-width: 639.98px) {
		.liquid-diagram-container.svelte-yjbxpz {
			margin-bottom: 24px;
			justify-content: center;
		}

		.occupancy-diagram-container.svelte-yjbxpz,
		.garage-diagram-container.svelte-yjbxpz {
			justify-content: center;
		}
	}

	.labels-container.svelte-le0kii {
		position: relative;
		overflow: hidden;
		height: 22px;
	}

	.slider-label.svelte-le0kii {
		position: absolute;
		top: 0;
	}

	.linear-chart.svelte-le0kii {
		overflow: hidden;
		border-radius: 12px;
	}

	.linear-chart.svelte-le0kii div:where(.svelte-le0kii) {
		height: 12px;
	}

	.linear-chart.svelte-le0kii div:where(.svelte-le0kii):nth-of-type(1),
	.linear-chart.svelte-le0kii div:where(.svelte-le0kii):nth-of-type(3) {
		background-color: #303235;
	}

	.linear-chart.svelte-le0kii div:where(.svelte-le0kii):nth-of-type(2) {
		background-color: #2491ff;
	}

	.liquid-diagram-container.svelte-le0kii,
	.occupancy-diagram-container.svelte-le0kii,
	.garage-diagram-container.svelte-le0kii {
		display: flex;
		justify-content: end;
	}

	.liquid-diagram.svelte-le0kii {
		position: relative;
		width: 203px;
		height: 242px;
	}

	.occupancy-diagram.svelte-le0kii {
		position: relative;
		width: 231px;
		height: 268px;
	}

	.garage-diagram.svelte-le0kii {
		position: relative;
		width: 300px;
	}

	.liquid-label.svelte-le0kii,
	.occupancy-label.svelte-le0kii,
	.garage-label.svelte-le0kii {
		pointer-events: none;
		position: absolute;
		font-size: 10px;
		color: #6e6e6e;
	}

	.garage-label.svelte-le0kii:nth-of-type(1),
	.garage-label.svelte-le0kii:nth-of-type(3),
	.occupancy-label.svelte-le0kii:nth-of-type(2),
	.liquid-label.svelte-le0kii:nth-of-type(2),
	.liquid-label.svelte-le0kii:nth-of-type(3),
	.liquid-label.svelte-le0kii:nth-of-type(4) {
		color: #fff;
	}

	.occupancy-label.svelte-le0kii:nth-of-type(1) {
		top: 46%;
		left: -19%;
	}
	.occupancy-label.svelte-le0kii:nth-of-type(2) {
		top: 74%;
		left: 8%;
	}

	.liquid-label.svelte-le0kii:nth-of-type(1) {
		top: 46%;
		left: -27%;
	}
	.liquid-label.svelte-le0kii:nth-of-type(2) {
		top: 31%;
		left: 14%;
	}
	.liquid-label.reverse.svelte-le0kii:nth-of-type(2) {
		top: 31%;
		left: 19%;
	}
	.liquid-label.svelte-le0kii:nth-of-type(3) {
		bottom: 1%;
		left: 19%;
	}
	.liquid-label.reverse.svelte-le0kii:nth-of-type(3) {
		bottom: 1%;
		left: 14%;
	}
	.liquid-label.svelte-le0kii:nth-of-type(4) {
		top: 58%;
		left: 13%;
	}

	.garage-label.svelte-le0kii:nth-of-type(1) {
		top: 52%;
		left: 10%;
	}
	.garage-label.svelte-le0kii:nth-of-type(2) {
		top: 11%;
		left: 80%;
	}
	.garage-label.svelte-le0kii:nth-of-type(3) {
		top: 90%;
		left: 49%;
	}

	@media (max-width: 639.98px) {
		.liquid-diagram-container.svelte-le0kii {
			margin-bottom: 24px;
			justify-content: center;
		}
		.occupancy-diagram-container.svelte-le0kii,
		.garage-diagram-container.svelte-le0kii {
			justify-content: center;
		}
	}

	.vibration-setting-container.svelte-afc7ef {
		display: flex;
		justify-content: end;
	}

	@media (max-width: 639.98px) {
		.vibration-setting-container.svelte-afc7ef {
			margin-bottom: 24px;
			justify-content: center;
		}
	}

	.liquid-diagram-container.svelte-11wq637 {
		display: flex;
		justify-content: end;
	}

	.liquid-diagram.svelte-11wq637 {
		position: relative;
		width: 203px;
		height: 242px;
	}

	.liquid-label.svelte-11wq637 {
		pointer-events: none;
		position: absolute;
		font-size: 10px;
		color: #6e6e6e;
	}

	.liquid-label.svelte-11wq637:nth-of-type(1) {
		top: 5%;
		left: -15%;
	}
	.liquid-label.svelte-11wq637:nth-of-type(2) {
		top: -1%;
		left: 53%;
	}
	.liquid-label.svelte-11wq637:nth-of-type(3) {
		top: 19%;
		left: 43%;
	}
	.liquid-label.svelte-11wq637:nth-of-type(4) {
		top: 38%;
		left: 50%;
	}
	.liquid-label.svelte-11wq637:nth-of-type(5) {
		top: 56%;
		left: 56%;
	}
	.liquid-label.svelte-11wq637:nth-of-type(6) {
		top: 75%;
		left: 63%;
	}
	.liquid-label.svelte-11wq637:nth-of-type(7) {
		bottom: 1%;
		right: -6%;
	}

	@media (max-width: 639.98px) {
		.liquid-diagram-container.svelte-11wq637 {
			margin-left: 24px;
			margin-bottom: 24px;
			justify-content: center;
		}
	}

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

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

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

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

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

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

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

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

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

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

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

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

	video.svelte-15szn41 {
		display: block;
		width: 100%;
		aspect-ratio: 16 / 9;
	}

	.zone-holder.svelte-tw4lbm {
		position: relative;
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
	}

	.zone-canvas.svelte-tw4lbm {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
		touch-action: none;
	}

	.zone-canvas.view.svelte-tw4lbm {
		pointer-events: none;
	}

	.color-picker.svelte-rjze63 {
		display: flex;
		gap: 8px;
		align-items: center;
	}
	/* swatches */
	.swatch.svelte-rjze63 {
		width: 25px;
		height: 25px;
		border-radius: 50%;
		border: 2px solid transparent;
		position: relative;
		cursor: pointer;
		transition: transform 0.1s;
		opacity: 0.8;
	}
	.swatch.svelte-rjze63:hover {
		transform: scale(1.1);
		opacity: 1;
	}

	/* selected state */
	.swatch.selected.svelte-rjze63 {
		box-shadow: inset 0 0 0 2px #fff;
		opacity: 1;
	}
	.swatch.selected.svelte-rjze63::after {
		content: '✓';
		font-size: 14px;
		color: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.colored-background.svelte-srt478 {
		background: #182f45;
		border-radius: 12px;
		padding: 16px;
	}

	.button.svelte-r44rle {
		padding: 16px 32px;
		font-size: 16px;
		font-weight: 500;
		color: #000000;
		background-color: #ececec;
		border: none;
		border-radius: 200px;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
		transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
		-webkit-tap-highlight-color: transparent;
		cursor: pointer;
		background-image: none;
		text-align: center;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: 100%;
		max-width: 350px;
		box-sizing: border-box;
	}
	.button.svelte-r44rle:active {
		transform: scale(0.97);
	}
	.button-icon.svelte-r44rle {
		width: 16px;
		height: 16px;
		fill: #dbb751;
		transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
	}
	.button.svelte-r44rle:hover .button-icon:where(.svelte-r44rle) {
		animation: svelte-r44rle-blink 0.8s ease-in-out 1;
	}
	@keyframes svelte-r44rle-blink {
		0%,
		100% {
			opacity: 1;
			transform: scale(1);
		}
		50% {
			opacity: 0.7;
			transform: scale(1.2);
		}
	}

	.button.svelte-1qhuy8q {
		padding: 16px 32px;
		font-size: 16px;
		font-weight: 500;
		color: #000000;
		background-color: #ffffff;
		border: none;
		border-radius: 200px;
		transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
		user-select: none;
		cursor: pointer;
		text-align: center;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		position: relative;
		box-sizing: border-box;
		transition: all 500ms ease;
		overflow: hidden;
		width: 100%;
		max-width: 350px;
		will-change: transform;
		transform: translateZ(0);
		backface-visibility: hidden;
	}

	.button.svelte-1qhuy8q:active {
		transform: scale(0.97);
	}

	/* Wrapper keeps icon aligned left of text with 10px gap */
	.icon-wrapper.svelte-1qhuy8q {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 10px;
		position: relative;
	}

	.button-icon.svelte-1qhuy8q {
		transform: translateY(210%); /* hidden below */
		transition: all 400ms ease;
	}

	/* On hover, rise to normal position */
	.button.svelte-1qhuy8q:hover .button-icon:where(.svelte-1qhuy8q) {
		transform: translateY(0);
	}

	.button.svelte-1qhuy8q:hover {
		box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.3);
	}

	.wrapper.svelte-8cwvcj {
		max-width: 450px;
	}

	.sub-text.svelte-8cwvcj {
		font-size: 18px;
	}

	.discount-code-container.svelte-1ah4euv {
		background-image: url('../images/discount_active_bg.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		height: 161px;
		width: 300px;
	}

	.bottom-content.svelte-1ah4euv {
		width: 100%;
		max-width: 480px;
		box-sizing: border-box;
	}

	.promo-modal-close-btn.svelte-149fcdc {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		width: 32px;
		height: 32px;
		padding: 0;
		margin: 0;
		background: transparent;
		border: none;
		cursor: pointer;
		color: var(--color-white, #ffffff);
		transition: opacity 0.15s ease;
	}

	.promo-modal-close-btn.svelte-149fcdc:hover {
		opacity: 0.7;
	}

	.promo-modal-close-btn.svelte-149fcdc:focus-visible {
		outline: 2px solid var(--color-primary, #2491ff);
		outline-offset: 2px;
		border-radius: 4px;
	}

	.promo-modal-header.svelte-nbav1k {
		display: flex;
		align-items: center;
		gap: 16px;
		padding: 0 15px;
		width: 100%;
		box-sizing: border-box;
	}

	/* Mobile header: centered title, smaller padding */
	.promo-modal-header.is-mobile.svelte-nbav1k {
		justify-content: center;
		padding: 0 11px 16px 10px;
	}

	.promo-modal-header__title.svelte-nbav1k {
		flex: 1;
		margin: 0;
		font-family: 'Inter', sans-serif;
		font-size: 22px;
		font-weight: 600;
		line-height: normal;
		color: var(--color-white, #ffffff);
	}

	/* Mobile title: smaller font, centered, no flex grow */
	.promo-modal-header.is-mobile.svelte-nbav1k .promo-modal-header__title:where(.svelte-nbav1k) {
		flex: none;
		font-size: 18px;
		text-align: center;
	}

	.promo-modal-wrapper.svelte-y8vt59 {
		inset: 0;
		position: fixed;
		z-index: var(--z-index, 1000);
		background: rgba(0, 0, 0, 0.8);
	}

	/* Transition container - handles positioning */
	.promo-modal-transition-container.svelte-y8vt59 {
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 2;
		pointer-events: none;
	}

	/* Mobile: bottom sheet positioning */
	.promo-modal-transition-container.is-mobile.svelte-y8vt59 {
		align-items: flex-end;
	}

	.promo-modal-container.svelte-y8vt59 {
		display: flex;
		flex-direction: column;
		width: 100%;
		max-width: var(--max-width, 600px);
		max-width: min(var(--max-width, 600px), 95%);
		max-height: 85vh;
		background: var(--color-base, #151617);
		border: 1px solid var(--color-3, #5b5f66);
		border-radius: var(--radius-big, 12px);
		overflow: hidden;
		pointer-events: all;
	}

	/* Mobile: bottom sheet container */
	.promo-modal-container.is-mobile.svelte-y8vt59 {
		max-width: 100%;
		max-height: calc(100% - 16px);
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		border-bottom: none;
		/* padding: 0 5px 16px 6px; */
	}

	/* Touch area for swipe gestures */
	.promo-modal-touch-area.svelte-y8vt59 {
		flex-shrink: 0;
		padding: 24px 0px;
	}

	/* Swipe handle - hidden on desktop */
	.promo-modal-swipe-handle.svelte-y8vt59 {
		display: none;
	}

	/* Mobile: show swipe handle */
	.promo-modal-container.is-mobile.svelte-y8vt59 .promo-modal-swipe-handle:where(.svelte-y8vt59) {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.promo-modal-swipe-handle__bar.svelte-y8vt59 {
		margin-bottom: 12px;
		margin-top: -8px;
		width: 40px;
		height: 4px;
		border-radius: var(--radius-small, 4px);
		background: var(--color-3, #5b5f66);
	}

	.promo-modal__content.svelte-y8vt59 {
		flex: 1;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.promo-modal__footer.svelte-y8vt59 {
		flex-shrink: 0;
		padding: 24px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: row;
		gap: 16px;
	}

	@media screen and (max-width: 639px) {
		.promo-modal-container.svelte-y8vt59 .promo-modal__footer:where(.svelte-y8vt59) {
			padding: 16px 24px 0px 24px;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			height: auto;
		}
	}

	.promo-modal-banner.svelte-16c52az {
		position: relative;
		width: 100%;
		aspect-ratio: 600 / 400;
		flex-shrink: 0;
	}

	.promo-modal-banner__image.svelte-16c52az {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	.promo-modal-banner__overlay.svelte-16c52az {
		position: absolute;
		left: 12px;
		right: 12px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.promo-modal-banner__overlay.top.svelte-16c52az {
		top: 8px;
		bottom: auto;
	}

	.promo-modal-banner__overlay.bottom.svelte-16c52az {
		top: auto;
		bottom: 8px;
	}

	.active-badge.svelte-16c52az {
		display: flex;
		align-items: center;
		gap: 4px;
		height: 32px;
		padding: 6px 12px 6px 10px;
		background: var(--color-base, #151617);
		border-radius: 16px;
		box-sizing: border-box;
	}

	.active-badge__icon {
		color: var(--color-success, #66d092) !important;
		text-shadow: 0 0 14px var(--color-success, #66d092);
	}

	.active-badge__text.svelte-16c52az {
		font-family: 'Inter', sans-serif;
		font-size: 12px;
		font-weight: 500;
		line-height: normal;
		color: var(--color-white, #ffffff);
	}

	.expiry-badge.svelte-16c52az {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 4px 8px;
		background: rgba(36, 37, 39, 0.7);
		border-radius: 40px;
	}

	.expiry-badge__text.svelte-16c52az {
		font-family: 'Inter', sans-serif;
		font-size: 13px;
		font-weight: 400;
		line-height: 16px;
		color: var(--color-white, #ffffff);
		white-space: nowrap;
	}

	.content-section.svelte-aejtas {
		display: flex;
		flex-direction: column;
		gap: 24px;
		padding: 24px 24px 0px 24px;
	}

	.content-text.svelte-aejtas {
		font-family: 'Inter', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 19px;
		color: var(--color-white, #ffffff);
	}

	.content-paragraph.svelte-aejtas {
		margin: 0 0 12px 0;
	}

	@media (max-width: 639px) {
		.content-section.svelte-aejtas {
			padding: 16px 16px 0px 16px;
		}
	}

	.unit-modal-content.svelte-1qdtfgb {
		position: relative;
	}

	.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;
	}

	.lng-bar.svelte-1vjrwxd {
		margin-bottom: -28px;
	}

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

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

	.script-editor-container.svelte-enq01e {
		height: 100%;
	}

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

	.editor-btn-row.svelte-enq01e .editor-btn {
		color: #ffffff !important;
		padding: 6px 8px !important;
	}

	.editor-btn-row.svelte-enq01e .editor-btn .button-text {
		background: transparent !important;
		padding: 0 !important;
	}

	#infinno-script-scenes-editor textarea:disabled {
		background-color: #f5f5f5 !important;
		color: #999999 !important;
		cursor: not-allowed !important;
	}

	@media (max-width: 600px) {
		.editor-btn-row.svelte-enq01e {
			flex-wrap: wrap;
			gap: 8px;
		}
	}

	.infinno-scripts-form.svelte-1ewymn8 .view-all-btn:where(.svelte-1ewymn8) {
		background: none;
		border: none;
		font-size: 16px;
		padding: 0;
		color: var(--color-primary);
		cursor: pointer;
		font-family: inherit;
	}

	.infinno-scripts-form.svelte-1ewymn8 .params-grid:where(.svelte-1ewymn8) {
		display: grid;
		row-gap: 12px;
		column-gap: 24px;
		grid-template-columns: 1fr 1fr;
	}

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

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

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

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

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

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

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

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

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

	.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%;
		min-height: 200px;
		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;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	/* (unused) .dismiss-button:hover {
		background: rgba(255, 255, 255, 0.3);
		opacity: 1;
	}*/

	/* (unused) .dismiss-button:active {
		transform: scale(0.95);
	}*/

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

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

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

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

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

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

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

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

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

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

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

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

	.loading-state.svelte-40b2hn {
		padding: var(--spacing-l);
	}

	.gap-m.svelte-40b2hn {
		gap: var(--spacing-m);
	}

	.gap-s.svelte-40b2hn {
		gap: var(--spacing-s);
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.suggestion-cta.svelte-1o11hhg:active {
		transform: translateY(0);
	}

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

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

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

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

	.dismiss-button.svelte-1o11hhg:active {
		transform: scale(0.95);
	}

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

		.header-content.svelte-1o11hhg {
			gap: 10px;
			flex-wrap: wrap;
		}

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

		.suggestion-title.svelte-1o11hhg {
			font-size: 14px;
		}

		.suggestion-subtitle.svelte-1o11hhg {
			font-size: 11px;
		}

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

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

	.extended-grid-column.svelte-1rmltts {
		display: grid;
		grid-column: 3 / -1;
	}

	.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;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	div.svelte-1ovbizw {
		width: 100%;
		height: 100%;
	}
	canvas.svelte-1ovbizw {
		width: 100%;
		height: 100%;
		display: block;
	}

	.lottie-player-container.svelte-mct2fd {
		position: relative;
		display: inline-block;
	}

	.preview-label.svelte-mct2fd {
		position: absolute;
		background: rgba(231, 21, 21, 0.9);
		padding: 4px 8px;
		border-radius: 4px;
		z-index: 10;
		box-shadow: 0 1px 3px rgba(250, 250, 250, 0.1);
	}

	.preview-label-top-right.svelte-mct2fd {
		top: 8px;
		right: 8px;
	}

	.preview-label-top-left.svelte-mct2fd {
		top: 8px;
		left: 8px;
	}

	.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: 200px;
		border-radius: 60px !important;
	}

	.skip.svelte-12q23sp {
		color: #a1a2a2;
	}

	.skip.svelte-12q23sp:hover {
		color: #868686;
	}

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

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

	.notification-menu > :not(:last-child) {
		border-bottom: 1px solid;
		border-color: var(--color-2);
		padding-bottom: var(--spacing-m);
	}

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

	.energy-price-location__inputs.svelte-b6hst9 {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.energy-price-location__actions.svelte-b6hst9 {
		display: flex;
		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;
	}

	/* (unused) .energy-price-card__title {
		margin-bottom: 4px;
		color: #ffffff;
	}*/

	/* (unused) .energy-price-card__description {
		color: rgba(255, 255, 255, 0.9);
	}*/

	.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;
	}

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

	@media (max-width: 768px) {
		.energy-price-location__inputs.svelte-b6hst9 {
			grid-template-columns: 1fr;
		}

		.energy-price-location__actions.svelte-b6hst9 {
			flex-direction: column;
		}

		.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%;
		}

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

	.border-bottom.svelte-1ro18ks {
		border-bottom: 1px solid;
		border-color: #212128;
		padding-bottom: var(--spacing-m);
	}

	.border-bottom.svelte-1w80uns {
		border-bottom: 1px solid;
		border-color: #212128;
	}

	.container.user-settings-container {
		background-color: #0f1014 !important;
		overflow-x: hidden;
	}

	.border-bottom.svelte-1g72oms {
		border-bottom: 1px solid;
		border-color: #212128;
	}

	.container.app-settings-container {
		background-color: #0f1014 !important;
		overflow-x: hidden;
	}

  .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;
    }
  }

	.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;
	}

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

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

	.lower-opacity.svelte-ygffrq {
		opacity: 0.5;
	}

	.line-through.svelte-ygffrq {
		text-decoration: line-through;
	}

	/* 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);
	}

	.disabled.svelte-9qnszo {
		opacity: 0.5;
		pointer-events: none;
	}

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

	.fullscreen-container.svelte-1xh8ek {
		position: relative;
		background: inherit;
		border-radius: var(--radius-big);
		padding: 8px;
	}
	.fullscreen-container.fullScreen.svelte-1xh8ek {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		z-index: 100;
		border-radius: 0;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.fullscreen-container.svelte-1xh8ek .title:where(.svelte-1xh8ek) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: relative;
		padding-right: 36px;
		margin-bottom: 8px;
		height: 32px;
		width: 100%;
	}
	.fullscreen-container.svelte-1xh8ek .title:where(.svelte-1xh8ek) .expand-btn {
		position: absolute;
		top: 0px;
		right: 0px;
	}

	.fullscreen-container.fullScreen.svelte-1xh8ek .title:where(.svelte-1xh8ek) {
		padding-right: 76px;
	}

	.fullscreen-container.svelte-1xh8ek .title:where(.svelte-1xh8ek) .expand-settings-btn {
		position: absolute;
		top: 0px;
		right: 0px;
	}
	.fullscreen-container.fullScreen.svelte-1xh8ek .title:where(.svelte-1xh8ek) .expand-settings-btn {
		right: 40px;
	}

	.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);
	}

	.control-flex-column.svelte-6hynqu {
		flex: 1;
	}

	.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;
	}

	.card-group.svelte-1sbgkqe {
		display: flex;
	}
	.card-group.svelte-1sbgkqe > div:where(.svelte-1sbgkqe) {
		width: 50%;
	}
	@media (max-width: 319px) {
		.card-group.svelte-1sbgkqe {
			flex-direction: column;
		}
		.card-group.svelte-1sbgkqe > div:where(.svelte-1sbgkqe) {
			width: 100%;
		}
	}

	.card.svelte-8beysn:hover {
		cursor: pointer;
	}
	.loading-card.svelte-8beysn {
		height: 100%;
	}
	.card.svelte-8beysn {
		font-family: var(--font-family);
		background-color: #141719;
		opacity: 90%;
		border-radius: 12px;
		padding: 8px;
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		margin: 0 4px 8px;
		height: 180px;
	}
	i.svelte-8beysn {
		font-size: 14px;
		color: #8e8e93;
	}
	.set-location-alert.svelte-8beysn {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		height: 100%;
	}
	.set-location-alert-title.svelte-8beysn {
		padding: 8px;
		color: #ededed;
		font-size: 12px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		max-height: 90px;
		overflow: hidden;
	}
	.set-location-alert-btn.svelte-8beysn {
		display: flex;
		align-items: center;
		border-radius: 8px;
		border: solid 1px #818588;
		font-size: 12px;
		padding: 8px;
		cursor: pointer;
		max-width: 100%;
	}
	.set-location-alert-btn.svelte-8beysn .icon:where(.svelte-8beysn) {
		padding-right: 5px;
		color: #818588;
	}
	.card-header.svelte-8beysn {
		display: flex;
		align-items: center;
		gap: 6px;
		margin-bottom: 6px;
		margin-top: 4px;
	}
	.card-container.svelte-8beysn {
		height: 125px;
		display: flex;
		flex-direction: column;
	}
	.card-content.svelte-8beysn {
		display: flex;
		align-items: center;
		justify-content: end;
		font-size: 32px;
		color: #8e8e93;
		height: 100%;
	}
	.card-footer.svelte-8beysn {
		display: flex;
		flex-direction: column;
		justify-content: end;
		min-height: 20px;
	}
	.label.svelte-8beysn {
		display: flex;
		align-self: center;
		justify-content: center;
		color: #818588;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.8px;
	}
	.status.svelte-8beysn {
		color: #ededed;
		font-size: 16px;
	}
	.value.svelte-8beysn {
		color: #ededed;
		font-size: 20px;
		max-height: 52px;
	}
	.value.svelte-8beysn,
	.icon-label.svelte-8beysn {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
	}
	.description.svelte-8beysn {
		font-size: 12px;
		color: #ededed;
	}
	.description-label.svelte-8beysn,
	.description-value.svelte-8beysn,
	.info.svelte-8beysn {
		white-space: nowrap;
	}
	.info.svelte-8beysn {
		font-size: 10px;
		color: #8e8e93;
		margin-top: 4px;
	}
	.label.svelte-8beysn,
	.description-label.svelte-8beysn {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		line-clamp: 1;
		margin-right: 4px;
	}

	svg.svelte-19e61nx {
		max-width: 100%;
		width: 140px;
		height: auto;
		margin-top: 25px;
	}
	svg.svelte-19e61nx circle:where(.svelte-19e61nx) {
		transition: transform 0.25s ease-in-out;
	}
	div.svelte-19e61nx > span:where(.svelte-19e61nx) {
		white-space: nowrap;
	}

	/* BODY STYLING */
	.card.svelte-1mf9vi1 {
		background-color: #141719;
		opacity: 90%;
		border-radius: 12px;
		padding: 8px 10px;
		margin: 0 4px 8px;
	}
	.header-row.svelte-1mf9vi1 {
		display: flex;
		align-items: center;
		gap: 6px;
		margin-bottom: 4px;
		margin-top: 4px;
	}
	.header-icon.svelte-1mf9vi1 {
		font-size: 14px;
		color: #8e8e93;
	}
	.label.svelte-1mf9vi1 {
		display: flex;
		align-self: center;
		justify-content: center;
		color: #818588;
		font-size: 10px;
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 0.8px;
	}

	.second-label.svelte-1mf9vi1 {
		font-size: 12px;
		color: #ededed;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}

	/* WIND CARD*/
	.content-wind.svelte-1mf9vi1 {
		display: flex;
		justify-content: space-between;
		width: 100%;
		gap: 16px;
	}
	.wind-left-container.svelte-1mf9vi1 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-top: 0.4rem;
	}
	.wind-item.svelte-1mf9vi1 {
		display: flex;
		justify-content: space-between;
		min-width: 120px;
		padding: 5px 0;
	}
	.wind-value.svelte-1mf9vi1 {
		font-size: 12px;
		color: #ededed;
	}
	.wind-separator.svelte-1mf9vi1 {
		height: 1px;
		background-color: #2a2d31;
		margin: 8px 0;
		width: 100%;
	}
	.wind-right-container.svelte-1mf9vi1 {
		display: flex;
		align-items: center;
		/* justify-content: center; */
		min-width: 42%;
		/* margin-top: 8px; */
	}
	.second-value.svelte-1mf9vi1 {
		font-size: 12px;
		color: #ededed;
		white-space: nowrap;
		align-self: center;
	}
	svg.svelte-1mf9vi1 {
		transform: scale(1.35);
		max-width: 100%;
	}
	svg.svelte-1mf9vi1 g#wind-arrow:where(.svelte-1mf9vi1) {
		transform-origin: center center;
		transition: transform 1s ease-in-out;
	}

	/* MEDIA QUERIES */
	@media (max-width: 380px) {
		.wind.svelte-1mf9vi1 {
			grid-column: 1;
			grid-row: 3;
			display: flex;
		}
		.content-wind.svelte-1mf9vi1 {
			flex-direction: column;
			gap: 8px;
		}
		.wind-right-container.svelte-1mf9vi1 {
			width: 100%;
			display: flex;
			justify-content: center;
			margin: 8px 0 4px;
		}
		.wind-details.svelte-1mf9vi1 {
			width: 100%; /* Full width on mobile */
		}
	}

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

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

	#pressure-gauge.svelte-1tihz48 path:where(.svelte-1tihz48) {
		stroke: #818588;
		stroke-width: 2;
		transition: stroke 0.3s;
	}
	#pressure-gauge[data-active='300'].svelte-1tihz48 [data-val='300']:where(.svelte-1tihz48),
	#pressure-gauge[data-active='350'].svelte-1tihz48 [data-val='350']:where(.svelte-1tihz48),
	#pressure-gauge[data-active='400'].svelte-1tihz48 [data-val='400']:where(.svelte-1tihz48),
	#pressure-gauge[data-active='450'].svelte-1tihz48 [data-val='450']:where(.svelte-1tihz48),
	#pressure-gauge[data-active='500'].svelte-1tihz48 [data-val='500']:where(.svelte-1tihz48),
	#pressure-gauge[data-active='550'].svelte-1tihz48 [data-val='550']:where(.svelte-1tihz48),
	#pressure-gauge[data-active='600'].svelte-1tihz48 [data-val='600']:where(.svelte-1tihz48),
	#pressure-gauge[data-active='650'].svelte-1tihz48 [data-val='650']:where(.svelte-1tihz48),
	#pressure-gauge[data-active='700'].svelte-1tihz48 [data-val='700']:where(.svelte-1tihz48),
	#pressure-gauge[data-active='750'].svelte-1tihz48 [data-val='750']:where(.svelte-1tihz48),
	#pressure-gauge[data-active='800'].svelte-1tihz48 [data-val='800']:where(.svelte-1tihz48),
	#pressure-gauge[data-active='850'].svelte-1tihz48 [data-val='850']:where(.svelte-1tihz48),
	#pressure-gauge[data-active='900'].svelte-1tihz48 [data-val='900']:where(.svelte-1tihz48),
	#pressure-gauge[data-active='950'].svelte-1tihz48 [data-val='950']:where(.svelte-1tihz48),
	#pressure-gauge[data-active='1000'].svelte-1tihz48 [data-val='1000']:where(.svelte-1tihz48),
	#pressure-gauge[data-active='1050'].svelte-1tihz48 [data-val='1050']:where(.svelte-1tihz48),
	#pressure-gauge[data-active='1100'].svelte-1tihz48 [data-val='1100']:where(.svelte-1tihz48),
	#pressure-gauge[data-active='1150'].svelte-1tihz48 [data-val='1150']:where(.svelte-1tihz48),
	#pressure-gauge[data-active='1200'].svelte-1tihz48 [data-val='1200']:where(.svelte-1tihz48) {
		stroke: #ededed;
		stroke-width: 2;
		stroke-linecap: round;
		transform-box: fill-box;
		transform-origin: center;
		transform: scale(1.5);
	}

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

	/* 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: 12;
		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;
		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 ────────────────────────────────────────────────────────────── */
	.dots-layer.svelte-1h8sbfq {
		position: absolute;
		inset: 0;
		pointer-events: none;
		z-index: 10;
	}

	.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;
	}

	/* Room boundary: dim the inactive add/erase toggle */
	/* (unused) .draw-mode-group--boundary .draw-sidebar__mode-wrap--muted {
		opacity: 0.55;
	}*/

	/* (unused) .draw-sidebar__mode-wrap :global(.sds-button),
	.draw-sidebar__mode-wrap :global(button) {
		width: 100%;
	}*/

	.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: 400px;
	}

	/* (unused) .people-badge {
		position: absolute;
		top: 10px;
		right: 10px;
		background: rgba(0, 0, 0, 0.55);
		border: 1px solid rgba(255, 255, 255, 0.12);
		border-radius: 999px;
		padding: 3px 10px 3px 8px;
		font-size: 13px;
		font-weight: 600;
		color: #fff;
		z-index: 20;
		display: flex;
		align-items: center;
		gap: 5px;
		pointer-events: none;
		backdrop-filter: blur(4px);
	}*/

	/* (unused) .people-badge i {
		font-size: 14px;
	}*/

	.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;
	}

	/* Dev-mode people simulator controls */
	/* (unused) .dev-people-controls {
		display: flex;
		flex-direction: column;
		gap: 8px;
		padding: 10px 12px;
		border: 1px dashed rgba(255, 255, 255, 0.2);
		border-radius: 10px;
		background: rgba(255, 255, 255, 0.03);
	}*/

	/* (unused) .dev-label {
		font-size: 11px;
		font-weight: 600;
		letter-spacing: 0.04em;
		text-transform: uppercase;
		color: rgba(255, 255, 255, 0.45);
	}*/

	/* (unused) .dev-buttons {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}*/

	/* (unused) .dev-buttons i {
		font-size: 14px;
		margin-right: 4px;
	}*/

	.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;
	}

	.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;
	}

	.recordings-list.svelte-l5wac0 {
		overflow-y: auto;
	}

	.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;
	}

	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;
		}
	}

	.col-label.svelte-4mqngs {
		width: 75%;
	}
	.col-value.svelte-4mqngs {
		width: 25%;
	}
	.th-row.svelte-4mqngs {
		display: flex;
	}
	.th-text.svelte-4mqngs {
		flex: 1 1 auto;
		min-width: 0;
	}
	.ellipsis.svelte-4mqngs {
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.grid.svelte-ackn7d {
		min-height: 100%;
		display: grid;
	}

	.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;
	}

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

	.energy-scheme-btn.svelte-31qm1g {
		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;
		font-weight: 700;
		color: #ffffff;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	}

	.energy-scheme-btn.svelte-31qm1g:hover {
		transform: scale(1.1);
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	}

	.energy-scheme-btn.active.svelte-31qm1g {
		border-color: var(--color-primary, #3b82f6);
		box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
	}

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

	.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;
	}

	/* (unused) .faq-link {
		display: flex;
		align-items: center;
		gap: 4px;
		min-width: 168px;
		height: 44px;
		padding: 0;
		margin: 0;
		background: transparent;
		border: none;
		cursor: pointer;
	}*/

	/* (unused) .faq-link__text {
		font-family: 'Inter', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 19px;
		color: var(--color-primary, #2491ff);
	}*/

	/* (unused) .faq-link:hover .faq-link__text {
		text-decoration: underline;
	}*/

	/* (unused) .button-group {
		display: flex;
		gap: 8px;
	}*/

	/* (unused) .secondary-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 45px;
		padding: 0 24px;
		background: transparent;
		border: 1px solid rgba(255, 255, 255, 0.2);
		border-radius: 200px;
		cursor: pointer;
		font-family: 'Inter', sans-serif;
		font-size: 16px;
		font-weight: 500;
		line-height: normal;
		color: var(--color-white, #ffffff);
		white-space: nowrap;
		transition: border-color 0.15s ease;
	}*/

	/* (unused) .secondary-btn:hover {
		border-color: rgba(255, 255, 255, 0.4);
	}*/

	/* (unused) .secondary-btn:focus-visible {
		outline: 2px solid var(--color-primary, #2491ff);
		outline-offset: 2px;
	}*/

	/* (unused) .primary-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		height: 44px;
		padding: 12px 16px;
		background: var(--color-white, #ffffff);
		border: none;
		border-radius: 200px;
		cursor: pointer;
		font-family: 'Inter', sans-serif;
		font-size: 16px;
		font-weight: 700;
		line-height: 19px;
		color: var(--color-0, #1b1d21);
		white-space: nowrap;
		transition: opacity 0.15s ease;
	}*/

	/* (unused) .primary-btn:hover {
		opacity: 0.9;
	}*/

	/* (unused) .primary-btn:focus-visible {
		outline: 2px solid var(--color-primary, #2491ff);
		outline-offset: 2px;
	}*/

	.primary-btn .icon {
		color: var(--color-primary, #2491ff) !important;
	}

	/* Mobile responsive */
	@media (max-width: 639px) {
		/* (unused) .actions-container {
			flex-direction: column;
			align-items: stretch;
			height: auto;
			gap: 12px;
		}*/

		/* (unused) .faq-link {
			justify-content: center;
			order: 2;
			min-width: unset;
		}*/

		/* (unused) .button-group {
			flex-direction: column;
			order: 1;
		}*/

		/* (unused) .secondary-btn,
		.primary-btn {
			width: 100%;
		}*/
	}

	.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);
	}

	.energy-price-alert-wrapper.svelte-19dcraw {
		border-radius: 8px;
		position: relative;
		overflow: hidden;
	}

	.energy-price-alert-wrapper.svelte-19dcraw::before {
		content: '';
		position: absolute;
		top: -50%;
		right: -10%;
		width: 100px;
		height: 100px;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 50%;
		pointer-events: none;
	}

	.energy-price-alert-wrapper .alert {
		background: transparent !important;
		border: none !important;
	}

	.energy-price-alert-wrapper .alert-heading,
	.energy-price-alert-wrapper .alert-message {
		color: #ffffff !important;
	}

	.energy-price-alert-wrapper .alert-icon {
		color: #ffffff !important;
	}

	.energy-price-alert-wrapper .alert-cta,
	.energy-price-alert-wrapper .alert-cta-link,
	.energy-price-alert-wrapper a[class*='cta'],
	.energy-price-alert-wrapper button[class*='cta'] {
		background: rgba(255, 255, 255, 0.95) !important;
		color: #0891b2 !important;
		border: none !important;
		border-radius: 8px !important;
		padding: 10px 20px !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		text-decoration: none !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 6px !important;
		transition: all 0.2s ease !important;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
		cursor: pointer !important;
	}

	.energy-price-alert-wrapper .alert-cta:hover,
	.energy-price-alert-wrapper .alert-cta-link:hover,
	.energy-price-alert-wrapper a[class*='cta']:hover,
	.energy-price-alert-wrapper button[class*='cta']:hover {
		background: #ffffff !important;
		transform: translateY(-1px) !important;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
	}

	.energy-price-alert-wrapper .alert-bottom a,
	.energy-price-alert-wrapper .alert-bottom button,
	.energy-price-alert-wrapper [slot='bottom'] a,
	.energy-price-alert-wrapper [slot='bottom'] button {
		background: rgba(255, 255, 255, 0.95) !important;
		color: #0891b2 !important;
		border: none !important;
		border-radius: 8px !important;
		padding: 10px 20px !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		text-decoration: none !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 6px !important;
		transition: all 0.2s ease !important;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
		cursor: pointer !important;
	}

	.energy-price-alert-wrapper .alert-bottom a:hover,
	.energy-price-alert-wrapper .alert-bottom button:hover,
	.energy-price-alert-wrapper [slot='bottom'] a:hover,
	.energy-price-alert-wrapper [slot='bottom'] button:hover {
		background: #ffffff !important;
		transform: translateY(-1px) !important;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
	}

	.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;
	}

	.camera-tile-widget.svelte-lqwj0u {
		position: relative;
		aspect-ratio: 16 / 9;
		height: 100%;
		border-radius: var(--radius-extra-big);
		overflow: hidden;
		background-color: var(--color-1);
	}

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

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

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

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

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

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

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

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

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

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

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

	/* Bottom buttons container - hidden by default, shown on hover */
	.camera-tile-bottom.svelte-lqwj0u {
		opacity: 0;
		transition: opacity 0.2s ease-in-out;
		z-index: 3;
	}

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

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

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

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

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

	.camera-grid-item.svelte-1t23hnq {
		height: 100%;
	}

	/* DnD placeholder styling */
	.dnd-placeholder.svelte-1t23hnq {
		border: 2px dashed var(--color-border);
		border-radius: var(--radius-extra-big);
		background: transparent;
		aspect-ratio: 16 / 9;
	}

	.message-badge.svelte-1xjq24z {
		display: flex;
		flex-wrap: wrap;
		gap: 4px;
	}

	.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 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);
	}

	/* (unused) .example-chip .quote {
		flex-shrink: 0;
	}*/

	/*
	 * :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: flex;
		flex-direction: column;
		height: 100%;
		position: relative;
	}

	.messages-container.svelte-1s5ib6g {
		flex: 1 1 0;
		min-height: 0;
		overflow-y: auto;
		padding: 16px 8px 16px 2px;
		scroll-behavior: smooth;
		position: relative;
		z-index: 1;
		touch-action: pan-y;
	}

	.bottom-section.svelte-1s5ib6g {
		flex-shrink: 0;
		display: flex;
		flex-direction: column;
		position: relative;
		z-index: 1;
	}

	.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) var(--spacing-l, 24px);
		background: transparent;
		flex-shrink: 0;
	}

	@media (min-width: 769px) {
		.input-area.svelte-1s5ib6g {
			padding: 2px var(--spacing-l, 24px) var(--spacing-l, 24px);
		}
	}

	.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) var(--spacing-l, 24px);
		}
	}

	/* Prompt limit banner (replaces the input area) */
	.prompt-limit-banner.svelte-1s5ib6g {
		padding: 16px var(--spacing-m, 16px) var(--spacing-l, 24px);
	}

	@media (min-width: 769px) {
		.prompt-limit-banner.svelte-1s5ib6g {
			padding: 16px var(--spacing-l, 24px) var(--spacing-l, 24px);
		}
	}

	.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;
		}
	}

	.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 {
		transition: opacity 0.28s cubic-bezier(0.25, 0.1, 0.25, 1);
		opacity: 0;
	}

	.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 cubic-bezier(0.25, 0.1, 0.25, 1);
	}

	.drag-handle.svelte-ijrydc {
		display: none;
		flex-shrink: 0;
	}

	.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;
		}
	}

	.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;
		}
	}

	/* 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) .assistant-nav-item {
		position: relative;
		overflow: visible;
		display: flex;
		flex: 0 0 auto;
		/* flex-basis: calc(100% / 6); */
		min-width: 0;
		pointer-events: none;
		justify-content: center;
		opacity: 0;
		transform: translateX(10px) scale(0.992);
		transition:
			opacity 0.42s cubic-bezier(0.22, 0.8, 0.25, 1),
			transform 0.52s cubic-bezier(0.22, 0.8, 0.25, 1);
	}

	.main-layout:not(.new-layout) .assistant-nav-item.assistant-revealed,
	.main-layout:not(.new-layout) .assistant-nav-item.assistant-magnetic-bounce,
	.main-layout:not(.new-layout) .assistant-nav-item.assistant-spark-pop {
		pointer-events: auto;
		opacity: 1;
		transform: translateX(0) scale(1);
	}

	@media screen and (min-width: 1124px) {
		.main-layout:not(.new-layout) .assistant-nav-item {
			width: 100%;
		}
	}

	.main-layout:not(.new-layout) .assistant-nav-item.assistant-magnetic-bounce {
		overflow: hidden;
		max-width: 0;
		will-change: max-width, opacity, transform;
		animation: svelte-1meb1c7-assistant-item-enter-legacy 1s ease-out both;
	}

	@media screen and (min-width: 1124px) {
		.main-layout:not(.new-layout) .assistant-nav-item.assistant-magnetic-bounce {
			max-width: none;
			max-height: 0;
			will-change: max-height, opacity, transform;
			animation: svelte-1meb1c7-assistant-item-enter-legacy-desktop 1s ease-out both;
		}
	}

	.main-layout:not(.new-layout) .assistant-nav-item [class*='label'],
	.main-layout:not(.new-layout) .assistant-nav-item [class*='text'] {
		opacity: 0;
		transform: translateY(4px);
		transition:
			opacity 0.36s ease-out 0.06s,
			transform 0.42s cubic-bezier(0.2, 0.82, 0.2, 1) 0.06s;
	}

	.main-layout:not(.new-layout) .assistant-nav-item.assistant-revealed [class*='label'],
	.main-layout:not(.new-layout) .assistant-nav-item.assistant-revealed [class*='text'] {
		opacity: 1;
		transform: translateY(0);
	}

	
		.main-layout:not(.new-layout) .assistant-nav-item.assistant-magnetic-bounce .menu-item-icon
	 {
		transform-origin: center;
		opacity: 0;
		transform: scale(0);
		animation:
			svelte-1meb1c7-assistant-icon-grow-legacy 1s cubic-bezier(0.2, 0.86, 0.2, 1) 0s forwards,
			svelte-1meb1c7-assistant-icon-settle-legacy 2s ease-out 1s forwards;
	}

	.main-layout:not(.new-layout) .assistant-spark-pop .assistant-spark {
		animation: svelte-1meb1c7-assistant-spark-burst-legacy 0.78s ease-out forwards;
	}

	.main-layout:not(.new-layout) .assistant-spark-pop [class*='label'],
	.main-layout:not(.new-layout) .assistant-spark-pop [class*='text'] {
		animation: svelte-1meb1c7-assistant-text-fade-legacy 0.35s ease-out 0.88s both;
	}

	.main-layout:not(.new-layout) .assistant-spark {
		position: absolute;
		left: 50%;
		top: 26px;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background: radial-gradient(circle, #fff8b8 0%, #ffd54f 45%, #ff9100 100%);
		opacity: 0;
		pointer-events: none;
		box-shadow: 0 0 6px rgb(255 196 0 / 55%);
		transform: translate(-50%, -50%) scale(0.25);
	}

	.main-layout:not(.new-layout) .assistant-spark-1 {
		--spark-x: 24px;
		--spark-y: -24px;
		animation-delay: 0ms;
	}

	.main-layout:not(.new-layout) .assistant-spark-2 {
		--spark-x: 30px;
		--spark-y: 0px;
		animation-delay: 0ms;
	}

	.main-layout:not(.new-layout) .assistant-spark-3 {
		--spark-x: 26px;
		--spark-y: 22px;
		animation-delay: 0ms;
	}

	.main-layout:not(.new-layout) .assistant-spark-4 {
		--spark-x: 8px;
		--spark-y: -28px;
		animation-delay: 0ms;
	}

	.main-layout:not(.new-layout) .assistant-spark-5 {
		--spark-x: 10px;
		--spark-y: 28px;
		animation-delay: 0ms;
	}

	.main-layout:not(.new-layout) .assistant-spark-6 {
		--spark-x: -8px;
		--spark-y: -26px;
		animation-delay: 0ms;
	}

	.main-layout:not(.new-layout) .assistant-spark-7 {
		--spark-x: -10px;
		--spark-y: 26px;
		animation-delay: 0ms;
	}

	.main-layout:not(.new-layout) .assistant-spark-8 {
		--spark-x: 18px;
		--spark-y: -2px;
		animation-delay: 0ms;
	}

	@media (prefers-reduced-motion: reduce) {
		.main-layout:not(.new-layout) .assistant-nav-item.assistant-magnetic-bounce {
			animation: none;
		}
		
			.main-layout:not(.new-layout) .assistant-nav-item.assistant-magnetic-bounce .menu-item-icon
		 {
			animation: none;
		}
		.main-layout:not(.new-layout) .assistant-spark-pop .assistant-spark {
			animation: none;
		}
		.main-layout:not(.new-layout) .assistant-spark-pop [class*='label'],
		.main-layout:not(.new-layout) .assistant-spark-pop [class*='text'] {
			animation: none;
		}
	}

	@media screen and (max-width: 639px) {
		.main-layout:not(.new-layout) .menu-item:not(.desktop) {
			flex-basis: calc(100% / 6);
			max-width: 80px;
		}
	}

	@keyframes svelte-1meb1c7-assistant-item-enter-legacy {
		0% {
			opacity: 0;
			transform: translateX(10px) scale(0.992);
		}
		100% {
			max-width: calc(100% / 6);
			opacity: 1;
			transform: translateX(0);
		}
	}

	@keyframes svelte-1meb1c7-assistant-item-enter-legacy-desktop {
		0% {
			max-height: 0;
			opacity: 0;
			transform: translateY(12px);
		}
		100% {
			max-height: 140px;
			opacity: 1;
			transform: translateY(0);
		}
	}

	@keyframes svelte-1meb1c7-assistant-icon-grow-legacy {
		0% {
			transform: scale(0);
			opacity: 0;
			color: #ffffff;
		}
		100% {
			transform: scale(1);
			opacity: 1;
			color: #ffd54f;
		}
	}

	@keyframes svelte-1meb1c7-assistant-icon-settle-legacy {
		0% {
			transform: scale(1);
			opacity: 1;
			color: #ffd54f;
		}
		70% {
			transform: scale(1);
			opacity: 1;
			color: #ffe38a;
		}
		100% {
			transform: scale(1);
			opacity: 1;
			color: var(--color-muted);
		}
	}

	@keyframes svelte-1meb1c7-assistant-spark-burst-legacy {
		0% {
			opacity: 0;
			transform: translate(-50%, -50%) scale(0.25);
		}
		25% {
			opacity: 1;
			transform: translate(
					calc(-50% + (var(--spark-x) * 0.35)),
					calc(-50% + (var(--spark-y) * 0.35))
				)
				scale(1.2);
			box-shadow: 0 0 14px rgb(255 214 85 / 85%);
		}
		55% {
			opacity: 1;
			transform: translate(
					calc(-50% + (var(--spark-x) * 0.82)),
					calc(-50% + (var(--spark-y) * 0.82))
				)
				scale(1);
		}
		100% {
			opacity: 0;
			transform: translate(calc(-50% + var(--spark-x)), calc(-50% + var(--spark-y))) scale(0.5);
			box-shadow: 0 0 0 rgb(255 214 85 / 0%);
		}
	}

	@keyframes svelte-1meb1c7-assistant-text-fade-legacy {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

	.tab.tab-shelly-labs {
		max-width: none !important;
	}
	.tab.tab-shelly-labs .right-slot-wrapper .label {
		max-width: none !important;
	}

	.gap-s.svelte-1meb1c7 {
		gap: 12px;
	}

	.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;
	}

	/* 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.new-layout .assistant-nav-item {
		position: relative;
		overflow: visible;
		display: flex;
		flex: 0 0 auto;
		min-width: 0;
		pointer-events: none;
	}

	.main-layout.new-layout .assistant-nav-item.assistant-revealed {
		pointer-events: auto;
	}

	@media screen and (min-width: 1124px) {
		.main-layout.new-layout .assistant-nav-item {
			width: 100%;
		}
	}

	.main-layout.new-layout .assistant-nav-item.assistant-magnetic-bounce {
		overflow: hidden;
		max-width: 0;
		will-change: max-width, opacity, transform;
		animation: svelte-1uzpyx1-assistant-item-enter 1s ease-out both;
	}

	@media screen and (min-width: 1124px) {
		.main-layout.new-layout .assistant-nav-item.assistant-magnetic-bounce {
			max-width: none;
			max-height: 0;
			will-change: max-height, opacity, transform;
			animation: svelte-1uzpyx1-assistant-item-enter-desktop 1s ease-out both;
		}
	}

	.main-layout.new-layout .assistant-nav-item [class*='label'],
	.main-layout.new-layout .assistant-nav-item [class*='text'] {
		opacity: 0;
	}

	.main-layout.new-layout .assistant-nav-item.assistant-revealed [class*='label'],
	.main-layout.new-layout .assistant-nav-item.assistant-revealed [class*='text'] {
		opacity: 1;
	}

	.main-layout.new-layout .assistant-nav-item.assistant-magnetic-bounce .menu-item-icon {
		transform-origin: center;
		opacity: 0;
		transform: scale(0);
		animation:
			svelte-1uzpyx1-assistant-icon-grow 1s cubic-bezier(0.2, 0.86, 0.2, 1) 0s forwards,
			svelte-1uzpyx1-assistant-icon-settle 2s ease-out 1s forwards;
	}

	.main-layout.new-layout .assistant-spark-pop .assistant-spark {
		animation: svelte-1uzpyx1-assistant-spark-burst 0.78s ease-out forwards;
	}

	.main-layout.new-layout .assistant-spark-pop [class*='label'],
	.main-layout.new-layout .assistant-spark-pop [class*='text'] {
		animation: svelte-1uzpyx1-assistant-text-fade 0.35s ease-out 0.88s both;
	}

	.main-layout.new-layout .assistant-spark {
		position: absolute;
		left: 50%;
		top: 26px;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background: radial-gradient(circle, #fff8b8 0%, #ffd54f 45%, #ff9100 100%);
		opacity: 0;
		pointer-events: none;
		box-shadow: 0 0 6px rgb(255 196 0 / 55%);
		transform: translate(-50%, -50%) scale(0.25);
	}

	.main-layout.new-layout .assistant-spark-1 {
		--spark-x: 24px;
		--spark-y: -24px;
		animation-delay: 0ms;
	}

	.main-layout.new-layout .assistant-spark-2 {
		--spark-x: 30px;
		--spark-y: 0px;
		animation-delay: 0ms;
	}

	.main-layout.new-layout .assistant-spark-3 {
		--spark-x: 26px;
		--spark-y: 22px;
		animation-delay: 0ms;
	}

	.main-layout.new-layout .assistant-spark-4 {
		--spark-x: 8px;
		--spark-y: -28px;
		animation-delay: 0ms;
	}

	.main-layout.new-layout .assistant-spark-5 {
		--spark-x: 10px;
		--spark-y: 28px;
		animation-delay: 0ms;
	}

	.main-layout.new-layout .assistant-spark-6 {
		--spark-x: -8px;
		--spark-y: -26px;
		animation-delay: 0ms;
	}

	.main-layout.new-layout .assistant-spark-7 {
		--spark-x: -10px;
		--spark-y: 26px;
		animation-delay: 0ms;
	}

	.main-layout.new-layout .assistant-spark-8 {
		--spark-x: 18px;
		--spark-y: -2px;
		animation-delay: 0ms;
	}

	@media (prefers-reduced-motion: reduce) {
		.main-layout.new-layout .assistant-nav-item.assistant-magnetic-bounce {
			animation: none;
		}
		.main-layout.new-layout .assistant-nav-item.assistant-magnetic-bounce .menu-item-icon {
			animation: none;
		}
		.main-layout.new-layout .assistant-spark-pop .assistant-spark {
			animation: none;
		}
		.main-layout.new-layout .assistant-spark-pop [class*='label'],
		.main-layout.new-layout .assistant-spark-pop [class*='text'] {
			animation: none;
		}
	}

	@media screen and (max-width: 639px) {
		.assistant-nav-item {
			justify-content: center;
			max-width: 70px;
			width: 20%;
		}
		.main-layout .assistant-nav-item .menu-item:not(.desktop) {
			width: auto !important;
		}
	}

	@keyframes svelte-1uzpyx1-assistant-item-enter {
		0% {
			opacity: 0;
			transform: translateX(12px);
		}
		100% {
			max-width: 72px;
			opacity: 1;
			transform: translateX(0);
		}
	}

	@keyframes svelte-1uzpyx1-assistant-item-enter-desktop {
		0% {
			max-height: 0;
			opacity: 0;
			transform: translateY(12px);
		}
		100% {
			max-height: 140px;
			opacity: 1;
			transform: translateY(0);
		}
	}

	@keyframes svelte-1uzpyx1-assistant-icon-grow {
		0% {
			transform: scale(0);
			opacity: 0;
			color: #ffffff;
		}
		100% {
			transform: scale(1);
			opacity: 1;
			color: #ffcc00;
		}
	}

	@keyframes svelte-1uzpyx1-assistant-icon-settle {
		0% {
			transform: scale(1);
			opacity: 1;
			color: #ffcc00;
		}
		70% {
			transform: scale(1);
			opacity: 1;
			color: #ffe38a;
		}
		100% {
			transform: scale(1);
			opacity: 1;
			color: var(--color-muted);
		}
	}

	@keyframes svelte-1uzpyx1-assistant-spark-burst {
		0% {
			opacity: 0;
			transform: translate(-50%, -50%) scale(0.25);
		}
		25% {
			opacity: 1;
			transform: translate(
					calc(-50% + (var(--spark-x) * 0.35)),
					calc(-50% + (var(--spark-y) * 0.35))
				)
				scale(1.35);
			box-shadow: 0 0 18px rgb(255 214 85 / 95%);
		}
		55% {
			opacity: 1;
			transform: translate(
					calc(-50% + (var(--spark-x) * 0.82)),
					calc(-50% + (var(--spark-y) * 0.82))
				)
				scale(1);
		}
		100% {
			opacity: 0;
			transform: translate(calc(-50% + var(--spark-x)), calc(-50% + var(--spark-y))) scale(0.5);
			box-shadow: 0 0 0 rgb(255 214 85 / 0%);
		}
	}

	@keyframes svelte-1uzpyx1-assistant-text-fade {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

	html.ios-vv-height-lock {
		max-height: var(--ios-visual-viewport-height);
	}

	html.ios-vv-height-lock body,
	html.ios-vv-height-lock #app {
		max-height: var(--ios-visual-viewport-height);
	}

	@media (max-width: 768px) {
		html.ios-vv-height-lock body,
		html.ios-vv-height-lock #app,
		html.ios-vv-height-lock #app > *,
		html.ios-vv-height-lock #app > * > *,
		html.ios-vv-height-lock #app > * > * > *,
		html.ios-vv-height-lock .main-layout,
		html.ios-vv-height-lock .main-layout > *,
		html.ios-vv-height-lock .main-layout [slot='scroll'] {
			max-height: var(--ios-visual-viewport-height);
		}
	}
body {
	overscroll-behavior-y: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}