<commit_before>body { background-color: #0F0F0F; background-image: url(background.png); color: white; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; }

a { font-weight: bold; color: white; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { text-decoration: none; }

.backpack-page, .box { zoom: 1; }
.backpack-page:after, .box:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.backpack-page { position: relative; margin-bottom: 20px; }
.backpack-page .item_cell { margin-left: 0; margin-right: 6px; }
.backpack-page.displaced-page { padding: 6px; border-radius: 10px; margin-top: 20px; border: 2px solid #454545; background-color: #1a1a1a; }
.backpack-page.displaced-page .page-label { border-right: 2px solid #454545; }

.box {
    border-radius: 10px;
    border: 1px solid #454545;
    position: relative;
    padding-bottom: 1em;
    background-color: #1a1a1a;
    margin: 5px;
}
.box > :not(.titlebar) { margin: 0 5px 0 5px; }
.box .titlebar {
    margin-bottom: 1em;
    text-align: left;
    width: 100%;
    border-radius: 10px 10px 0 0;
    background-color: #454545;
    font-weight: bold;
    padding: 0.5em 0 0.5em 0;
}

.sharp-corners, .sharp-corners .titlebar { border-radius: 0; }

.box .nav-list { list-style-type: none; padding-left: 0;}
.box .nav-list li { padding: 3px; }

.box .titlebar :first-child, .box .titlebar:first-letter { margin-left: 0.5em; }
.box .item_cell { float: none; }
.box .slot-item { float: left; margin: 5px; }

#page-switcher { text-align: right; padding-right: 10px; margin-bottom: 25px; }
#page-counter { font-weight: bold; font-size: 13px; margin: 0 5px 0 5px; }

.item-description, .item-level { color: white; font-size: 1.09em; }
.item-name { overflow: hidden; font-size: 1.10em; font-weight: bold; }
.item-link { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.attribute-list { list-style: none; margin: 0; padding: 0; }
.attribute-list li { padding: 5px 0 5px 0; }
.attr-negative, .attr-negative:visited, .attr-negative:link { color: #ff0000; }
.attr-positive, .attr-positive:visited, .attr-positive:link { color: #1a82ff; }
.attr-neutral, .attr-neutral:visited, .attr-neutral:link { color: #dbdbdb; }

.prefix-unique { color: #ffd700; }
.prefix-community { color: #70b04a; }
.prefix-developer { color: #a50f79; }
.prefix-normal { color: #b2b2b2; }
.prefix-selfmade { color: #70b04a; }
.prefix-vintage { color: #476291; }
.prefix-rarity4, .prefix-unusual, .prefix-tournament { color: #8650ac; }
.prefix-haunted { color: #38f3ab; }
.prefix-rarity1, .prefix-genuine { color: #4d7455; }
.prefix-strange { color: #cf6a32; }
.prefix-giftwrapped { color: #cf2700; }

.item_cell {
    border: 2px solid black;
    margin: 3px;
    background-color: #303131;
    background-size: 96px 96px;
    width: 96px;
    height: 96px;
    text-align: center;
    float: left;
    position: relative;
    z-index: 24;
    cursor: pointer;
    border-radius: 13px;
}
.slot-item { width: 99px; min-height: 99px; padding: 3px; }
.slot-item .item_cell { margin: 0; }
.slot-item .title { margin-bottom: 0.5em; font-weight: bold; }
.item_cell.undropped { background-color: #302323; }
.fade-overlay { z-index: 50; background-color: black; opacity: 0.70; position: absolute; top: 0; left: 0; border: 1px solid black; }
.ticker { z-index: 30; position: absolute; top: 40px; left: 40px; }

.cell-unique { border-color: #ffd700; }
.cell-community { border-color: #70b04a; }
.cell-developer { border-color: #a50f79; }
.cell-normal { border-color: #b2b2b2; }
.cell-selfmade { border-color: #70b04a; }
.cell-vintage { border-color: #476291; }
.cell-rarity4, .cell-unusual, .cell-tournament { border-color: #8650ac; }
.cell-haunted { border-color: #38f3ab; }
.cell-rarity1, .cell-genuine { border-color: #4d7455; }
.cell-strange { border-color: #cf6a32; }

.icon-particle { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -100; }

.icon-custom-texture { position: absolute; left: 6px; bottom: 6px; width: 32px; height: 32px; }
.icon-custom-texture.large { width: 128px; height: 128px; }

.paint_splotch {
    position: absolute;
    top: 6px; left: 6px;
    width: 16px;
    height: 16px;
    border-radius: 10px;
}
.paint_splotch.secondary {
    width: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    left: 14px;
}

.crate-series-icon {
    background-color: #000000;
    color: white;
    font-weight: bold;
    position: absolute;
    left: 40px;
    top: 40px;
    font-size: 9px;
    padding: 3px;
    border-radius: 10px;<commit_msg>Add collectors quality colors<commit_after>body { background-color: #0F0F0F; background-image: url(background.png); color: white; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; }

a { font-weight: bold; color: white; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { text-decoration: none; }

.backpack-page, .box { zoom: 1; }
.backpack-page:after, .box:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.backpack-page { position: relative; margin-bottom: 20px; }
.backpack-page .item_cell { margin-left: 0; margin-right: 6px; }
.backpack-page.displaced-page { padding: 6px; border-radius: 10px; margin-top: 20px; border: 2px solid #454545; background-color: #1a1a1a; }
.backpack-page.displaced-page .page-label { border-right: 2px solid #454545; }

.box {
    border-radius: 10px;
    border: 1px solid #454545;
    position: relative;
    padding-bottom: 1em;
    background-color: #1a1a1a;
    margin: 5px;
}
.box > :not(.titlebar) { margin: 0 5px 0 5px; }
.box .titlebar {
    margin-bottom: 1em;
    text-align: left;
    width: 100%;
    border-radius: 10px 10px 0 0;
    background-color: #454545;
    font-weight: bold;
    padding: 0.5em 0 0.5em 0;
}

.sharp-corners, .sharp-corners .titlebar { border-radius: 0; }

.box .nav-list { list-style-type: none; padding-left: 0;}
.box .nav-list li { padding: 3px; }

.box .titlebar :first-child, .box .titlebar:first-letter { margin-left: 0.5em; }
.box .item_cell { float: none; }
.box .slot-item { float: left; margin: 5px; }

#page-switcher { text-align: right; padding-right: 10px; margin-bottom: 25px; }
#page-counter { font-weight: bold; font-size: 13px; margin: 0 5px 0 5px; }

.item-description, .item-level { color: white; font-size: 1.09em; }
.item-name { overflow: hidden; font-size: 1.10em; font-weight: bold; }
.item-link { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.attribute-list { list-style: none; margin: 0; padding: 0; }
.attribute-list li { padding: 5px 0 5px 0; }
.attr-negative, .attr-negative:visited, .attr-negative:link { color: #ff0000; }
.attr-positive, .attr-positive:visited, .attr-positive:link { color: #1a82ff; }
.attr-neutral, .attr-neutral:visited, .attr-neutral:link { color: #dbdbdb; }

.prefix-unique { color: #ffd700; }
.prefix-community { color: #70b04a; }
.prefix-developer { color: #a50f79; }
.prefix-normal { color: #b2b2b2; }
.prefix-selfmade { color: #70b04a; }
.prefix-vintage { color: #476291; }
.prefix-rarity4, .prefix-unusual, .prefix-tournament { color: #8650ac; }
.prefix-haunted { color: #38f3ab; }
.prefix-rarity1, .prefix-genuine { color: #4d7455; }
.prefix-strange { color: #cf6a32; }
.prefix-collectors { color: #aa0000; }
.prefix-giftwrapped { color: #cf2700; }

.item_cell {
    border: 2px solid black;
    margin: 3px;
    background-color: #303131;
    background-size: 96px 96px;
    width: 96px;
    height: 96px;
    text-align: center;
    float: left;
    position: relative;
    z-index: 24;
    cursor: pointer;
    border-radius: 13px;
}
.slot-item { width: 99px; min-height: 99px; padding: 3px; }
.slot-item .item_cell { margin: 0; }
.slot-item .title { margin-bottom: 0.5em; font-weight: bold; }
.item_cell.undropped { background-color: #302323; }
.fade-overlay { z-index: 50; background-color: black; opacity: 0.70; position: absolute; top: 0; left: 0; border: 1px solid black; }
.ticker { z-index: 30; position: absolute; top: 40px; left: 40px; }

.cell-unique { border-color: #ffd700; }
.cell-community { border-color: #70b04a; }
.cell-developer { border-color: #a50f79; }
.cell-normal { border-color: #b2b2b2; }
.cell-selfmade { border-color: #70b04a; }
.cell-vintage { border-color: #476291; }
.cell-rarity4, .cell-unusual, .cell-tournament { border-color: #8650ac; }
.cell-haunted { border-color: #38f3ab; }
.cell-rarity1, .cell-genuine { border-color: #4d7455; }
.cell-strange { border-color: #cf6a32; }
.cell-collectors { border-color: #aa0000; }

.icon-particle { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -100; }

.icon-custom-texture { position: absolute; left: 6px; bottom: 6px; width: 32px; height: 32px; }
.icon-custom-texture.large { width: 128px; height: 128px; }

.paint_splotch {
    position: absolute;
    top: 6px; left: 6px;
    width: 16px;
    height: 16px;
    border-radius: 10px;
}
.paint_splotch.secondary {
    width: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    left: 14px;
}

.crate-series-icon {
    background-color: #000000;
    color: white;
    font-weight: bold;
    position: absolute;
    left: 40px;
    top: 40px;
    font-size: 9px;
    padding: 3px;
    border-radius: 10px;
{'fraction_non_alphanumeric': 0.16461916461916462, 'fraction_numerical': 0.06516397820745647, 'mean_word_length': 3.586967172954434, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '3914607', 'n_tokens_mistral': 4059, 'n_tokens_neox': 3568, 'n_words': 874}