/* Primitive result — notebook value labels */
.nb-root .default-value-view {
    --value-bg: #F3EBDD;
    --value-ink: var(--ink);
    --value-border: #D8C5AF;
  
    display: inline-flex;
    align-items: baseline;
    max-width: 100%;
    box-sizing: border-box;
  
    padding: 0.12em 0.48em;
    border: 1px solid var(--value-border);
    border-radius: 0.45em;
  
    background: var(--value-bg);
    color: var(--value-ink);
  
    font-family: var(--font-code);
    font-size: 0.82em;
    line-height: 1.55;
    vertical-align: baseline;
  
    box-shadow:
      0 1px 2px rgb(91 70 54 / 7%),
      inset 0 1px 0 rgb(255 255 255 / 65%);
  
    overflow-wrap: anywhere;
  }
  
  /* The actual value */
  .nb-root .default-value-view__value {
    min-width: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }
  
  /* Type-specific colors */
  .nb-root .default-value-view--number,
  .nb-root .default-value-view--bigint {
    --value-bg: var(--type-number);
    --value-ink: var(--accent-number);
    --value-border: #E8C69F;
  }
  
  .nb-root .default-value-view--boolean {
    --value-bg: var(--type-boolean);
    --value-ink: var(--accent-boolean);
    --value-border: #BBD9AD;
  }
  
  .nb-root .default-value-view--string {
    --value-bg: var(--type-string);
    --value-ink: var(--accent-string);
    --value-border: #B9D1F3;
  }
  
  .nb-root .default-value-view--null {
    --value-bg: var(--type-null);
    --value-ink: var(--accent-null);
    --value-border: #C9D0DE;
  }
  
  .nb-root .default-value-view--undefined {
    --value-bg: var(--type-undefined);
    --value-ink: var(--accent-undefined);
    --value-border: #C9C9F0;
  }
  
  .nb-root .default-value-view--symbol {
    --value-bg: var(--type-function);
    --value-ink: var(--accent-function);
    --value-border: #B5DFD8;
  }
  
  .nb-root .default-value-view--object,
  .nb-root .default-value-view--other {
    --value-bg: var(--type-collection);
    --value-ink: var(--accent-collection);
    --value-border: #D1C0EF;
  }