/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@types+node@26.4.0_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/.pnpm/next@16.3.4_@babel+core@7.29.7_@types+node@26.4.0_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/modules/kitchen/KitchenScene.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * The label layer's few styles (§9). The shell's mono, uppercase, letter-spaced idiom. Labels are
 * sized from the scene's own width (container query units): 26 CSS px on the assumed 2160 px wide
 * portrait panel, which is what two metres of viewing distance needs, down to a 9 px floor on a
 * phone, where 26 px covered a whole cabinet. Everything else on screen is drawn in WebGL.
 */

.KitchenScene_host__OXh9R {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  container-type: inline-size;
}

.KitchenScene_label__RABbw {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: clamp(9px, 1.2cqi, 26px);
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  white-space: nowrap;
  color: #eef8ff;
  text-shadow: 0 0.08em 0.4em rgba(0, 0, 0, 0.65);
  opacity: 1;
  transition: opacity 320ms ease;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}

.KitchenScene_label__RABbw[data-state="off"] {
  opacity: 0;
}

/* The total length: the one number that is always on screen, so it carries the most weight. */
.KitchenScene_label__RABbw[data-group="total"] {
  font-size: clamp(12px, 1.6cqi, 34px);
  letter-spacing: 0.2em;
}

/* Module widths and the two heights: quieter, and gone six seconds after a change unless pinned. */
.KitchenScene_label__RABbw[data-group="widths"],
.KitchenScene_label__RABbw[data-group="heights"] {
  color: #bcd3e0;
  font-weight: 600;
}

/* The appliance pill sits on its front, so it needs a ground of its own to stay legible. */
.KitchenScene_label__RABbw[data-group="pill"] {
  padding: 0.27em 0.54em;
  border: 1px solid rgba(43, 183, 215, 0.55);
  border-radius: 999px;
  background: rgba(7, 25, 36, 0.82);
  color: #d8f2fb;
  letter-spacing: 0.16em;
}

/* Assumptions carry the amber of "this is what would have to give", quietly (KS8). */
.KitchenScene_label__RABbw[data-group="assumption"] {
  padding: 0.23em 0.46em;
  border-radius: 0.15em;
  background: rgba(20, 16, 6, 0.78);
  color: #f2b441;
  font-weight: 600;
  letter-spacing: 0.16em;
}