@import '../../../../../styles/variables.less';

:host {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
    & p.info {
        font-size: 13px;
        color: var(--scheme-color-1);
        margin-bottom: 16px;
    }
    & div.container {
        & div.shortcuts {
            position: absolute;
            top: 1px;
            right: 10px;
            padding: 3px;
            background: var(--scheme-color-5-85);
        }
        & div.content {
            position: relative;
            display: block;
            width: 100%;
            max-height: 300px;
            overflow: auto;
            padding: 8px 0;
            margin: 0 0 16px 0;
            border: thin solid var(--scheme-color-3);
            box-sizing: border-box;
            & p.line {
                color: var(--scheme-color-1);
                font-size: 11px;
                white-space: nowrap;
                padding: 0 8px;
                margin: 0;
                line-height: 15px;
                user-select: text;
                cursor: text;
                font-variant-numeric: tabular-nums;
                font-family: console, monospace;
            }
        }    
    }
}
