.notifications-component.svelte-30bwvi {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 15rem;
  z-index: var(--z-index-notifications);
}
.notifications-component.svelte-30bwvi .notification-wrapper:where(.svelte-30bwvi) {
  display: content;
  overflow: hidden;
}.scene.svelte-1fdnxe8 {
  position: relative;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  touch-action: none;
}
.scene.svelte-1fdnxe8 #canvas:where(.svelte-1fdnxe8) {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
    .sidebar-section.svelte-gkt85a {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        scroll-snap-align: start;
        scroll-margin-top: 1rem;
    }

    h1.svelte-gkt85a {
        margin: 0;
        color: var(--lib-color-headline-1);
        text-transform: var(--lib-text-transform-headline);
        font-size: 1.125rem;
        padding-bottom: 0.25rem;
        counter-increment: sidebar-section;

        &.show-numeration::before {
            content: counter(sidebar-section) ". ";
        }
    }

    h2.svelte-gkt85a {
        margin: 0;
        color: var(--lib-color-headline-2);
        text-transform: var(--lib-text-transform-headline);
        font-size: 0.875rem;
    }

    hr.svelte-gkt85a {
        height: 0;
        margin: 0;
        border: none;
    }

    .sidebar-option-box-grid.svelte-gkt85a {
        display: grid;
        justify-items: center;
        justify-content: center;
        grid-template-columns: repeat(auto-fill, minmax(min(5.5rem, 100%), 1fr));
        grid-auto-rows: max-content;
        gap: 0.375rem;
    }

    .sidebar-entry-grid.svelte-gkt85a {
        display: grid;
        grid-template-columns: auto min-content;
        gap: 0.75rem;
    }

    .measurement-label.svelte-gkt85a {
        font-size: 0.625rem;
        font-weight: 600;
        counter-increment: measurement-label;

        &::before {
            content: counter(measurement-label, upper-alpha) " ";
            color: var(--lib-color-measurement);
        }
    }

    .readonly-entry.svelte-gkt85a {
        display: flex;
        flex-direction: column;
        gap: 0.3175rem;
        flex: 1;

        .label:where(.svelte-gkt85a) {
            font-size: 0.625rem;
            font-weight: 600;
            white-space: nowrap;
        }

        .hint:where(.svelte-gkt85a) {
            font-size: 0.5625rem;
            font-weight: 700;
            white-space: nowrap;
        }

        .value:where(.svelte-gkt85a) {
            flex: 1;
            display: flex;
            align-items: center;
            padding: 0.25rem 0.75rem;
            font-size: 0.875rem;
            font-weight: 500;
            background-color: var(--lib-control-bg-subtle);
            border-radius: var(--lib-control-border-radius-md);
        }
    }

    .description.svelte-gkt85a {
        color: var(--lib-control-text-secondary);
        font-size: 0.6875rem;
        font-weight: 500;
        line-height: 1.35;
    }

    .sidebar-section.svelte-7zg0qi {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        scroll-snap-align: start;
        scroll-margin-top: 1rem;
    }

    h1.svelte-7zg0qi {
        margin: 0;
        color: var(--lib-color-headline-1);
        text-transform: var(--lib-text-transform-headline);
        font-size: 1.125rem;
        padding-bottom: 0.25rem;
        counter-increment: sidebar-section;

        &::before {
            content: counter(sidebar-section) ". ";
        }
    }

    h2.svelte-7zg0qi {
        margin: 0;
        color: var(--lib-color-headline-2);
        text-transform: var(--lib-text-transform-headline);
        font-size: 0.875rem;
    }

    hr.svelte-7zg0qi {
        height: 0;
        margin: 0;
        border: none;
    }

    .sidebar-option-box-grid.svelte-7zg0qi {
        display: grid;
        justify-items: center;
        justify-content: center;
        grid-template-columns: repeat(auto-fill, minmax(min(5.5rem, 100%), 1fr));
        grid-auto-rows: max-content;
        gap: 0.375rem;
    }

    .equipment-grid.svelte-1gt1hn0 {
        max-width: 80rem;
        display: grid;
        justify-items: center;
        justify-content: center;
        grid-template-columns: repeat(auto-fill, minmax(min(17rem, 100%), 1fr));
        grid-auto-rows: max-content;
        gap: 0.75rem;
        padding: calc(var(--focus-ring-width) + var(--focus-ring-offset)) 0;
    }

    .sidebar-section.svelte-l9y2x {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        scroll-snap-align: start;
        scroll-margin-top: 1rem;
    }

    h1.svelte-l9y2x {
        margin: 0;
        color: var(--lib-color-headline-1);
        text-transform: var(--lib-text-transform-headline);
        font-size: 1.125rem;
        padding-bottom: 0.25rem;
        counter-increment: sidebar-section;

        &::before {
            content: counter(sidebar-section) ". ";
        }
    }

    h2.svelte-l9y2x {
        margin: 0;
        color: var(--lib-color-headline-2);
        text-transform: var(--lib-text-transform-headline);
        font-size: 0.875rem;
    }

    hr.svelte-l9y2x {
        height: 0;
        margin: 0;
        border: none;
    }

    .sidebar-grid.svelte-l9y2x {
        display: grid;
        justify-items: center;
        justify-content: center;
        grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr));
        grid-auto-rows: max-content;
        gap: 0.75rem;
    }

    .field-label.svelte-ciud9a {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        font-weight: 500;

        .field-id:where(.svelte-ciud9a) {
            font-size: 0.875rem;
            white-space: nowrap;
        }

        .sublabel:where(.svelte-ciud9a) {
            font-size: 0.6875rem;
            color: var(--lib-control-text-secondary);
        }
    }

    .search-input.svelte-1ujli79 {
        position: relative;
        flex: 1;
        min-width: min(16rem, 100%);
        max-width: 32rem;

        .icon:where(.svelte-1ujli79) {
            position: absolute;
            top: 50%;
            right: 0.75rem;
            transform: translateY(-50%);
            display: flex;
            align-items: center;
            color: var(--lib-control-icon);
            pointer-events: none;
        }
    }

    .header-wrapper.svelte-1ujli79 {
        display: flex;
        flex-direction: column;
        gap: 2rem;

        .headline:where(.svelte-1ujli79) {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.5rem;
            flex-wrap: wrap;
        }

        .tabs:where(.svelte-1ujli79) {
            margin-bottom: 1.25rem;
            overflow-y: auto;
            scrollbar-width: none;
            -ms-overflow-style: none;

            &::-webkit-scrollbar {
                display: none;
            }
        }

        &.platform-mobile {
            gap: 1rem;

            .headline:where(.svelte-1ujli79) {
                font-size: 1.125rem;
            }

            .search-input:where(.svelte-1ujli79) {
                max-width: unset;
            }

            .tabs:where(.svelte-1ujli79) {
                margin-bottom: 0.25rem;
            }
        }
    }

    .content-wrapper.svelte-1ujli79 {
        width: 100dvw;
        max-width: 100%;
        height: 60dvh;
        display: flex;
        flex-direction: column;
        gap: 2rem;
        line-height: normal;

        container: wrapper / inline-size;

        .material-grid:where(.svelte-1ujli79) {
            display: grid;
            justify-items: center;
            justify-content: center;
            grid-template-columns: repeat(5, 1fr);

            grid-auto-rows: max-content;
            -moz-column-gap: 0.75rem;
                 column-gap: 0.75rem;
            row-gap: 1.5rem;
            padding: calc(var(--focus-ring-width) + var(--focus-ring-offset)) 0;

            @container wrapper (width < 50rem) {
                grid-template-columns: repeat(4, 1fr);
                -moz-column-gap: 0.375rem;
                     column-gap: 0.375rem;
                row-gap: 0.375rem;
            }

            @container wrapper (width < 25rem) {
                grid-template-columns: repeat(3, 1fr);
            }

            @container wrapper (width < 12rem) {
                grid-template-columns: repeat(auto-fill, minmax(min(4rem, 100%), 1fr));
            }
        }

        .no-search-results:where(.svelte-1ujli79) {
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 2rem 1rem;
        }
    }

    .footer-wrapper.svelte-1ujli79 {
        display: flex;
        justify-content: flex-end;
        margin-top: 1.25rem;

        &.platform-mobile {
            margin-top: 0.25rem;
        }
    }

    h2.svelte-nq7r8k {
        margin: 0;
        color: var(--lib-color-headline-2);
        text-transform: var(--lib-text-transform-headline);
        font-size: 0.875rem;
    }

    .setting-group.svelte-nq7r8k {
        padding-bottom: 0.25rem;
    }

    .sidebar-option-box-grid.svelte-nq7r8k {
        display: grid;
        justify-items: center;
        justify-content: center;
        grid-template-columns: repeat(auto-fill, minmax(min(5.125rem, 100%), 1fr));
        grid-auto-rows: max-content;
        gap: 0.375rem;
    }

    .sidebar-section.svelte-h4dlfj {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;

        h1:where(.svelte-h4dlfj) {
            margin: 0;
            color: var(--lib-color-headline-1);
            text-transform: var(--lib-text-transform-headline);
            font-size: 1.125rem;
        }

        h2:where(.svelte-h4dlfj) {
            margin: 0;
            color: var(--lib-color-headline-2);
            text-transform: var(--lib-text-transform-headline);
            font-size: 0.875rem;
        }

        .description:where(.svelte-h4dlfj) {
            color: var(--lib-control-text-secondary);
            font-size: 0.6875rem;
            font-weight: 500;
            line-height: 1.35;
        }

        hr:where(.svelte-h4dlfj) {
            height: 0;
            margin: 0;
            border: none;

            &.separator {
                margin: 0.75rem 0;
                border-bottom: 1px solid var(--lib-control-border-subtle);
            }
        }
    }

    .sidebar-section.svelte-1i4pmes {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;

        h1:where(.svelte-1i4pmes) {
            margin: 0;
            color: var(--lib-color-headline-1);
            text-transform: var(--lib-text-transform-headline);
            font-size: 1.125rem;

            &.muted {
                color: var(--lib-control-text-secondary);
            }
        }

        /* hoverable box for a control that may be disabled — see the markup comment */
        .tooltip-target:where(.svelte-1i4pmes) {
            display: inline-flex;
        }

        .header-label:where(.svelte-1i4pmes) {
            font-size: 0.635rem;
            font-weight: 600;
            color: var(--lib-control-text-secondary);
        }

        .description:where(.svelte-1i4pmes) {
            color: var(--lib-control-text-secondary);
            font-size: 0.6875rem;
            font-weight: 500;
            line-height: 1.35;
        }

        hr:where(.svelte-1i4pmes) {
            height: 0;
            margin: 0;
            border: none;

            &.separator {
                margin: 0.75rem 0;
                border-bottom: 1px solid var(--lib-control-border-subtle);
            }
        }
    }

    .sidebar-section.svelte-1erzd4c {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;

        h1:where(.svelte-1erzd4c) {
            margin: 0;
            color: var(--lib-color-headline-1);
            text-transform: var(--lib-text-transform-headline);
            font-size: 1.125rem;
        }

        h2:where(.svelte-1erzd4c) {
            margin: 0;
            color: var(--lib-color-headline-2);
            text-transform: var(--lib-text-transform-headline);
            font-size: 0.875rem;
        }

        .description:where(.svelte-1erzd4c) {
            color: var(--lib-control-text-secondary);
            font-size: 0.6875rem;
            font-weight: 500;
            line-height: 1.35;
        }

        hr:where(.svelte-1erzd4c) {
            height: 0;
            margin: 0;
            border: none;
        }
    }

    .sidebar-section.svelte-8nuv27 {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        scroll-snap-align: start;
        scroll-margin-top: 1rem;
    }

    h1.svelte-8nuv27 {
        margin: 0;
        color: var(--lib-color-headline-1);
        text-transform: var(--lib-text-transform-headline);
        font-size: 1.125rem;
        padding-bottom: 0.25rem;
        counter-increment: sidebar-section;

        &::before {
            content: counter(sidebar-section) ". ";
        }
    }

    .sidebar-grid.svelte-8nuv27 {
        display: grid;
        justify-items: center;
        justify-content: center;
        grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr));
        grid-auto-rows: max-content;
        gap: 0.75rem;
    }

    .sidebar-section.svelte-7inolw {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;

        h1:where(.svelte-7inolw) {
            margin: 0;
            color: var(--lib-color-headline-1);
            text-transform: var(--lib-text-transform-headline);
            font-size: 1.125rem;
        }

        h2:where(.svelte-7inolw) {
            margin: 0;
            color: var(--lib-color-headline-2);
            text-transform: var(--lib-text-transform-headline);
            font-size: 0.875rem;
        }

        .description:where(.svelte-7inolw) {
            color: var(--lib-control-text-secondary);
            font-size: 0.6875rem;
            font-weight: 500;
            line-height: 1.35;
        }

        hr:where(.svelte-7inolw) {
            height: 0;
            margin: 0;
            border: none;
        }
    }

    .sidebar-section.svelte-bw23nm {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        scroll-snap-align: start;
        scroll-margin-top: 1rem;
    }

    h1.svelte-bw23nm {
        margin: 0;
        color: var(--lib-color-headline-1);
        text-transform: var(--lib-text-transform-headline);
        font-size: 1.125rem;
        padding-bottom: 0.25rem;
        counter-increment: sidebar-section;

        &::before {
            content: counter(sidebar-section) ". ";
        }
    }

    h2.svelte-bw23nm {
        margin: 0;
        color: var(--lib-color-headline-2);
        text-transform: var(--lib-text-transform-headline);
        font-size: 0.875rem;
    }

    hr.svelte-bw23nm {
        height: 0;
        margin: 0;
        border: none;
    }

    .sidebar-option-box-grid.svelte-bw23nm {
        display: grid;
        justify-items: center;
        justify-content: center;
        grid-template-columns: repeat(auto-fill, minmax(min(5.5rem, 100%), 1fr));
        grid-auto-rows: max-content;
        gap: 0.375rem;
    }

    .sidebar-section.svelte-ai0wl4 {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        scroll-snap-align: start;
        scroll-margin-top: 1rem;
    }

    h1.svelte-ai0wl4 {
        margin: 0;
        color: var(--lib-color-headline-1);
        text-transform: var(--lib-text-transform-headline);
        font-size: 1.125rem;
        padding-bottom: 0.25rem;
        counter-increment: sidebar-section;

        &::before {
            content: counter(sidebar-section) ". ";
        }
    }

    .sidebar-grid.svelte-ai0wl4 {
        display: grid;
        justify-items: center;
        justify-content: center;
        grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr));
        grid-auto-rows: max-content;
        gap: 0.75rem;
    }

    .sidebar-section.svelte-141h8ty {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;

        h1:where(.svelte-141h8ty) {
            margin: 0;
            color: var(--lib-color-headline-1);
            text-transform: var(--lib-text-transform-headline);
            font-size: 1.125rem;
        }

        h2:where(.svelte-141h8ty) {
            margin: 0;
            color: var(--lib-color-headline-2);
            text-transform: var(--lib-text-transform-headline);
            font-size: 0.875rem;
        }

        .description:where(.svelte-141h8ty) {
            color: var(--lib-control-text-secondary);
            font-size: 0.6875rem;
            font-weight: 500;
            line-height: 1.35;
        }

        hr:where(.svelte-141h8ty) {
            height: 0;
            margin: 0;
            border: none;
        }

        .sidebar-option-box-grid:where(.svelte-141h8ty) {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 0.375rem;
        }
    }

    .sidebar-mobile-button.svelte-1gdcigm {
        bottom: 1.5rem;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);

        padding: 0.625rem 1.25rem;
        font-family: var(--font-primary);
        font-size: 0.875rem;
        font-weight: 500;
        color: var(--lib-control-text);
        background-color: var(--lib-control-bg);
        border-radius: var(--lib-control-border-radius-md);
        border: none;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;

        &:hover {
            box-shadow: var(--lib-control-shadow-standard);
            background-color: var(--lib-control-bg-subtle);
        }

        &:active {
            background-color: var(--lib-control-bg-subtle);
        }

        &:focus {
            outline: var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);
            outline-offset: var(--focus-ring-offset);
        }
    }

    .sidebar-sheet.svelte-1gdcigm {
        /* The sheet owns the full viewport width; SidebarBody's two-pane slide sizes off this. */
        --sidebar-width: 100dvw;

        position: fixed;
        inset: 0;
        /* Above the grid chrome and page-owned context layer (1000), below notifications/modals. */
        z-index: 2000;
        display: flex;
        flex-direction: column;
        background: var(--lib-control-bg);
        box-shadow: var(--lib-control-shadow-standard);
        counter-reset: sidebar-section measurement-label;

        transform: translateY(100%);
        transition: transform var(--lib-motion-duration-mid) ease-in-out;

        &.open {
            transform: translateY(0);
        }

        .header:where(.svelte-1gdcigm) {
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: var(--lib-control-text-muted);
            font-size: 0.75rem;
            font-weight: 600;
            padding: 0.75rem;
        }

        .menu:where(.svelte-1gdcigm) {
            flex: none;
        }
    }

    .content-burger-menu.svelte-1htlsmb {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
        width: min(18.75rem, 100dvw);
        max-height: 90vh;
        box-sizing: border-box;
        background-color: var(--lib-control-bg);

        &.fullscreen {
            width: 100%;
            height: 100%;
            max-height: 100%;
            /* Visual inset stays 1.25rem on both sides: full padding left, padding + scrollbar
               gutter right — so the content doesn't shift when the scrollbar appears. Not
               `both-edges` (see SidebarBody: Chromium clips descendant paint at the content-box
               edge with it). */
            padding: 1.25rem calc(1.25rem - var(--scrollbar-size)) 1.25rem 1.25rem;
            scrollbar-gutter: stable;
            overflow: auto;
        }

        .burger-menu-header:where(.svelte-1htlsmb) {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.5rem;
            font-size: 0.875rem;
            font-weight: 700;
            margin-bottom: 1.5rem;

            .close-container:where(.svelte-1htlsmb) {
                display: flex;
                align-items: center;
                gap: 0.5rem;
            }
        }
        .item-grid:where(.svelte-1htlsmb) {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 0.5rem;
            margin-top: 1.5rem;
            margin-bottom: 0.875rem;
        }

        .burger-menu-footer:where(.svelte-1htlsmb) {
            margin-top: auto;
            padding-top: 0.875rem;
            display: flex;
            flex-direction: column;
            gap: 0.25rem;

            .copyright-text:where(.svelte-1htlsmb) {
                color: var(--lib-control-text-secondary);
                font-size: 0.75rem;
                font-weight: 500;
                white-space: nowrap;
                line-height: 1.1875rem;
            }
        }
    }

    .ar-view-content.svelte-1vvvdja {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        max-width: 23rem;
    }
    .description.svelte-1vvvdja {
        font-size: 0.875rem;
    }

    .ar-view-info.svelte-1vvvdja {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        padding: 0.5rem;
        background-color: var(--lib-control-bg-subtle);
        border: 1px solid var(--lib-control-border-subtle);
        border-radius: var(--lib-control-border-radius-sm);

        .info-title:where(.svelte-1vvvdja) {
            font-size: 1.125rem;
            font-weight: 700;
            margin: 0;
        }

        .info-hint:where(.svelte-1vvvdja) {
            font-size: 0.6875rem;
            color: var(--lib-control-text-secondary);
        }

        .qrCode:where(.svelte-1vvvdja) {
            max-width: 8.75rem;
            aspect-ratio: 1;
            align-self: center;
        }
    }
.corner-logo.svelte-e51sxe {
  --logo-min-height: 2.25rem;
  --logo-max-height: 5rem;
  --logo-max-width: 12rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: var(--logo-min-height);
}
.corner-logo.svelte-e51sxe img:where(.svelte-e51sxe) {
  display: block;
  flex: none;
  width: auto;
  height: auto;
  min-height: var(--logo-min-height);
  max-width: var(--logo-max-width);
  max-height: var(--logo-max-height);
  object-fit: contain;
  object-position: right bottom;
}.demo-logo-corners.svelte-1lou1nq {
  --corner-color: var(--lib-control-icon);
  position: absolute;
  inset: 0;
  overflow: visible;
  pointer-events: none;
}
.demo-logo-corners.target.svelte-1lou1nq {
  --corner-color: var(--lib-color-primary-text);
}
.demo-logo-corners.svelte-1lou1nq path:where(.svelte-1lou1nq) {
  fill: none;
  stroke: var(--corner-color);
  stroke-width: var(--stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 0.15s ease-out;
}
.demo-logo-corners.sharp.svelte-1lou1nq path:where(.svelte-1lou1nq) {
  stroke-linecap: butt;
  stroke-linejoin: miter;
}.demo-logo-upload.svelte-1q7jzxv {
  --slot-width: 12rem;
  --slot-height: 2.25rem;
  --label-color: var(--lib-control-text-secondary);
  --target-background: transparent;
  position: relative;
  width: var(--slot-width);
  height: var(--slot-height);
  pointer-events: auto;
}

.logo.svelte-1q7jzxv,
.dropzone.svelte-1q7jzxv {
  position: absolute;
  right: 0;
  bottom: 0;
}

.logo.svelte-1q7jzxv {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  border-radius: var(--lib-control-border-radius-sm);
}
.logo.svelte-1q7jzxv:focus-visible {
  outline: 2px solid var(--lib-color-primary-text);
  outline-offset: 0.25rem;
}

.dropzone.svelte-1q7jzxv {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: var(--lib-control-border-radius-md);
  background-color: var(--target-background);
  transition: background-color 0.15s ease-out;
}
.dropzone.target.svelte-1q7jzxv {
  --label-color: var(--lib-color-primary-text);
  --target-background: color-mix(in srgb, var(--lib-color-primary) 8%, transparent);
}

.trigger.svelte-1q7jzxv {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: inherit;
  background: none;
  overflow: hidden;
  color: var(--label-color);
  font: inherit;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.2s ease-out;
}
.trigger.svelte-1q7jzxv:is(:where(.svelte-1q7jzxv):hover, :where(.svelte-1q7jzxv):focus-visible) {
  --label-color: var(--lib-control-text-secondary-hover);
}
.trigger[aria-busy=true].svelte-1q7jzxv {
  cursor: progress;
}
.trigger.svelte-1q7jzxv:focus-visible {
  outline: 2px solid var(--lib-color-primary-text);
  outline-offset: 2px;
}

.content.svelte-1q7jzxv {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1.25rem;
}

.detail.svelte-1q7jzxv {
  display: grid;
  place-items: center;
  padding: 0.625rem 0 0.5rem;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  text-align: center;
}
.detail.svelte-1q7jzxv > :where(.svelte-1q7jzxv) {
  grid-area: 1/1;
}

.hint.svelte-1q7jzxv {
  max-width: 8.125rem;
  visibility: hidden;
}
.hint.active.svelte-1q7jzxv {
  visibility: visible;
}

.error.svelte-1q7jzxv {
  max-width: 8.125rem;
  color: var(--lib-control-color-error);
}

.spinner.svelte-1q7jzxv {
  display: flex;
  color: var(--lib-color-primary-text);
}

.label.svelte-1q7jzxv {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  height: var(--slot-height);
  font-size: 0.875rem;
  line-height: 1.25rem;
  white-space: nowrap;
}

.announcement.svelte-1q7jzxv {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
    .demo-welcome-content.svelte-1g5d6bd {
        display: flex;
        flex-direction: column;
        justify-content: end;
        gap: 1.5rem;
        width: 25.75rem;
        height: 30rem;

        @media (max-width: 768px) {
            width: auto;
            height: auto;
        }

        .welcome-demo-image:where(.svelte-1g5d6bd) {
            display: grid;
            justify-content: center;

            img:where(.svelte-1g5d6bd) {
                grid-area: 1 / 1;
                width: 100%;
            }
        }

        .welcome-text-container:where(.svelte-1g5d6bd) {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            .welcome-slide-container:where(.svelte-1g5d6bd) {
                padding: 0 1.5rem;
                width: 100%;
                box-sizing: border-box;

                @media (max-width: 768px) {
                    padding: 0;
                }

                .welcome-slide:where(.svelte-1g5d6bd) {
                    padding-bottom: 0.75rem;

                    .title:where(.svelte-1g5d6bd) {
                        font-weight: bold;
                        font-size: 1.125rem;
                        margin-bottom: 0.5rem;

                        @media (max-width: 768px) {
                            font-size: 1.125rem;
                        }
                    }
                    .message:where(.svelte-1g5d6bd) {
                        font-size: 0.875rem;
                    }
                }
            }
        }
    }

    .step-indicator.svelte-1g5d6bd {
        padding-bottom: 1.5rem;
    }

    .button-container.svelte-1g5d6bd {
        display: flex;
        justify-content: center;
        gap: 1rem;
    }

    .input-wrapper.svelte-o6g2pc {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        padding-bottom: calc(var(--focus-ring-width) + var(--focus-ring-offset));
    }
    .error-message.svelte-o6g2pc {
        color: var(--lib-control-color-error);
    }

    .input-wrapper.svelte-d66j3p {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        padding-bottom: calc(var(--focus-ring-width) + var(--focus-ring-offset));
    }
    .error-message.svelte-d66j3p {
        color: var(--lib-control-color-error);
    }

    .missing-feature-content.svelte-h1axuq {
        display: flex;
        flex-direction: column;
        align-items: start;
        max-width: 25rem;
    }

    .illustration.svelte-h1axuq {
        width: 100%;
        object-fit: cover;
        margin-bottom: 2rem;
    }

    .headline.svelte-h1axuq {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: 0.75rem;
    }

    .description.svelte-h1axuq {
        margin: 0;
        font-size: 0.875rem;
        font-weight: 500;
        color: var(--lib-control-text-secondary);
        margin-bottom: 1.25rem;
    }

    .contact.svelte-h1axuq {
        margin: 0;
        font-size: 0.875rem;
        font-weight: 500;
        color: var(--lib-control-text-secondary);
    }
hr.svelte-1f1ycgy {
  width: 100%;
  height: 0;
  margin: 0;
  border: none;
  border-bottom: 1px solid var(--lib-control-border-subtle);
}

.divider.svelte-1f1ycgy {
  align-self: stretch;
  width: 1px;
  background-color: var(--lib-control-border-subtle);
}

.header-grid.svelte-1f1ycgy {
  flex: 1;
  display: grid;
  align-items: center;
  justify-items: end;
  gap: 1.25rem;
  grid-template-columns: min-content auto;
  grid-template-areas: "top-left top-right" "bottom-left bottom-right";
  pointer-events: none;
}
.header-grid.svelte-1f1ycgy .top-left:where(.svelte-1f1ycgy),
.header-grid.svelte-1f1ycgy .top-right:where(.svelte-1f1ycgy),
.header-grid.svelte-1f1ycgy .bottom-right:where(.svelte-1f1ycgy) {
  pointer-events: none;
}
.header-grid.svelte-1f1ycgy .top-left:where(.svelte-1f1ycgy) > *,
.header-grid.svelte-1f1ycgy .top-right:where(.svelte-1f1ycgy) > *,
.header-grid.svelte-1f1ycgy .bottom-right:where(.svelte-1f1ycgy) > * {
  pointer-events: auto;
}
.header-grid.svelte-1f1ycgy .top-left:where(.svelte-1f1ycgy) {
  grid-area: top-left;
  flex: 1;
}
.header-grid.svelte-1f1ycgy .top-right:where(.svelte-1f1ycgy) {
  grid-area: top-right;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  height: 100%;
}
.header-grid.svelte-1f1ycgy .top-right:where(.svelte-1f1ycgy) .separator:where(.svelte-1f1ycgy) {
  width: 1px;
  height: 100%;
  background-color: var(--lib-control-border-subtle);
}
.header-grid.svelte-1f1ycgy .bottom-right:where(.svelte-1f1ycgy) {
  grid-area: bottom-right;
}

.contexts.svelte-1f1ycgy {
  position: absolute;
  inset: 0;
  z-index: 1000;
  pointer-events: none;
}
.contexts.svelte-1f1ycgy .context-wrapper:where(.svelte-1f1ycgy) {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contexts.svelte-1f1ycgy .context-wrapper:where(.svelte-1f1ycgy) > * {
  pointer-events: auto;
}

.burger-menu-fullscreen.svelte-1f1ycgy {
  position: absolute;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.notifications-fallback.svelte-1f1ycgy {
  position: absolute;
  top: 4.5rem;
  right: 1rem;
}
.notifications-fallback.performance-widget-visible.svelte-1f1ycgy {
  top: 9rem;
}
    .configurator.svelte-1ac6bzo {
        /* inert carrier only: no box → ConfiguratorPage lays out against the page as before */
        display: contents;
    }