{"version":3,"sourceRoot":"","sources":["../src/CellInputField.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EAOA;EAKA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AACA;EACE","file":"CellInputField.css","sourcesContent":[".grid-cell-input-field {\n  color: #e5e5e5;\n  background: #393939;\n  border: none;\n  width: 100%;\n  height: 100%;\n  // The canvas draws cell text with `textBaseline: middle`, which sits ~1px\n  // higher than a `line-height: 1` textarea with symmetric vertical padding.\n  // Shift 1px from the top padding to the bottom so the edit text lines up\n  // with the canvas-rendered selection text (matches the legacy 2/3 split).\n  // Horizontal padding uses the theme's `cellHorizontalPadding` so the text\n  // aligns with the canvas across densities (5px regular, 7px spacious).\n  padding: calc(\n      (var(--grid-row-height, 19px) - var(--grid-font-size, 12px)) / 2 - 1px\n    )\n    var(--grid-cell-horizontal-padding, 5px)\n    calc((var(--grid-row-height, 19px) - var(--grid-font-size, 12px)) / 2 + 1px);\n  border-radius: 2px;\n  font-size: var(--grid-font-size, 12px);\n  line-height: 1;\n  resize: none;\n\n  &:focus {\n    outline: none;\n    border: none;\n    box-shadow: 0 0 0 2px blue;\n  }\n\n  &.error {\n    color: red;\n    &:focus {\n      box-shadow: 0 0 0 2px red;\n    }\n  }\n}\n"]}