.id-demo {
  display: grid;
  grid-template-columns: 1fr auto;
  border: 1px solid var(--neutral-light); }

.id-demo__surface {
  display: grid;
  place-items: center;
  padding: 24px;
  position: relative;
  max-width: 1200px;
  min-width: 500px;
  min-height: 300px;
  max-height: 500px;
  overflow: auto; }

.id-demo__controls {
  display: grid;
  gap: 12px;
  background: var(--neutral-lightest);
  padding: 24px;
  border-left: 1px solid var(--neutral-light);
  align-content: center; }
  .id-demo__controls .id-combobox .id-menu .id-menu__item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px; }

.id-tree-view {
  padding: 0; }
  .id-tree-view__item {
    display: block; }
    .id-tree-view__item > ul {
      padding-left: 20px; }
    .id-tree-view__item > button {
      display: flex;
      align-items: center;
      font: inherit;
      border: 0;
      border-radius: 0;
      background: inherit;
      cursor: pointer;
      width: 100%;
      padding: 4px;
      gap: 4px; }
    .id-tree-view__item > button:hover,
    .id-tree-view__item > button:focus-visible {
      background-color: var(--blue-lighter); }

body {
  margin: 0;
  height: 100vh; }

#app {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "nav main";
  height: 100%; }

main {
  grid-area: main;
  padding: 24px; }

nav {
  grid-area: nav;
  height: 100%;
  width: 300px;
  border-right: 1px solid var(--neutral-light);
  padding-right: 24px; }

.cref,
.langword {
  color: var(--blue-primary);
  text-decoration: none;
  font-weight: 600; }

.cref:hover,
.cref:focus,
.langword:hover,
.langword:focus {
  text-decoration: underline; }

/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiU3R5bGVzL0luZGV4LmNzcyIsCgkic291cmNlcyI6IFsKCQkiU3R5bGVzL0luZGV4LnNjc3MiLAoJCSJTdHlsZXMvQ29tcG9uZW50cy9fZGVtby5zY3NzIiwKCQkiU3R5bGVzL0NvbXBvbmVudHMvX3RyZWUtdmlldy5zY3NzIiwKCQkiU3R5bGVzL0dsb2JhbC9fbGF5b3V0LnNjc3MiLAoJCSJTdHlsZXMvR2xvYmFsL19jb2RlLXRleHQuc2NzcyIKCV0sCgkibmFtZXMiOiBbXSwKCSJtYXBwaW5ncyI6ICJBQ0FBLEFBQUEsUUFBUSxDQUFDO0VBQ0wsT0FBTyxFQUFFLElBQUk7RUFDYixxQkFBcUIsRUFBRSxRQUFRO0VBQy9CLE1BQU0sRUFBRSxHQUFHLENBQUMsS0FBSyxDQUFDLG9CQUFvQixHQUN6Qzs7QUFFRCxBQUFBLGlCQUFpQixDQUFDO0VBQ2QsT0FBTyxFQUFFLElBQUk7RUFDYixXQUFXLEVBQUUsTUFBTTtFQUNuQixPQUFPLEVBQUUsSUFBSTtFQUNiLFFBQVEsRUFBRSxRQUFRO0VBQ2xCLFNBQVMsRUFBRSxNQUFNO0VBQ2pCLFNBQVMsRUFBRSxLQUFLO0VBQ2hCLFVBQVUsRUFBRSxLQUFLO0VBQ2pCLFVBQVUsRUFBRSxLQUFLO0VBQ2pCLFFBQVEsRUFBRSxJQUFJLEdBQ2pCOztBQUVELEFBQUEsa0JBQWtCLENBQUM7RUFDZixPQUFPLEVBQUUsSUFBSTtFQUNiLEdBQUcsRUFBRSxJQUFJO0VBQ1QsVUFBVSxFQUFFLHVCQUF1QjtFQUNuQyxPQUFPLEVBQUUsSUFBSTtFQUNiLFdBQVcsRUFBRSxHQUFHLENBQUMsS0FBSyxDQUFDLG9CQUFvQjtFQUMzQyxhQUFhLEVBQUUsTUFBTSxHQU94QjtFQWJELEFBUTBCLGtCQVJSLENBUWQsWUFBWSxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUM7SUFDakMsT0FBTyxFQUFFLElBQUk7SUFDYixxQkFBcUIsRUFBRSxRQUFRO0lBQy9CLEdBQUcsRUFBRSxHQUFHLEdBQ1g7O0FDOUJMLEFBQUEsYUFBYSxDQUFDO0VBQ1YsT0FBTyxFQUFFLENBQUMsR0EyQmI7RUF6QkcsQUFBQSxtQkFBTyxDQUFDO0lBQ0osT0FBTyxFQUFFLEtBQUssR0F1QmpCO0lBeEJELEFBR1EsbUJBSEQsR0FHQyxFQUFFLENBQUM7TUFDSCxZQUFZLEVBQUUsSUFBSSxHQUNyQjtJQUxMLEFBT1EsbUJBUEQsR0FPQyxNQUFNLENBQUM7TUFDUCxPQUFPLEVBQUUsSUFBSTtNQUNiLFdBQVcsRUFBRSxNQUFNO01BQ25CLElBQUksRUFBRSxPQUFPO01BQ2IsTUFBTSxFQUFFLENBQUM7TUFDVCxhQUFhLEVBQUUsQ0FBQztNQUNoQixVQUFVLEVBQUUsT0FBTztNQUNuQixNQUFNLEVBQUUsT0FBTztNQUNmLEtBQUssRUFBRSxJQUFJO01BQ1gsT0FBTyxFQUFFLEdBQUc7TUFDWixHQUFHLEVBQUUsR0FBRyxHQUNYO0lBbEJMLEFBb0JRLG1CQXBCRCxHQW9CQyxNQUFNLEFBQUEsTUFBTTtJQXBCcEIsQUFxQlEsbUJBckJELEdBcUJDLE1BQU0sQUFBQSxjQUFjLENBQUM7TUFDckIsZ0JBQWdCLEVBQUUsbUJBQW1CLEdBQ3hDOztBQzFCVCxBQUFBLElBQUksQ0FBQztFQUNELE1BQU0sRUFBRSxDQUFDO0VBQ1QsTUFBTSxFQUFFLEtBQUssR0FDaEI7O0FBRUQsQUFBQSxJQUFJLENBQUM7RUFDRCxPQUFPLEVBQUUsSUFBSTtFQUNiLHFCQUFxQixFQUFFLFFBQVE7RUFDL0IsbUJBQW1CLEVBQUUsVUFBVTtFQUMvQixNQUFNLEVBQUUsSUFBSSxHQUNmOztBQUVELEFBQUEsSUFBSSxDQUFDO0VBQ0QsU0FBUyxFQUFFLElBQUk7RUFDZixPQUFPLEVBQUUsSUFBSSxHQUNoQjs7QUFFRCxBQUFBLEdBQUcsQ0FBQztFQUNBLFNBQVMsRUFBRSxHQUFHO0VBQ2QsTUFBTSxFQUFFLElBQUk7RUFDWixLQUFLLEVBQUUsS0FBSztFQUNaLFlBQVksRUFBRSxHQUFHLENBQUMsS0FBSyxDQUFDLG9CQUFvQjtFQUM1QyxhQUFhLEVBQUUsSUFBSSxHQUN0Qjs7QUN2QkQsQUFBQSxLQUFLO0FBQ0wsQUFBQSxTQUFTLENBQUM7RUFDTixLQUFLLEVBQUUsbUJBQW1CO0VBQzFCLGVBQWUsRUFBRSxJQUFJO0VBQ3JCLFdBQVcsRUFBRSxHQUFHLEdBQ25COztBQUNELEFBQUEsS0FBSyxBQUFBLE1BQU07QUFDWCxBQUFBLEtBQUssQUFBQSxNQUFNO0FBQ1gsQUFBQSxTQUFTLEFBQUEsTUFBTTtBQUNmLEFBQUEsU0FBUyxBQUFBLE1BQU0sQ0FBQztFQUNaLGVBQWUsRUFBRSxTQUFTLEdBQzdCIgp9 */