<commit_before>:host {
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(8px);
    opacity: 1;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    transition: all cubic-bezier(0.25, 0.59, 0, 1.11) 0.2s;
    border: 0 solid #aaa;
}

@supports not (backdrop-filter: blur(8px)) {
    :host {
        background: rgba(255, 255, 255, 0.95);
    }
}

:host([side='left']) {
    right: 50%;
    border-right-width: 2px;
}

:host([side='right']) {
    left: 50%;
    border-left-width: 2px;
}

:host([side='top']) {
    bottom: 50%;
    border-bottom-width: 2px;
}

:host([side='bottom']) {
    top: 50%;
    border-top-width: 2px;
}

.host {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.toolbar {
    display: flex;
    padding: 0 0 0 24px;
    background: #f8f8f8 no-repeat 4px center / 16px;
    background-image: url('./rempl-logo.png');
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
}

.tab {
    display: inline-block;
    padding: 5px 10px;
    color: #666;
    line-height: 1;
    cursor: pointer;
    border-bottom: 1px solid transparent;
}

.tab:hover {
    background: #eee;
}

.tab_selected {
    color: #444;
    border-bottom: 2px solid rgba(62, 130, 247, 0.6);
    margin-bottom: -1px;
}

.layout-buttons {
    display: flex;
}

.layout-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 28px;
    height: 24px;
    color: rgb(90, 90, 90);
}

.layout-button:hover {
    background: rgb(66, 128, 236);
    color: white;
}

.layout-button:before {
    content: '';
    width: 15px;
    height: 13px;
    border: 2px solid currentColor;
    box-sizing: border-box;
}

:host([side='left']) .layout-button[side='left'],
:host([side='right']) .layout-button[side='right'],
:host([side='top']) .layout-button[side='top'],
:host([side='bottom']) .layout-button[side='bottom'],
:host([side='fit the page']) .layout-button[side='fit the page'] {
    color: rgb(66, 128, 236);
    background: none;
}

.layout-button[side='external']:before {
    height: 10px;
    width: 13px;
    border-width: 0 0 2px 2px;
    margin-bottom: -3px;
}

.layout-button[side='external']:after {
    content: '';
    height: 10px;
    width: 13px;
    border: 2px solid currentColor;
    box-sizing: border-box;
    margin-top: -3px;
    margin-left: -10px;
}

.layout-button[side='top']:before {
    border-top-width: 5px;
}

.layout-button[side='right']:before {
    border-right-width: 5px;
}

.layout-button[side='bottom']:before {
    border-bottom-width: 5px;
}

.layout-button[side='left']:before {
    border-left-width: 5px;
}

.close-button {
    position: relative;
    width: 28px;
    text-align: center;
    font: 20px Arial, sans-serif;
    color: rgb(90, 90, 90);
}

.close-button:hover {
    color: black;
}

.close-button:after {
    content: '×';
    line-height: 24px;
}

.sandbox {
    flex: 1 1 auto;
    position: relative;
}

iframe {
    position: absolute;<commit_msg>Tweak styles<commit_after>:host {
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(8px);
    opacity: 1;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    transition: all cubic-bezier(0.25, 0.59, 0, 1.11) 0.2s;
    border: 0 solid #aaa;
}

@supports not (backdrop-filter: blur(8px)) {
    :host {
        background: rgba(255, 255, 255, 0.95);
    }
}

:host([side='left']) {
    right: 50%;
    border-right-width: 2px;
}

:host([side='right']) {
    left: 50%;
    border-left-width: 2px;
}

:host([side='top']) {
    bottom: 50%;
    border-bottom-width: 2px;
}

:host([side='bottom']) {
    top: 50%;
    border-top-width: 2px;
}

.host {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.toolbar {
    display: flex;
    padding: 0 0 0 24px;
    background: #f8f8f8 no-repeat 4px center / 16px;
    background-image: url('./rempl-logo.png');
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
}

.tab {
    display: inline-block;
    padding: 5px 10px;
    color: #666;
    line-height: 1;
    cursor: pointer;
    border-bottom: 1px solid transparent;
}

.tab:hover {
    background: #eee;
}

.tab_selected {
    color: #444;
    border-bottom: 2px solid rgba(62, 130, 247, 0.6);
    margin-bottom: -1px;
}

.layout-buttons {
    display: flex;
}

.layout-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 28px;
    height: 24px;
    color: rgb(100, 100, 100);
    cursor: pointer;
}

.layout-button:hover {
    background: rgb(66, 128, 236);
    color: white;
}

.layout-button:before {
    content: '';
    width: 15px;
    height: 13px;
    border: 2px solid currentColor;
    box-sizing: border-box;
}

:host([side='left']) .layout-button[side='left'],
:host([side='right']) .layout-button[side='right'],
:host([side='top']) .layout-button[side='top'],
:host([side='bottom']) .layout-button[side='bottom'],
:host([side='fit the page']) .layout-button[side='fit the page'] {
    color: rgb(66, 128, 236);
    background: none;
    cursor: default;
}

.layout-button[side='external']:before {
    height: 10px;
    width: 13px;
    border-width: 0 0 2px 2px;
    margin-bottom: -3px;
}

.layout-button[side='external']:after {
    content: '';
    height: 10px;
    width: 13px;
    border: 2px solid currentColor;
    box-sizing: border-box;
    margin-top: -3px;
    margin-left: -10px;
}

.layout-button[side='top']:before {
    border-top-width: 5px;
}

.layout-button[side='right']:before {
    border-right-width: 5px;
}

.layout-button[side='bottom']:before {
    border-bottom-width: 5px;
}

.layout-button[side='left']:before {
    border-left-width: 5px;
}

.close-button {
    position: relative;
    width: 28px;
    text-align: center;
    font: 20px Arial, sans-serif;
    color: rgb(90, 90, 90);
    cursor: pointer;
}

.close-button:hover {
    color: black;
}

.close-button:after {
    content: '×';
    line-height: 24px;
}

.sandbox {
    flex: 1 1 auto;
    position: relative;
}

iframe {
    position: absolute;
{'fraction_non_alphanumeric': 0.17400986161921425, 'fraction_numerical': 0.054238905678383964, 'mean_word_length': 2.8862793572311496, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6929577', 'n_tokens_mistral': 2698, 'n_tokens_neox': 2377, 'n_words': 534}