main.configurator-grid.svelte-d6606d {
  --sidebar-width: 18.75rem;
  --sidebar-cell-padding: 0rem;
}
main.configurator-grid.no-sidebar.svelte-d6606d {
  --sidebar-width: 0rem;
  --sidebar-cell-padding: 0rem;
}
main.configurator-grid.svelte-d6606d {
  display: grid;
  grid-template-columns: [start sidebar-start footer-start] calc(var(--sidebar-width) + var(--sidebar-cell-padding)) [toolbar-row-start sidebar-end canvas-start header-start] auto [footer-end header-end canvas-end toolbar-row-end end];
  grid-template-rows: [start sidebar-start canvas-start header-start] min-content [header-end] minmax(0, 1fr) [toolbar-row-start] min-content [toolbar-row-end canvas-end sidebar-end footer-start] min-content [footer-end end];
  height: 100dvh;
  width: 100dvw;
  overflow: hidden;
}
main.configurator-grid.sidebar-movable.svelte-d6606d {
  --sidebar-cell-padding: 1.5rem;
  grid-template-columns: [start sidebar-start canvas-start footer-start] calc(var(--sidebar-width) + var(--sidebar-cell-padding)) [toolbar-row-start sidebar-end header-start] auto [footer-end header-end canvas-end toolbar-row-end end];
}
main.configurator-grid.toolbar-vertical.svelte-d6606d {
  grid-template-columns: [start sidebar-start footer-start] calc(var(--sidebar-width) + var(--sidebar-cell-padding)) [toolbar-row-start sidebar-end canvas-start header-start] min-content [toolbar-row-end] auto [footer-end header-end canvas-end end];
  grid-template-rows: [start sidebar-start canvas-start header-start] min-content [header-end toolbar-row-start] minmax(0, 1fr) [toolbar-row-end] min-content [canvas-end sidebar-end footer-start] min-content [footer-end end];
}
main.configurator-grid.toolbar-vertical.svelte-d6606d .toolbar-cell:where(.svelte-d6606d) {
  padding-left: 0.625rem;
}
main.configurator-grid.svelte-d6606d .sidebar-cell:where(.svelte-d6606d),
main.configurator-grid.svelte-d6606d .header-cell:where(.svelte-d6606d),
main.configurator-grid.svelte-d6606d .toolbar-cell:where(.svelte-d6606d) {
  z-index: 100;
  position: relative;
}
main.configurator-grid.svelte-d6606d .sidebar-cell:where(.svelte-d6606d) {
  box-sizing: border-box;
  height: 100%;
  grid-column: sidebar-start/sidebar-end;
  grid-row: sidebar-start/sidebar-end;
  counter-reset: sidebar-section measurement-label;
  display: flex;
  flex-direction: row;
  padding: var(--sidebar-cell-padding) 0 var(--sidebar-cell-padding) var(--sidebar-cell-padding);
  pointer-events: none;
}
main.configurator-grid.svelte-d6606d .header-cell:where(.svelte-d6606d) {
  grid-column: header-start/header-end;
  grid-row: header-start/header-end;
  box-sizing: border-box;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
}
main.configurator-grid.svelte-d6606d .canvas-cell:where(.svelte-d6606d) {
  grid-row: canvas-start/canvas-end;
  grid-column: canvas-start/canvas-end;
}
main.configurator-grid.svelte-d6606d .toolbar-cell:where(.svelte-d6606d) {
  grid-row: toolbar-row-start/toolbar-row-end;
  grid-column: toolbar-row-start/toolbar-row-end;
  display: flex;
  box-sizing: border-box;
  padding: 1.5rem;
  z-index: 1000;
  pointer-events: none;
}
main.configurator-grid.svelte-d6606d .toolbar-cell:where(.svelte-d6606d) .toolbar:where(.svelte-d6606d) {
  flex: 1;
  display: flex;
  justify-content: center;
  font-weight: bold;
}
main.configurator-grid.svelte-d6606d .toolbar-cell:where(.svelte-d6606d) .logo:where(.svelte-d6606d) {
  flex: 0;
  font-weight: bold;
  pointer-events: auto;
}
main.configurator-grid.svelte-d6606d .footer:where(.svelte-d6606d) {
  grid-column: footer-start/footer-end;
  grid-row: footer-start/footer-end;
}
main.configurator-grid.svelte-d6606d .footer:where(.svelte-d6606d):empty {
  display: none;
}