//
//  DIALTONE
//  COMPONENTS: Codeblock
//
//  These are the styles for codeblock component.
//
//  TABLE OF CONTENTS
//  • BASE STYLE
//
//  ============================================================================
//  $   BASE STYLE
//  ----------------------------------------------------------------------------

.d-codeblock {
    display: block;
    padding: var(--dt-space-400);
    color: var(--dt-color-foreground-secondary);
    font-size: var(--dt-font-size-200);
    font-family: var(--dt-font-family-mono);
    line-height: var(--dt-font-line-height-400);
    white-space: pre-wrap;
    background-color: var(--dt-color-surface-secondary);
    border: var(--dt-size-100) solid;
    border-color: var(--dt-color-border-subtle);
    border-radius: var(--dt-size-radius-400);
}