teamfortress.tv Dark Theme (vlr.gg inspired) by fakemanoan

teamfortress.tv Dark Theme (vlr.gg inspired) screenshot
Homepage Install Get Stylus Write a review

Details

Authorfakemanoan

LicenseNo License

Created

Updated

Categoryteamfortress.tv

Statistics

Learn how we calculate statistics in the FAQ.

Total views

Total installs

Weekly installs

Description

Teamfortress.tv (TFTV) newer dark theme based on VLR.gg styling.

Notes

Optional high quality SVG pack for flags and class icons. Available separately on github, as the file is big.

History

Daily snapshots of style statistics.

No style history. Come back in a couple of days.

Source code

/* ==UserStyle==
@name         teamfortress.tv Dark Theme (vlr.gg inspired)
@version      20220911.11.47
@namespace    userstyles.world/user/fakemanoan
@description  Teamfortress.tv (TFTV) newer dark theme based on VLR.gg styling.
@author       fakemanoan
@license      No License
==/UserStyle== */

@-moz-document domain("teamfortress.tv") {
:root {
    --bgcolour: #232529;
    --mgcolour: #2f3337;
    --fgcolour: #40474f;
    --nbcolour: #363636;
    --sbcolour: #394046;
    --sbcolour2: #eaeaea;
    --sbhover: #434A51;
    --sbtitle: #e3e3e3;
    --linkcolour: #9ccbe2;
    --hlcolour: #3e92da;
    --textcolour: #c1c1c1;
    --textcolour2: #d4d4d4;
    --textcolour3: #fff;
    --sbtextcolour: #b4b4b4;
    --tablebgcolour: #40474f;
    --transparent: #0000;
    --article: #40474f;
    --upvote: #76bc87;
    --downvote: #c76b6b;
    --redteam: #c64446;
    --blueteam: #5885a2;
    --tableheader: #2e506b;
    --tf2stream: #2d3235;
    --tf2streamborder: #41474f;
    --postheader: #394046;
    --postbg: #40474f;
    --postinner: #ccc;
    --border: #5b6167;
    --btncolour: #394046;
    --btnaccent: #454c54;
    --btncolour2: #40474f;
    --btnmodaction: #417aaa;
    --btnmodactionhover: #6298c7;
    --fragcount: #22262a;
    --bordercolour: #5b6167;
    --bordercolour2:#95989b;
    --searchbg: #535c65;
    --textarea: #535c65;
    --textareafocus: #40474f;
    --dropdown: #313131;
    --dropdownhover: #444444;
}
.module-item-title.mod-event{
    width:135px;
}
#article-body h1,h2,h3,h4,h5,b,#text{
        color: var(--textcolour2);
}
#article-body a, #article-body p, #article-body ul, #article-body li, #article-body em{
    font-size:14px;
}
.header-nav-item.mod-solo i{
        color:white;
}
.stream-box{
    background:var(--btncolour);
    border: 1px solid var(--btnaccent);
    box-shadow: 0 0 1px 1px rgb(0,0,0,0.4);
    width:244px;
    height:200px;
}
.stream-box.row-end{
    width:244px;
}
.stream-box:hover{
    background:var(--btncolour2);
}
.stream-box img{
    width:244px;
    height:138px;
}
.stream-box .cover{
    width:244px;
    height:138px;
}
.stream-name{
    font-size:16px;
    margin-top:2px;
    margin-left:4px;
}
.stream-title{
    margin-top:2px;
    margin-left:4px;

}
#post-loading {
    background: var(--mgcolour);
}
.form-label-radio {
    background: var(--sbcolour);
    color: var(--textcolour2);
    border-color: var(--bordercolour);
}
input[type="radio"]:checked + label {
    background: var(--btncolour2);
    color: var(--textcolour3);
    border-color: var(--btnaccent);
    box-shadow: 0 1px 13px -1px rgb(0, 0, 0, 0.4);
}
tr td {
    background: var(--btncolour);
    color: var(--textcolour) !important;
}

span.star-0 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80mm' height='77.472mm' version='1.1' viewBox='0 0 80 77.472' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3CradialGradient id='a' cx='73.061' cy='71.431' r='24.723' gradientTransform='matrix(-.041849 1.9306 -1.8914 -.04096 192.24 -59.468)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' offset='0'/%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='1'/%3E%3C/radialGradient%3E%3Cfilter id='b' x='-.057106' y='-.059673' width='1.1142' height='1.1193' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='1.1765035'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='translate(-.73223 -1.0204)' stroke-width='.26458'%3E%3Cpath transform='matrix(.9904 0 0 1 -13.044 -39.045)' d='m78.371 117.12c-4.609 3.2263-19.04-13.427-24.665-13.526-5.6252-0.099-20.633 16.036-25.125 12.65s6.8864-22.257 5.2423-27.637c-1.6441-5.3804-21.627-14.667-19.795-19.986 1.8324-5.3193 23.296-0.32841 27.905-3.5547 4.609-3.2263 7.2661-25.101 12.891-25.002 5.6252 0.09897 7.5111 22.054 12.004 25.44s26.118-0.84627 27.762 4.5341c1.6441 5.3804-18.653 13.958-20.486 19.278s8.8758 24.578 4.2668 27.805z' fill='%237d7d7d'/%3E%3Cpath transform='translate(-13.804 -38.184)' d='m69.406 101.51c-2.972 2.1171-11.511-8.1177-15.159-8.1519-3.6488-0.03418-12.378 10.039-15.309 7.8665-2.9319-2.1724 4.1634-13.456 3.0684-16.936-1.095-3.4808-13.372-8.6695-12.212-12.129 1.1601-3.4597 14.084-0.19837 17.056-2.3154 2.972-2.1171 4.1129-15.397 7.7617-15.363 3.6488 0.03418 4.5408 13.333 7.4726 15.505 2.9319 2.1724 15.914-0.84629 17.009 2.6345 1.095 3.4808-11.277 8.4387-12.437 11.898-1.1601 3.4597 5.7227 14.874 2.7506 16.991z' fill='url(%23a)' filter='url(%23b)' opacity='.78327'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 12px 11px;
    background-repeat: no-repeat;
}
span.star-1 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80mm' height='77.472mm' version='1.1' viewBox='0 0 80 77.472' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3CradialGradient id='a' cx='73.061' cy='71.431' r='24.723' gradientTransform='matrix(-.041849 1.9306 -1.8914 -.04096 192.24 -59.468)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' offset='0'/%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='1'/%3E%3C/radialGradient%3E%3Cfilter id='b' x='-.057106' y='-.059673' width='1.1142' height='1.1193' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='1.1765035'/%3E%3C/filter%3E%3CclipPath id='c'%3E%3Crect x='13.618' y='91.831' width='82.05' height='26.027' rx='.58399' ry='3.7595' fill='%23d6d6d6' opacity='.78327' stroke-width='.26586'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(-.73223 -1.0204)' stroke-width='.26458'%3E%3Cpath transform='matrix(.9904 0 0 1 -13.044 -39.045)' d='m78.371 117.12c-4.609 3.2263-19.04-13.427-24.665-13.526-5.6252-0.099-20.633 16.036-25.125 12.65s6.8864-22.257 5.2423-27.637c-1.6441-5.3804-21.627-14.667-19.795-19.986 1.8324-5.3193 23.296-0.32841 27.905-3.5547 4.609-3.2263 7.2661-25.101 12.891-25.002 5.6252 0.09897 7.5111 22.054 12.004 25.44s26.118-0.84627 27.762 4.5341c1.6441 5.3804-18.653 13.958-20.486 19.278s8.8758 24.578 4.2668 27.805z' fill='%237d7d7d'/%3E%3Cpath transform='matrix(.9904 0 0 1 -13.044 -39.045)' d='m78.371 117.12c-4.609 3.2263-19.04-13.427-24.665-13.526-5.6252-0.099-20.633 16.036-25.125 12.65s6.8864-22.257 5.2423-27.637c-1.6441-5.3804-21.627-14.667-19.795-19.986 1.8324-5.3193 23.296-0.32841 27.905-3.5547 4.609-3.2263 7.2661-25.101 12.891-25.002 5.6252 0.09897 7.5111 22.054 12.004 25.44s26.118-0.84627 27.762 4.5341c1.6441 5.3804-18.653 13.958-20.486 19.278s8.8758 24.578 4.2668 27.805z' clip-path='url(%23c)' fill='%23005fee'/%3E%3Cpath transform='translate(-13.804 -38.184)' d='m69.406 101.51c-2.972 2.1171-11.511-8.1177-15.159-8.1519-3.6488-0.03418-12.378 10.039-15.309 7.8665-2.9319-2.1724 4.1634-13.456 3.0684-16.936-1.095-3.4808-13.372-8.6695-12.212-12.129 1.1601-3.4597 14.084-0.19837 17.056-2.3154 2.972-2.1171 4.1129-15.397 7.7617-15.363 3.6488 0.03418 4.5408 13.333 7.4726 15.505 2.9319 2.1724 15.914-0.84629 17.009 2.6345 1.095 3.4808-11.277 8.4387-12.437 11.898-1.1601 3.4597 5.7227 14.874 2.7506 16.991z' fill='url(%23a)' filter='url(%23b)' opacity='.78327'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 12px 11px;
    background-repeat: no-repeat;
}
span.star-2 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80mm' height='77.472mm' version='1.1' viewBox='0 0 80 77.472' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3CradialGradient id='a' cx='73.061' cy='71.431' r='24.723' gradientTransform='matrix(-.041849 1.9306 -1.8914 -.04096 192.24 -59.468)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' offset='0'/%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='1'/%3E%3C/radialGradient%3E%3Cfilter id='b' x='-.057106' y='-.059673' width='1.1142' height='1.1193' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='1.1765035'/%3E%3C/filter%3E%3CclipPath id='c'%3E%3Crect x='15.078' y='74.19' width='80.298' height='43.668' rx='.58399' ry='3.7595' fill='%23d6d6d6' opacity='.78327' stroke-width='.26586'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(-.73223 -1.0204)' stroke-width='.26458'%3E%3Cpath transform='matrix(.9904 0 0 1 -13.044 -39.045)' d='m78.371 117.12c-4.609 3.2263-19.04-13.427-24.665-13.526-5.6252-0.099-20.633 16.036-25.125 12.65s6.8864-22.257 5.2423-27.637c-1.6441-5.3804-21.627-14.667-19.795-19.986 1.8324-5.3193 23.296-0.32841 27.905-3.5547 4.609-3.2263 7.2661-25.101 12.891-25.002 5.6252 0.09897 7.5111 22.054 12.004 25.44s26.118-0.84627 27.762 4.5341c1.6441 5.3804-18.653 13.958-20.486 19.278s8.8758 24.578 4.2668 27.805z' fill='%237d7d7d'/%3E%3Cpath transform='matrix(.9904 0 0 1 -13.044 -39.045)' d='m78.371 117.12c-4.609 3.2263-19.04-13.427-24.665-13.526-5.6252-0.099-20.633 16.036-25.125 12.65s6.8864-22.257 5.2423-27.637c-1.6441-5.3804-21.627-14.667-19.795-19.986 1.8324-5.3193 23.296-0.32841 27.905-3.5547 4.609-3.2263 7.2661-25.101 12.891-25.002 5.6252 0.09897 7.5111 22.054 12.004 25.44s26.118-0.84627 27.762 4.5341c1.6441 5.3804-18.653 13.958-20.486 19.278s8.8758 24.578 4.2668 27.805z' clip-path='url(%23c)' fill='%23005fee'/%3E%3Cpath transform='translate(-13.804 -38.184)' d='m69.406 101.51c-2.972 2.1171-11.511-8.1177-15.159-8.1519-3.6488-0.03418-12.378 10.039-15.309 7.8665-2.9319-2.1724 4.1634-13.456 3.0684-16.936-1.095-3.4808-13.372-8.6695-12.212-12.129 1.1601-3.4597 14.084-0.19837 17.056-2.3154 2.972-2.1171 4.1129-15.397 7.7617-15.363 3.6488 0.03418 4.5408 13.333 7.4726 15.505 2.9319 2.1724 15.914-0.84629 17.009 2.6345 1.095 3.4808-11.277 8.4387-12.437 11.898-1.1601 3.4597 5.7227 14.874 2.7506 16.991z' fill='url(%23a)' filter='url(%23b)' opacity='.78327'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 12px 11px;
    background-repeat: no-repeat;
}
span.star-3 {
    background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8"%3F%3E%3Csvg width="80mm" height="77.472mm" version="1.1" viewBox="0 0 80 77.472" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Cdefs%3E%3CradialGradient id="a" cx="73.061" cy="71.431" r="24.723" gradientTransform="matrix(-.041849 1.9306 -1.8914 -.04096 192.24 -59.468)" gradientUnits="userSpaceOnUse"%3E%3Cstop stop-color="%23fff" offset="0"/%3E%3Cstop stop-color="%23fff" stop-opacity="0" offset="1"/%3E%3C/radialGradient%3E%3Cfilter id="b" x="-.057106" y="-.059673" width="1.1142" height="1.1193" color-interpolation-filters="sRGB"%3E%3CfeGaussianBlur stdDeviation="1.1765035"/%3E%3C/filter%3E%3C/defs%3E%3Cg transform="translate(-.73223 -1.0204)" stroke-width=".26458"%3E%3Cpath transform="matrix(.9904 0 0 1 -13.044 -39.045)" d="m78.371 117.12c-4.609 3.2263-19.04-13.427-24.665-13.526-5.6252-0.099-20.633 16.036-25.125 12.65s6.8864-22.257 5.2423-27.637c-1.6441-5.3804-21.627-14.667-19.795-19.986 1.8324-5.3193 23.296-0.32841 27.905-3.5547 4.609-3.2263 7.2661-25.101 12.891-25.002 5.6252 0.09897 7.5111 22.054 12.004 25.44s26.118-0.84627 27.762 4.5341c1.6441 5.3804-18.653 13.958-20.486 19.278s8.8758 24.578 4.2668 27.805z" fill="%23d6d6d6"/%3E%3Cpath transform="matrix(.9904 0 0 1 -13.044 -39.045)" d="m78.371 117.12c-4.609 3.2263-19.04-13.427-24.665-13.526-5.6252-0.099-20.633 16.036-25.125 12.65s6.8864-22.257 5.2423-27.637c-1.6441-5.3804-21.627-14.667-19.795-19.986 1.8324-5.3193 23.296-0.32841 27.905-3.5547 4.609-3.2263 7.2661-25.101 12.891-25.002 5.6252 0.09897 7.5111 22.054 12.004 25.44s26.118-0.84627 27.762 4.5341c1.6441 5.3804-18.653 13.958-20.486 19.278s8.8758 24.578 4.2668 27.805z" fill="%23005fee"/%3E%3Cpath transform="translate(-13.804 -38.184)" d="m69.406 101.51c-2.972 2.1171-11.511-8.1177-15.159-8.1519-3.6488-0.03418-12.378 10.039-15.309 7.8665-2.9319-2.1724 4.1634-13.456 3.0684-16.936-1.095-3.4808-13.372-8.6695-12.212-12.129 1.1601-3.4597 14.084-0.19837 17.056-2.3154 2.972-2.1171 4.1129-15.397 7.7617-15.363 3.6488 0.03418 4.5408 13.333 7.4726 15.505 2.9319 2.1724 15.914-0.84629 17.009 2.6345 1.095 3.4808-11.277 8.4387-12.437 11.898-1.1601 3.4597 5.7227 14.874 2.7506 16.991z" fill="url(%23a)" filter="url(%23b)" opacity=".78327"/%3E%3C/g%3E%3C/svg%3E%0A');
    background-size: 12px 11px;
    background-repeat: no-repeat;
}
.game-switch {
    border: 0;
}
.tablesorter-header-inner {
    padding-left: 8px;
    color: var(--textcolour2);
}
.game-stats tr td {
    background: var(--btncolour);
    color: var(--textcolour);
    border: 0 !important;
    padding: 0px 0px;
    box-shadow: 0 0 0!important;
}
li strong{
    font-size:15px;
}
#article-body ul li::before{
    background: var(--textcolour);
}
#inbox-count-inner {
    background: red;
}
#inbox-message td {
    background: var(--mgcolour);
    border-bottom: 1px solid var(--bordercolour);
}
#inbox-message {
    background: var(--fgcolour);
    box-shadow: 0 1px 2px 1px rgb(0, 0, 0, 0.4);
    border-color: var(--bordercolour);
}
#inbox-list td {
    border: 0;
}
#inbox-list tr.unread td {
    background: var(--sbhover) !important;
}
tr.tablesorter-headerRow {
    background: transparent !important;
}
.game-stats th {
    border: 0 !important;
}

.game-stats tr.odd td {
    background: var(--colour);
    color: var(--textcolour);
}
.game-stats-container table:nth-child(3) > thead:nth-child(1) {
    background: var(--redteam) !important;
}
.game-stats-container table:nth-child(4) > thead:nth-child(1) {
    background: var(--blueteam) !important;
}
.game-stats .player {
    border: 0;
}
td.player {
    padding: 6px !important;
}
.game-switch.active {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important;
    background: var(--article);
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #4c545d;
}
.game-switch.active::after {
    background: var(--article);
}
/*.game-switch.active::before{
    content: '';
    background: #4c545d;
    display: block;
    height: 1px;
    width: 100%;
}*/
.vod-btn:hover,
.vod-btn-spoiler:hover {
    border: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
    background: var(--btncolour);
}
.vod-btn,
.vod-btn-spoiler {
    color: var(--textcolour2);
    background: var(--fgcolour);
}
html,
body {
    font-family: 'Roboto', sans-serif;
    background: var(--bgcolour);
    color: var(--fgcolour);
}
a {
    font-size: 13px;
    font-style: normal;
}
.module {
    border: 0;
    background: var(--transparent);
}

div #content {
    font-family: 'Roboto', sans-serif;

    color: #333;
    border: 0;
}
#wrapper {
    background-color: var(--mgcolour);
    background: var(--mgcolour) !important;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.22);
}
#main-feature:hover #main-feature-caption {
    background:rgba(0, 0, 0, .77);
}

.header {
    background: var(--nbcolour);
    background-color: var(--nbcolour);
    z-index: 1;
}
.footer {
    background-color: var(--nbcolour);
    z-index: 1;
}
div.header-nav-item {
    padding-top: 6px;
}
select:focus {
    background: var(--btncolour2);
}
.header-nav-container {
    background: var(--nbcolour);
    background-color: var(--nbcolour);
    height: 50px;
}
div.post::before {
    content: '';
    background: var(--btnaccent);
    display: block;
    height: 1px;
    width: 100%;
}
.thread-frag-btn.plus.clicked {
    border: 0;
}
.thread-frag-btn.plus.clicked #thread-frag-count {
    border: 0;
    border-radius:3px;
}
.thread-frag-btn.minus.clicked {
    border: 0;
}
.header-nav-container-inner {
    height: 50px;
}
.header-nav-item {
    height: 50px;
    padding: 0px 15px;
    background: #363636;
}
.header-nav {
    height: 50px;
    width: 1200px;
    margin-left: -1px;
}
.header-banner {
    height: 0;
}
.header-nav-item-wrapper::before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 3 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke-width='1.491'%3E%3Crect width='3' height='50' fill='%233c3c3c'/%3E%3Crect x='1' width='1' height='50' fill='%231c1c1c'/%3E%3C/g%3E%3C/svg%3E%0A");
    height:52px;
    width:3px;
}
.header-nav-item-wrapper.mod-last::after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 3 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke-width='1.491'%3E%3Crect width='3' height='50' fill='%233c3c3c'/%3E%3Crect x='1' width='1' height='50' fill='%231c1c1c'/%3E%3C/g%3E%3C/svg%3E%0A");;
    height:52px;
    width:3px;
}
.module-item-icon.mod-got{
    margin-top:6px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg clip-rule='evenodd' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='1.5' version='1.1' viewBox='0 0 426 308' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:serif='http://www.serif.com/'%3E%3Cg transform='translate(-154 -203)'%3E%3Cg transform='translate(-.34027 -.29166)'%3E%3Crect x='154.34' y='203.29' width='425.32' height='307.22' fill='none'/%3E%3CclipPath id='a'%3E%3Crect x='154.34' y='203.29' width='425.32' height='307.22'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cg transform='matrix(2.912 0 0 2.8738 101.25 -300.36)'%3E%3Cpath d='m91.699 204.47c9.831 0 17.812 5.687 17.812 12.691s-7.981 12.69-17.812 12.69c-9.83 0-17.811-5.686-17.811-12.69s7.981-12.691 17.811-12.691zm-13.164 15.691c-0.036-0.268-0.055-0.54-0.055-0.814 0-4.891 5.957-8.862 13.294-8.862 7.338 0 13.295 3.971 13.295 8.862 0 0.845-0.178 1.663-0.51 2.438-1.978 3.299-6.903 5.639-12.659 5.639-6.661 0-12.209-3.134-13.365-7.263z' fill='%23e0e0e0' serif:id='inner circle'/%3E%3Cg transform='matrix(.34341 0 0 .34797 -97.304 159.34)'%3E%3Cpath d='m513.46 140.54 78.022 3.386c5.052 4.611 8.571 10.095 10.017 16.074-2.162 7.435-4.568 14.616-8.56 20.217-9.528 13.368-25.297 21.021-40.821 21.248-14.058 0.207-27.871-5.389-39.697-18.11-8.341-8.974-9.082-23.732-9.909-31.277 2.584-4.334 6.324-8.244 10.948-11.538zm-1.424 34.235c-0.107-0.772-0.162-1.552-0.162-2.341 0-14.056 17.347-25.467 38.714-25.467 21.366 0 38.713 11.411 38.713 25.467 0 2.43-0.518 4.782-1.486 7.006-5.759 9.482-20.1 16.206-36.86 16.206-19.399 0-35.555-9.007-38.919-20.871z' fill='url(%23i)' stroke-opacity='0'/%3E%3C/g%3E%3Cg transform='matrix(.34341 0 0 .34797 -97.304 159.34)'%3E%3Cpath d='m504.81 148.73c8.8-11.343 25.914-19.044 45.565-19.044 25.254 0 46.317 12.718 50.928 29.534-24.142-26.913-57.903-29.296-96.493-10.49z' fill='url(%23h)' stroke-opacity='0'/%3E%3C/g%3E%3Cpath d='m91.297 192.59s-0.409 1.05-0.774 1.987c-0.337 0.866-1.135 1.459-2.052 1.525-8.855 0.671-16.643 3.896-21.882 8.619-0.592 0.543-1.396 0.783-2.183 0.652-2.131-0.35-6.198-1.026-6.198-1.026 7.765-7.087 19.695-11.659 33.089-11.757zm-47.55 9.354c10.665-10.891 28.217-18.005 48.046-18.005 0.957 0 1.908 0.017 2.853 0.049l-1.005 2.581c-0.629-0.017-1.261-0.026-1.895-0.026-17.42 0-32.673 6.645-41.013 16.562l-6.986-1.161zm-13.555-2.253c13.088-14.644 35.746-24.331 61.483-24.331 2.107 0 4.194 0.065 6.256 0.193l-0.934 2.398c-1.764-0.105-3.548-0.159-5.35-0.159-23.614 0-44.241 9.234-55.227 22.934l-6.228-1.035z' fill='%23c0c0c0' stroke-opacity='0'/%3E%3Cg transform='matrix(.34341 0 0 .34797 -97.304 159.34)'%3E%3Cpath d='m485.23 108.74c18.646-8.23 40.541-13.041 63.973-13.21 0 0-1.191 3.019-2.253 5.711-0.982 2.489-3.306 4.193-5.974 4.382-8.541 0.639-16.74 2.082-24.445 4.222-11.964-0.232-21.385-0.684-31.244-1.099l-0.057-6e-3zm-48.429-7.123c30.28-19.248 70.167-30.948 113.85-30.948 2.785 0 5.555 0.048 8.307 0.142l-2.927 7.417c-1.831-0.05-3.671-0.076-5.519-0.076-37.11 0-70.844 10.222-95.79 26.87-6.22-0.939-12.357-2.076-17.919-3.405zm-36.11-11.542c38.547-27.248 91.373-44.06 149.61-44.06 6.137 0 12.213 0.187 18.217 0.553l-2.72 6.893c-5.134-0.303-10.331-0.458-15.577-0.458-53.801 0-102.28 16.246-136.15 42.176-4.712-1.54-9.213-3.279-13.38-5.104z' fill='url(%23g)' stroke-opacity='0'/%3E%3C/g%3E%3Cpath d='m112.95 177.64c27.228 6.016 47.777 23.276 51.461 44.35l-9.245-1.536c-1.666-18.738-19.15-34.414-42.973-40.238l0.757-2.576zm-2.492 8.481c20.404 4.941 35.841 17.758 39.407 33.452l-10.515-1.748c-1.427-13.094-13.322-24.113-29.737-28.83l0.845-2.874zm-2.572 8.749c12.828 3.8 22.556 11.987 25.64 21.987 0 0-5.425-0.902-8.176-1.359-0.933-0.155-1.699-0.829-1.982-1.743-2.003-6.23-7.584-11.493-15.116-14.643-0.814-0.336-1.244-1.244-0.993-2.098 0.294-1.009 0.627-2.144 0.627-2.144z' fill='url(%23f)' stroke-opacity='0'/%3E%3Cg transform='matrix(.34341 0 0 .34797 -97.304 159.34)'%3E%3Cpath d='m636.67 144.05c-8.025-12.464-21.42-22.862-38.103-29.747-2.371-0.966-3.622-3.575-2.891-6.029 0.856-2.9 1.827-6.163 1.827-6.163 26.522 7.754 48.493 21.863 62.219 39.679-6.606 1.778-13.712 3.13-23.052 2.26zm36.551-14.216c-15.306-20.097-40.346-36.001-70.69-44.607l2.459-8.259c35.733 8.539 66.235 25.266 87.136 47.057-6.268 2.191-12.574 4.096-18.905 5.809zm27.166-22.556c-22.269-21.731-53.736-38.448-90.344-47.281l2.204-7.401c41.42 9.032 77.532 26.882 104.1 50.501-5.165 1.711-10.175 3.067-15.962 4.181z' fill='url(%23e)' stroke-opacity='0'/%3E%3C/g%3E%3Cpath d='m22.316 211.44 7.432 1.307c-1.143 3.417-1.748 6.983-1.748 10.65 0 17.899 14.422 33.404 35.388 40.868l-4.774 12.261c-23.878-8.815-40.264-26.881-40.264-47.715 0-6.08 1.396-11.925 3.966-17.371zm13.314 2.341 8.914 1.567c-0.358 1.674-0.544 3.388-0.544 5.133 0 12.834 10.043 24.014 24.841 29.781l-5.31 13.637c-18.224-7.242-30.589-21.267-30.589-37.365 0-4.442 0.942-8.726 2.688-12.753zm14.492 2.548s6.261 1.101 8.653 1.521c0.514 0.091 0.889 0.543 0.889 1.071 1e-3 0 1e-3 1e-3 1e-3 1e-3 0 7.038 4.462 13.34 11.482 17.552 1.425 0.851 2.027 2.625 1.42 4.183-1.385 3.593-3.621 9.335-3.621 9.335-12.029-5.504-20.028-15.238-20.028-26.317 0-2.53 0.417-4.991 1.204-7.346z' fill='url(%23d)' stroke-opacity='0'/%3E%3Cg transform='matrix(.34341 0 0 .34797 -97.304 159.34)'%3E%3Cpath d='m339.16 222.63c-1.57-7.507-2.382-15.185-2.382-22.999 0-17.474 4.064-34.27 11.547-49.92l21.644 3.755c-3.328 9.82-5.091 20.069-5.091 30.606 0 6.749 0.723 13.379 2.118 19.856-9.317 5.478-18.598 11.671-27.836 18.702zm40.2-25.551c-0.06-1.323-0.09-2.655-0.09-3.992 0-12.765 2.741-25.077 7.827-36.649l25.956 4.503c-1.042 4.81-1.583 9.737-1.583 14.752 0 2.35 0.119 4.68 0.352 6.988-10.858 4.046-21.683 8.782-32.462 14.398zm46.824-19.355c0.528-4.77 1.58-9.434 3.114-13.964 0 0 18.23 3.163 25.198 4.372 0.869 0.151 1.602 0.653 2.064 1.345-10.147 2.326-20.276 5.025-30.376 8.247z' fill='url(%23c)' stroke-opacity='0'/%3E%3C/g%3E%3Cg transform='matrix(.34341 0 0 .34797 -97.304 159.34)'%3E%3Cpath d='m454.64 241.99c-18.007-15.489-28.845-35.408-28.845-57.125 0-7.273 1.215-14.343 3.508-21.112 0 0 18.23 3.163 25.198 4.372 1.496 0.26 2.589 1.559 2.589 3.078 1e-3 0 1e-3 1e-3 1e-3 1e-3 0 20.227 12.994 38.339 33.437 50.443 4.148 2.444 5.902 7.543 4.135 12.022-0.96 2.456-2.06 5.262-3.179 8.112-10.613 0.968-22.857 1.058-36.844 0.209zm-65.842-8.601c-6.169-12.624-9.523-26.189-9.523-40.309 0-12.765 2.741-25.077 7.827-36.649l25.956 4.503c-1.042 4.81-1.583 9.737-1.583 14.752 0 25.364 13.831 48.48 36.488 65.838-17.196-1.352-36.857-4.031-59.165-8.135z' fill='url(%23b)' stroke-opacity='0'/%3E%3C/g%3E%3Cpath d='m120.19 230c0.553-0.732 1.462-1.091 2.359-0.934 3.277 0.568 10.821 1.894 10.821 1.894-3.153 9.516-12.342 17.333-24.458 21.194 13.066-3.585 23.364-11.138 27.963-20.577l12.903 2.268c-3.831 15.999-20.016 28.952-41.175 33.515 22-4.352 39.239-16.965 44.794-32.879l10.868 1.911c-5.058 25.914-35.653 45.867-72.59 45.867-3.165 0-6.284-0.147-9.344-0.431 0 0 8.686-29.557 11.126-37.86 0.375-1.274 1.478-2.187 2.784-2.305 10.325-0.977 19.111-5.438 23.949-11.663z' fill='url(%23m)' stroke-opacity='0'/%3E%3Cg transform='matrix(.34341 0 0 .34797 -97.304 159.34)'%3E%3Cpath d='m552.04 254.8 3.455-11.604c1.091-3.661 4.304-6.285 8.108-6.624 30.065-2.806 55.651-15.627 69.737-33.517 1.612-2.103 4.259-3.137 6.869-2.684 9.545 1.632 31.512 5.444 31.512 5.444-4.232 12.606-12.201 24.176-23.017 34.071-29.819 8.752-62.749 13.478-96.664 14.914z' fill='url(%23l)' stroke-opacity='0'/%3E%3C/g%3E%3Cg transform='matrix(.34341 0 0 .34797 -97.304 159.34)'%3E%3Cpath d='m616.35 261.6c30.457-11.521 54.102-30.779 65.573-54.013l37.574 6.519c-0.149 0.616-0.305 1.231-0.47 1.849-10.615 32.951-46.601 52.836-99.793 62.82l-2.884-17.175z' fill='url(%23k)' stroke-opacity='0'/%3E%3C/g%3E%3Cg transform='matrix(.34341 0 0 .34797 -97.304 159.34)'%3E%3Cpath d='m687.03 272.46c20.412-15.786 35.439-35.115 43.01-56.523l31.648 5.491c-0.237 1.199-0.493 2.394-0.77 3.589-12.265 19.346-39.532 36.837-73.888 47.443z' fill='url(%23j)' stroke-opacity='0'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='i' x2='1' gradientTransform='matrix(3.6145e-15 59.029 -36.335 2.2249e-15 549.2 140.6)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='0'/%3E%3Cstop stop-color='%23fff' stop-opacity='.44' offset='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' x2='1' gradientTransform='matrix(6.6486e-16 10.858 -3.3234 2.035e-16 550.37 129.68)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='0'/%3E%3Cstop stop-color='%23fff' stop-opacity='.2' offset='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x2='1' gradientTransform='matrix(72.422 -54.682 54.682 72.422 444.79 107.27)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='.45' offset='0'/%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x2='1' gradientTransform='matrix(-33.964 -18.631 13.971 -26.15 164.41 220.85)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23148af9' offset='0'/%3E%3Cstop stop-color='%230469f6' offset='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x2='1' gradientTransform='matrix(24.824 26.427 -20.053 18.836 622.51 107.27)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='0'/%3E%3Cstop stop-color='%23fff' stop-opacity='.15' offset='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x2='1' gradientTransform='matrix(-35.331 -65.086 74.576 -41.565 58.168 276.52)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231577f7' offset='0'/%3E%3Cstop stop-color='%230957f0' offset='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x2='1' gradientTransform='matrix(-48.98 -29.733 29.733 -48.98 402.36 186.17)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='.07' offset='0'/%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x2='1' gradientTransform='matrix(-15.478 -71.973 53.414 -11.487 431.54 235.73)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='.1' offset='0'/%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='m' x2='1' gradientTransform='matrix(66.345 -43.971 27.945 43.291 82.494 281.94)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23c6c6c6' offset='0'/%3E%3Cstop stop-color='%23d3d3d3' offset='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='l' x2='1' gradientTransform='matrix(-96.141 28.038 -12.776 -43.807 670.58 217.66)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23e9e9e9' offset='0'/%3E%3Cstop stop-color='%23e8e8e8' stop-opacity='0' offset='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='k' x2='1' gradientTransform='matrix(-93.005 -.64965 .44836 -64.188 717.79 228.18)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23dfdfdf' offset='0'/%3E%3Cstop stop-color='%23dfdfdf' stop-opacity='0' offset='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='j' x2='1' gradientTransform='matrix(-74.658 49.187 -37.239 -56.523 761.68 223.27)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23ddd' offset='0'/%3E%3Cstop stop-color='%23d4d4d4' stop-opacity='.41' offset='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
i.fa.fa-home {
    width: 220px;
    height: 40px;
    color: var(--transparent);
    text-shadow: 0 0 0 var(--transparent);
    background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8"%3F%3E%3C!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"%3E%3Csvg clip-rule="evenodd" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="1.5" version="1.1" viewBox="0 0 741 107" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/"%3E%3Cg transform="translate(-33.395 -67.733)"%3E%3Crect x="33.395" y="67.733" width="740.44" height="106.9" fill="none"/%3E%3CclipPath id="a"%3E%3Crect x="33.395" y="67.733" width="740.44" height="106.9"/%3E%3C/clipPath%3E%3Cg clip-path="url(%23a)"%3E%3Cg transform="translate(15.439 -106.89)"%3E%3Cpath d="m91.699 204.47c9.831 0 17.812 5.687 17.812 12.691s-7.981 12.69-17.812 12.69c-9.83 0-17.811-5.686-17.811-12.69s7.981-12.691 17.811-12.691zm-13.164 15.691c-0.036-0.268-0.055-0.54-0.055-0.814 0-4.891 5.957-8.862 13.294-8.862 7.338 0 13.295 3.971 13.295 8.862 0 0.845-0.178 1.663-0.51 2.438-1.978 3.299-6.903 5.639-12.659 5.639-6.661 0-12.209-3.134-13.365-7.263z" fill="%23e8e9ea" serif:id="inner circle"/%3E%3Cpath d="m91.297 192.59s-0.516 1.324-0.905 2.325c-0.26 0.664-0.88 1.118-1.592 1.164-9.141 0.624-17.172 3.97-22.475 8.883-0.413 0.391-0.985 0.566-1.546 0.473-1.982-0.325-6.571-1.088-6.571-1.088 7.765-7.087 19.695-11.659 33.089-11.757zm-47.55 9.354c10.665-10.891 28.217-18.005 48.046-18.005 0.957 0 1.908 0.017 2.853 0.049l-1.005 2.581c-0.629-0.017-1.261-0.026-1.895-0.026-17.42 0-32.673 6.645-41.013 16.562l-6.986-1.161zm-13.555-2.253c13.088-14.644 35.746-24.331 61.483-24.331 2.107 0 4.194 0.065 6.256 0.193l-0.934 2.398c-1.764-0.105-3.548-0.159-5.35-0.159-23.614 0-44.241 9.234-55.227 22.934l-6.228-1.035z" fill="%23e8e9ea" stroke-opacity="0"/%3E%3Cpath d="m112.95 177.64c27.228 6.016 47.777 23.276 51.461 44.35l-9.245-1.536c-1.666-18.738-19.15-34.414-42.973-40.238l0.757-2.576zm-2.492 8.481c20.404 4.941 35.841 17.758 39.407 33.452l-10.515-1.748c-1.427-13.094-13.322-24.113-29.737-28.83l0.845-2.874zm-2.572 8.749c12.828 3.8 22.556 11.987 25.64 21.987 0 0-5.77-0.959-8.427-1.401-0.799-0.133-1.45-0.715-1.671-1.495-1.927-6.275-7.481-11.588-15.013-14.78-0.905-0.377-1.381-1.375-1.105-2.315 0.275-0.97 0.576-1.996 0.576-1.996z" fill="%23417fc2" stroke-opacity="0"/%3E%3Cpath d="m22.316 211.44 7.432 1.307c-1.143 3.417-1.748 6.983-1.748 10.65 0 17.899 14.422 33.404 35.388 40.868l-4.774 12.261c-23.878-8.815-40.264-26.881-40.264-47.715 0-6.08 1.396-11.925 3.966-17.371zm13.314 2.341 8.914 1.567c-0.358 1.674-0.544 3.388-0.544 5.133 0 12.834 10.043 24.014 24.841 29.781l-5.31 13.637c-18.224-7.242-30.589-21.267-30.589-37.365 0-4.442 0.942-8.726 2.688-12.753zm14.492 2.548s6.24 1.097 8.642 1.519c0.52 0.092 0.9 0.545 0.9 1.074h1e-3c0 6.983 4.392 13.241 11.317 17.453 1.521 0.921 2.16 2.802 1.515 4.459-1.388 3.602-3.551 9.158-3.551 9.158-12.029-5.504-20.028-15.238-20.028-26.317 0-2.53 0.417-4.991 1.204-7.346z" fill="%23417fc2" stroke-opacity="0"/%3E%3Cpath d="m119.56 230.77c0.987-1.195 2.54-1.767 4.066-1.499 3.613 0.611 9.741 1.688 9.741 1.688-3.153 9.516-12.342 17.333-24.458 21.194 13.066-3.585 23.364-11.138 27.963-20.577l12.903 2.268c-3.831 15.999-20.016 28.952-41.175 33.515 22-4.352 39.239-16.965 44.794-32.879l10.868 1.911c-5.058 25.914-35.653 45.867-72.59 45.867-3.165 0-6.284-0.147-9.344-0.431 0 0 8.178-27.827 10.893-37.066 0.51-1.734 2.013-2.992 3.811-3.187 9.553-1.071 17.713-5.139 22.528-10.804z" fill="%23e8e9ea" stroke-opacity="0"/%3E%3C/g%3E%3Cg transform="translate(15.713 -106.96)" serif:id="tftv words"%3E%3Cg transform="translate(0 -.031902)"%3E%3Cpath d="m664.82 214.83h11.006c0.338 0.622 3.545-21.076-17.56-21.123-14.095-0.031-17.339 11.403-17.104 18.744 0.213 6.704 2.211 11.839 6.274 15.439 1.375 1.219 5.501 3.885 6.92 4.696 7.391 4.227 10.176 8.493 9.71 13.72-0.538 6.035-2.505 6.888-5.8 6.901-4.22 0.018-6.045-2.229-6.064-6.901-0.011-2.573 0-5.57 0-5.57h-11.04v5.57c0 4.996 0.995 17.809 17.104 17.809 14.294 0 17.631-9.243 17.56-18.592-0.029-3.795 0.33-13.167-11.76-19.683-6.185-3.334-11.125-7.403-10.765-14.197 0.206-3.885 0.976-7.175 5.453-7.175 7.21 0 6.066 10.362 6.066 10.362zm-39.851 0h11.006c0.338 0.622 3.545-21.076-17.56-21.123-14.095-0.031-17.339 11.403-17.105 18.744 0.214 6.704 2.212 11.839 6.275 15.439 1.375 1.219 5.501 3.885 6.92 4.696 7.391 4.227 10.176 8.493 9.71 13.72-0.538 6.035-2.505 6.888-5.8 6.901-4.22 0.018-6.045-2.229-6.064-6.901-0.011-2.573 0-5.57 0-5.57h-11.041v5.57c0 4.996 0.996 17.809 17.105 17.809 14.294 0 17.631-9.243 17.56-18.592-0.029-3.795 0.33-13.167-11.76-19.683-6.185-3.334-11.125-7.403-10.765-14.197 0.206-3.885 0.976-7.175 5.453-7.175 7.21 0 6.066 10.362 6.066 10.362zm-297.14 26.937 7.941-47.36h5.379v-0.09h11.305v69.035h-11.305v-41.342l-8.043 41.431h-8.911l0.015-0.089h-2.477l-8.437-40.864v40.864h-10.501v-69.035h16.482l8.552 47.45zm211.26-47.449c10.221-0.093 16.837 4.462 16.956 17.419v4.828c0 2.558-0.308 9.682-7.561 13.003 4.705 2.374 7.484 7.235 7.561 15.591v2.453c0 15.707 0.848 13.616 1.164 15.741h-12.093c-0.49-2.176-1.199 1e-3 -1.199-15.741h3e-3v-5.073c0-3.189-2.081-6.341-4.831-6.341h-6.473v27.155h-12.092v-69.035h18.565zm-80.916-1e-3c10.221-0.093 16.838 4.461 16.956 17.418v4.828c0 2.559-0.307 9.683-7.561 13.003 4.706 2.374 7.485 7.236 7.561 15.592v2.453c0 15.706 0.848 13.616 1.164 15.741h-12.092c-0.491-2.177-1.199 0-1.199-15.741h3e-3s-1e-3 0-1e-3 -5.073c0-3.19-2.08-6.341-4.831-6.341h-6.472v27.155h-12.093v-69.035h18.565zm-25.804 16v37.035c0 6.932-4.623 16-14.242 16h-7.459c-9.62 0-14.243-9.068-14.243-16v-37.035c0-6.932 4.623-16 14.243-16h7.459c9.619 0 14.242 9.068 14.242 16zm58.997-4.942h-12.233v-11.058h36.417v11.058h-12.091v57.977h-12.093v-57.977zm72.095 57.977v-69.035h32.463v11.058h-20.371v17.599h16.116v11.058h-16.116v18.262h20.371v11.058h-32.463zm-372.54-57.977h-12.233v-11.058h73.868v11.058h-49.542v57.977h-12.093v-57.977zm29.231 57.977v-47.044l12.093-7.96v14.438h16.129v11.058h-16.129v18.45h20.226v11.058h-32.319zm152.65-38.66h16.875l-5.035 11.015h-11.84v27.645h-12.093v-47.044l12.093-7.96v16.344zm-86.898-30.375 11.963 69.035h-12.658l-2.176-13.62h-12.963l-2.176 13.62h-11.658l11.963-69.035h17.705zm122.62 53.072c0.021 3.221 2.647 5.83 5.879 5.83 3.245 0 5.879-2.63 5.879-5.868v-37.033c0-3.239-2.634-5.868-5.879-5.868s-5.879 2.629-5.879 5.868v37.033 0.038zm-131.97-38.22-4.81 30.105h9.621l-4.811-30.105zm262.54-3.73h-6.473v19.319h6.505c2.734-0.017 4.799-2.256 4.799-4.996v-9.328c0-2.75-2.081-4.98-4.831-4.98v-0.015zm-80.916-2e-3h-6.472v19.32h6.504c2.735-0.018 4.8-2.256 4.8-4.996v-9.328c0-2.751-2.081-4.98-4.832-4.98v-0.016zm-64.144-11.189h-33.326v11.016h28.291l5.035-11.016z" fill="url(%23c)"/%3E%3C/g%3E%3Cpath d="m729.65 194.31 8.801 53.072 8.8-53.072h11.261l-11.7 69.023-5.715 6e-3v6e-3l-2.762-3e-3 -2.531 3e-3 1e-3 -6e-3 -6.726-6e-3 -9.825-57.965h-15.701v57.998h-12.093v-57.998h-12.137v-11.058h50.327z" fill="url(%23b)"/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id="c" x2="1" gradientTransform="matrix(4.2271e-15 -69.034 9.7696 5.9822e-16 439.6 263.35)" gradientUnits="userSpaceOnUse"%3E%3Cstop stop-color="%23e5e7e8" offset="0"/%3E%3Cstop stop-color="%23c7c7c7" offset="1"/%3E%3C/linearGradient%3E%3ClinearGradient id="b" x2="1" gradientTransform="matrix(4.2271e-15 -69.034 60.2 3.6862e-15 718.92 263.35)" gradientUnits="userSpaceOnUse"%3E%3Cstop stop-color="%23417ebf" stop-opacity=".77" offset="0"/%3E%3Cstop stop-color="%23094d8a" stop-opacity=".77" offset="1"/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A');
    background-size: 100% 100%;
    padding-top: 15px;
    margin-top: -3px;
}
.header-logo {
    height: 0;
}
#privacy {
    color: var(--textcolour2);
}
#forum-rules {
    color: var(--textcolour2);
}
div#content {
    background-color: var(--mgcolour);
    background: var(--mgcolour) !important;
    color: var(--textcolour2);
    padding: 0;
}
.server-table td {
    font-size: 11px;
}
td {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.22);
}
#article-wrapper {
    margin-top: -20px;
    padding: 0px 30px;
    padding-bottom: 12px;
    box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.4);
    background: var(--fgcolour);
}
#main-feature {
    margin-bottom: 2px;
    width: 428px;
}
#main-feature img {
    width: 100%;
    height: 100%;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.22);
}
#main-feature-caption {
    margin-top: -60px;
    height: 61px;
    position: absolute;
    background: #00000091;
}
#main-feature-title-wrapper {
    color: var(--textcolour2);
    font-size: 18px;
    text-shadow: -1px 0px 3px #000000d1,
    1px 0px 3px #000000d1,
    1px 0px 3px #000000d1,
    -1px 0px 3px #000000d1;
}
img {
    background: var(--mgcolour);
}
#main-feature-desc {
    color: var(--textcolour2);
    text-shadow: -1px 0px 2px #000000d1,
    1px 0px 2px #000000d1,
    1px 0px 2px #000000d1,
    -1px 0px 2px #000000d1;
}
#main-feature-mask {
    width: 100%;
    height: 75%;
}
.sub-feature-caption {
    height: 89px;
    width: 270px;
    margin-left: 158px;
    padding: 0px;
    padding-left:20px;
    
    font-weight: normal;
    margin-top: -89px;
display: flex;
  justify-content: center;
  align-items: center;
}
.sub-feature-title{
    padding-top:4px;
    padding-right:20px;
    flex: 0 0 260px;
    font-size: 15px;
    color: #c1c1c1;
    white-space: normal;
    overflow:hidden;
    word-wrap: break-word;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.sub-feature:hover .sub-feature-caption{
    background: var(--btncolour);
}
.sub-feature img {
    box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.4);
}
.sub-feature-mask {
    width: 160px;
    right: -154px;
    top: 13px;
    left:-5px;
    height: 90px;
}
.sub-feature {
    text-align: left;
    float: none;
}
.sub-feature:hover {
    text-align: left;
    float: none;
    background: red;
}
.sub-feature.first {
    margin-left: 5px;
}
#stream-table td:nth-child(5){
    padding-right:5px;
}
#stream-table td:nth-child(1){
    padding-left:5px;
}
#stream-table td:first-child img{
    background:var(--hlcolour);
    padding:1px;
}
#article-list li {
    height: 48px;
    border-bottom: 1px solid var(--bordercolour);
    margin-left: -10px;
    margin-right: -10px;
}
#article-list li:hover {
    background: var(--btncolour);
}
#article-list a {
    color: var(--textcolour2) !important;
    font-weight: 500;
    padding: 0;
    padding-left: 15px;
    padding-top: 10px;
    height:100%;
}
#features-container {
    width: 425px !important;
}
div#article-list:before{
    content:'Past News Articles';
    font-size:13px;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:5px;
    font-variant: petite-caps;
    width:100%;
    display:inline-block;
    background:var(--mgcolour);
    border-bottom:1px solid #4c545d;
}
div#article-list {
    width: 325px;
    height: 551px;
    right: 0px;
    position: absolute;
    background: var(--article);
    padding-top:0;
}
div {
    color: var(--textcolour);
}
.form-label {
    padding-top: 5px;
    color: var(--textcolour2);
    font-size: 12pt;
}
.form-hint {

    padding-bottom: 2px;
}
select {
    margin-bottom: 2px;
}
span.news-item-title {
    font-weight: 600;
}
span.news-item-txt-container {
    width: 251px;
    height: 100%;
}
span.news-item-count-num {
    color: var(--textcolour);
    font-weight: normal;
    text-align: right;
    font-size: 12px;
    padding-right: 12px;
}
span.news-item-count {
    float: right;
    margin: 0;
    background: var(--transparent);
}
a.module-item.mod-featured {
    background: var(--tf2stream);
    border-left: solid 3px var(--hlcolour)!important;
    border-bottom: solid 1px var(--tf2streamborder);
    /* inset box shadow */
}
a:link,
a:visited,
a:active {
    color: var(--linkcolour);
}
.module-header {
    background: var(--transparent) !important;
    background-color: var(--transparent) !important;
    height: 30px;
    text-align: left;
    padding-left: 3px;
    border-bottom: 0px !important;
    box-shadow: 0 0 0 0;
    z-index: auto;
    text-shadow: 0 0 0;
}
.module-header:hover {
    background: var(--transparent) !important;
    background-color: var(--transparent) !important;
    height: 30px;
    text-align: left;
    padding-left: 3px;
    border: 0;
    box-shadow: 0 0 0 0;
    text-decoration: underline;
}
#h-s-header {
    background: var(--tableheader);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.22);
}
#schedule-table td:first-child {
    color: var(--textcolour2);
    border-left: 1px solid #5b6167;
    border-right: 1px solid #5b6167;
}
#schedule-table td:nth-child(2) {
    color: var(--textcolour2);
    border-right: 1px solid #5b6167;
}
.list-table td {
    color: var(--textcolour2);
    border-color: #5b6167 !important;
    box-shadow:0 0 0!important;
}
.list-table tr:last-child td:last-child {
    border-bottom: 1px solid #5b6167;
}

#schedule-table td:first-child {
    border-bottom: 1px solid #5b6167;
}
#gallery-name {
    color: var(--textcolour2);
}
#photo-strip{
    background: var(--fgcolour);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
}
#photo-strip img{
    border:2px solid var(--bordercolour2);
}
#photo{
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
}
#photo-info {
    color:var(--textcolour2);
}
#photo-caption{
    background: var(--fgcolour);
    color: var(--textcolour2);
    font-size:14px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
    border:0;
}
#schedule-table td {
    border-bottom: 1px solid #5b6167;
    border-right: 1px solid #5b6167;
}
.list-table td {
    border-bottom: 1px solid #5b6167;
}
.module-filter-menu {
    line-height: 14px;
    font-size: 15px;
    background: var(--fgcolour);
    color: var(--textcolour2);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
    border-bottom: 0;
}
#event-info .event-section {
    border-right: 0;
    background-color: var(--sbcolour);
}
#event-desc {
    border-top: 0;
    background-color: var(--tablebgcolour);
}
a.module-header {
    color: var(--sbtitle) !important;
    font-size: 12px;
    border-bottom: 1px solid #4c545d !important;
}
a.module-item {
    line-height: 22px;
    background: var(--sbcolour);
    border-bottom: 1px solid #4c545d;
    box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.4);
}
a.module-item:hover {
    background: var(--sbhover);
}
a.module-item > :first-child {
    border-radius: 3px;
}
a.module-item.mod-last {
    border-bottom: 0;
    border-radius: 0;
}
e-item.mod-last:hover {
    border-radius: 0;
    border-bottom: 0;
}
.thread-header-title {
    color: var(--textcolour2);
    display: flex;
    padding-left: 25px;
    padding-top: 18px;
}
.thread-header-desc {
    color: var(--textcolour);
    display: block;
    padding-left: 25px;
    padding-bottom: 22px;
}
div#thread-list {
    width: 760px;
    background: var(--fgcolour);
    padding: 0px 0px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.22);
    border: 0;
}
div.thread-inner {
    padding: 1px 7px;
    border-top: 1px solid var(--bordercolour);
}
.action-container {
    margin-top: 2px;
    margin-bottom: 10px;
}
div.thread {
    min-height: 56px;
    height: auto;
    margin-bottom: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: var(--textcolour2);

}
div.thread:hover {
    background: var(--searchbg);
}
#search-bar {
    height: 42px;
}
div.blockr.pages {
    font-size: 12px;
    width: 150px;
    border: 0;
    color: var(--textcolour);
    padding:0;
    margin-top:9px;
    padding-right: 2px;
}
.blockr.pages .post-count {
    color: var(--textcolour) !important;
}
.block.frag .frag-count {
    color: var(--sbtextcolour);
    font-weight: normal;
}
.blockr.post-count {
    color: var(--textcolour2) !important;
}
.thread-frag-btn.plus #thread-frag-count {
    background: var(--fragcount);
    border-radius:3px;
}
div.blockr.last-info {
    width: 140px;
    font-size: 12px;
    border: 0;
    margin-top: 9px;
    padding:0;
    padding-top:0;
    padding-right: 6px;
    height: 100% !important;
}
div.post-body {
    color: var(--textcolour2) !important;
}
div.post-footer {
    background: var(--postbg);
    color: var(--sbtextcolour);
    border: 0;
}
.btn,
a.btn {
    font-weight: 500;
    height: 42px;
    line-height: 42px;
    font-size: 11px;
    box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.4) !important;
    border-radius: 3px;
    border: 0 !important;
    background: var(--btncolour);
    color: var(--linkcolour);
    position: relative;
}
.btn:not(.clicked):not(:active)::before {
    background: var(--btnaccent) !important;
    top: 0px;
    left: 1px;
    height: 1px;
    width: calc(100% - 3px);
    position: absolute;
    content: '';
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.tab-opt.active,
.tab-opt:active {
    font-weight: normal;
}
.thread-frag-btn.plus.clicked:hover {
    background: #78b186;
}
.thread-frag-btn.minus.clicked:hover {
    background: #b36060;
}
.btn.is-clicked {
    background: var(--btncolour) !important;
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.25) !important;
}
.btn.is-clicked:hover {
    background: var(--btncolour2) !important;
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.25) !important;
}
.btn:focus:hover {
    background: var(--btncolour) !important;
}
.btn.is-clicked::before {
    width: 0;
}
.btn:not(.mod-active):active {
    background: var(--btncolour2);
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.45);
}
.btn.mod-action:hover,
.btn.mod-action:focus {
    background: var(--btnmodactionhover) !important;
}
.btn.mod-action::before {
    height: 0 !important;
}
.btn.mod-action {
    background: var(--btnmodaction) !important;
    color: var(--textcolour3);
}
.btn.mod-active:hover {
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.25) !important;
}
.btn:hover:active {
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.25) !important;
}
.btn:hover {
    background: var(--btncolour2);
}
.btn:not(.mod-active):hover {
    background: var(--btncolour2);
}
.btn.mod-active {
    background: var(--btncolour2);
    color: var(--textcolour2);
}
.btn.mod-action {
    border: 0;
}
.btn.mod-action:hover,
.btn.mod-action:focus {
    border: 0;
}
div.post {
    background: var(--postbg);
}
.list-table th {
    background: var(--tableheader);
    font-size: 12px;
}
table.list-table {
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.22);
}
.forum-group-header {
    color: var(--textcolour);
    font-weight: 500;
    font-size: 18px;
    margin-left: 17px;
    text-transform: none;
}
.forum-header {
    color: var(--textcolour);
    padding: 15px;
    padding-bottom: 7px;
}
.block.sub {
    padding-left: 6px;
}
.sub-btn {
    background: transparent;
    border: 0;
    box-shadow: 0 0 0;
    border-radius: 0;

    color: var(--textcolour2);
}
.sub-btn .fa {
    font-size: 16px;
    width: 16px;
    height: 16px;
}
.sub-btn.active {
    background: transparent;
    border: 0;
    box-shadow: 0 0 0;
    border-radius: 0;
    color: var(--hlcolour);
}
i.fa-check {
    text-shadow: -1px 0px 1px #00000029,
    1px 0px 1px #00000029,
    1px 0px 1px #00000029,
    -1px 0px 1px #00000029;
}
div.forum-container {
    background: var(--fgcolour);
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 22px;
    padding: 0px;
    padding-bottom: 0px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.22);
}
div.subforum {
    margin: 0px;
    height: 60px;
    padding-right: 15px;
    padding-left: 10px;
    border-top: 1px solid var(--border);
    font-size: 12px;
}
div.subforum:hover {
    background: var(--searchbg);
}
a.subforum-title {
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 5px;
}
span.js-date-toggle {
    padding-top: 2px;
}
input[type="search"]:focus {
    background: var(--textareafocus) !important;
    border: 1px solid #85b6e0 !important;
}
input[type="text"],
input[type="search"],
select,
textarea {
    margin-bottom: 0;
    color: var(--textcolour3);
}
.form-hint {
    color: var(--textcolour2);
    font-size: 12px;
}
span.module-item-flag {
    margin-top: 7px;
}
span.module-item-title {
    font-size: 11px;
    color: var(--sbtextcolour) !important;
}
span.module-item-title-sub {
    color: var(--sbtextcolour);
}
.module-item.mod-divider {
    border-bottom: 0;
}
.stream-name {
    color: var(--sbtextcolour);
     overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.stream-title {
    color: var(--sbtextcolour);
    overflow:hidden;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.card {
    background: var(--article);
    border: 0;
    box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.4);
}
span.module-item-icon {
    margin-top: 4px;
}
span.module-item-status {
    margin-top: 7px;
}
div.post-header {
    background: var(--postheader);
    color: var(--textcolour2);
    height: 35px;
    padding-top: 11px;
}
a.post-author {
    color: var(--textcolour);
    font-weight: 500;
    font-size: 12px;
}
a.post-action {
    font-size: 11px;
}
div.post {
    border: 0;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
    margin-bottom: 9px;
}

.post-body p,  table .spoiler:hover{
    color: var(--textcolur2);
}
.post-body q, table q {
    border: 0;
    border-left: 2px solid var(--textcolour);
    color: var(--textcolour);
    background: var(--btncolour);
}
.post-frag-btn.plus.clicked::before{
    top:-5px;
}
.post-frag-btn.minus.clicked::before {
    top:-4px;   
}
div#thread-container {
    border: 0;
}
#post-editor {
    color: var(--textcolour2);
    border: 1px solid var(--bordercolour);
    background: var(--textarea2)
}
#post-editor.is-focused {
    border: 1px solid white;
}
#post-editor-header {
    background: var(--postheader);
    color: var(--textcolour2);
}
#post-editor-text {
    color: var(--textcolour2);
}
.thread-header-desc a {
    font-weight: 500;
}
div.thread-header {
    background: var(--fgcolour);
    margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    height: auto;
    min-height: 84px;
    box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.4);
}
div.thread-header::before,
div.thread.first::before,
#event-container.card::before,
div.forum-container::before
{
    content: '';
    background: #4c545d;
    display: block;
    height: 1px;
    width: 100%;
}
.clearfix {
    margin-bottom: 10px !important;
}
.block.main .tag{
    display:table;
    text-transform: uppercase;
    float:initial;
}
.block.main .tag::after{
    content: "\A";
    white-space: nowrap;
}
.block.main .description {
    padding-bottom: 11px;
}
.header-banner-inner {
    height: 0;
}
.block.main .title {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    display: inline-block;
    padding-top: 1px;
}
.module-item-count {
    font-size: 12px;
}
.profile-table td {
    color: var(--textcolour2) !important;
}
td {
    color: var(--textcolour2) !important;
}
.v-form-area {
    margin-bottom: 10px !important;
}
#inbox-used-storage {
    color: var(--textcolour2) !important;
}
input[type="text"],
input[type="search"],
select,
textarea {
    background: var(--textarea);
    border: 1px solid #535c65;
    box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.5);
}
textarea:focus {
    background: var(--textareafcous)
}
#post-editor-header-preview,
#post-editor-header-edit {
    background: var(--mgcolour) !important;
}
#search-bar {
    color: var(--textcolour2)
}
#search-bar:focus {
    background: var(--mgcolour)
}
.post-body code, table code {
    color: var(--textcolour);
    background: var(--btncolour);
}
.filter-menu {
    background: var(--dropdown);
    border: 0;
    box-shadow: 0 0.5px 2px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    width: auto;
    height: auto;
    padding: 5px 0;
}
.filter-menu a {
    line-height: 1;
    padding: 10px 15px;
    font-size: 11px;
}
.filter-menu a:hover {
    background: var(--dropdownhover);
    line-height: 1;
    padding: 10px 15px;
    font-size: 11px;
}

.vs-info {
    color: var(--textcolour);
}

.post-editor-header-action.hover {
    color: var(--textcolour);
}
.gallery-info {
    background: var(--btncolour);
    color: var(--textcolour);
     box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4);
}
.gallery-block-wrapper a.gallery-block:hover .gallery-info {
    background: var(--searchbg);
}
.gallery-block{
        border:0;
}
.gallery-name {
    color: var(--textcolour2);
}
.block.frag i {
    font-size: 22px;
}
.fa-long-arrow-up::before {
    content: "\f0d8";
}
.block.frag .plus-frag {
    height: auto;
    min-height: 22px;
}
.block.frag .minus-frag {
    height: auto;
    min-height: 22px;
}
.fa-long-arrow-down::before {
    content: "\f0d7";
}
.block.frag .minus-frag i {
    top: 0;
}
.frag-container {
    margin-top: 0px !important;
    margin-right: 10px;
}
.frag-count {
    font-size: 11px !important;
    line-height: 1;
    margin-top: -7px !important;
}
.plus-frag.clicked i {
    color: var(--upvote);
}
.minus-frag.clicked i {
    color: var(--downvote);
}
.block.frag.minused .frag-count {
    color: var(--textcolour);
}
.block.frag.plused .frag-count {
    color: var(--textcolour);
}
.module-item-icon.mod-tf2 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m32.012 61.336c-0.54694-0.20461-0.88397-0.68865-0.8834-1.2688 1.72e-4 -0.19913 0.18758-1.6883 0.41641-3.3092 0.22883-1.6209 0.75876-5.4102 1.1776-8.4205 0.41886-3.0103 0.80007-5.6119 0.84714-5.7813 0.13594-0.48922 0.53719-0.77414 1.3925-0.98874 2.8117-0.70551 5.2206-2.5676 6.6771-5.1613 0.31691-0.56435 0.68806-0.82571 1.1726-0.82571 0.18883 0 3.3091 0.4177 6.9339 0.92823 10.843 1.5272 10.679 1.5023 10.96 1.6631 0.14303 0.08203 0.34771 0.3188 0.45484 0.52615 0.24786 0.4797 0.21856 0.71952-0.2621 2.1453-1.4809 4.3928-3.7273 8.1025-6.8765 11.356-5.4799 5.6612-12.737 8.9076-20.537 9.1875-0.80103 0.02875-1.3072 0.01133-1.4729-0.05067zm-8.5851-1.3263c-3.7941-1.1979-7.3809-3.1993-10.437-5.8236-1.0649-0.91452-2.9818-2.9-3.8581-3.996-1.4581-1.8238-2.6119-3.6701-3.6765-5.8832-1.6588-3.4483-2.5905-6.9724-2.8685-10.851-0.15856-2.2119-0.083125-2.6646 0.51866-3.1126 0.43521-0.32397 0.54427-0.31708 5.0869 0.32112 2.4072 0.33819 6.2894 0.8819 8.6271 1.2083 2.3377 0.32636 4.389 0.63138 4.5583 0.67783 0.44461 0.12198 0.79345 0.56045 0.91566 1.1509 0.52126 2.5185 2.2258 4.98 4.4525 6.4297 0.48899 0.31836 0.9773 0.6412 1.0851 0.71741 0.27677 0.19559 0.51866 0.62372 0.51903 0.91862 1.71e-4 0.13788-0.55167 4.1734-1.2263 8.9678-1.3504 9.5968-1.2573 9.1391-1.9216 9.441-0.46982 0.21346-0.6143 0.19989-1.7755-0.16673zm34.382-27.624c-2.7131-0.39227-4.7955-0.6873-11.304-1.6015-1.6574-0.2328-3.0777-0.45795-3.1563-0.50034-0.36306-0.19584-0.55006-0.53093-0.78941-1.4146-0.74846-2.7631-2.4267-4.987-4.8514-6.4289-0.33895-0.20155-0.73208-0.49842-0.87362-0.65969-0.25294-0.28822-0.25651-0.30485-0.20855-0.97256 0.02684-0.37363 0.5789-4.4237 1.2268-9.0001 1.2387-8.7492 1.2186-8.6433 1.7035-9.0048 0.43845-0.32693 0.83553-0.29004 2.3604 0.21928 4.3829 1.4639 8.0417 3.7016 11.379 6.9589 2.4137 2.3561 4.1878 4.7262 5.6918 7.6039 2.0901 3.9991 3.2248 8.2484 3.4112 12.774 0.05178 1.2573 0.04655 1.3189-0.14251 1.6792-0.27573 0.52543-0.55602 0.70511-1.142 0.73211-0.2668 0.01229-1.7539-0.1611-3.3047-0.38533zm-37.16-5.2274c-0.5555-0.082051-4.4135-0.62798-8.5733-1.2132-4.425-0.62249-7.6614-1.1148-7.7999-1.1864-0.3336-0.17259-0.60226-0.58538-0.64808-0.99575-0.030158-0.2701 0.066379-0.66792 0.42213-1.7396 0.68736-2.0706 1.5103-3.9095 2.5114-5.6121 5.2337-8.9009 14.495-14.472 24.78-14.905 1.4551-0.061349 1.7496-9.398e-4 2.1348 0.438 0.37904 0.4319 0.39532 0.71702 0.14352 2.5149-1.8638 13.308-2.2422 15.894-2.3584 16.119-0.1967 0.38055-0.51763 0.56352-1.3539 0.77189-1.9 0.47342-3.8594 1.6398-5.1363 3.0573-0.41006 0.45525-1.0536 1.3656-1.5971 2.2591-0.09259 0.15222-0.29703 0.36344-0.45432 0.46937-0.34294 0.23096-0.63807 0.23418-2.0707 0.02256z' fill='%23a35826'/%3E%3C/svg%3E%0A");
    background-size: contain
}
.module-item-icon.mod-csgo {
    background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M31.941 47.03c-.247-.071-1.041-.518-1.763-.992-1.569-1.031-1.725-1.306-1.725-3.049 0-.79-.09-1.464-.264-1.974-.145-.426-.58-2.061-.967-3.634l-.703-2.86-1.095-1.165c-.602-.641-1.273-1.448-1.49-1.794-.707-1.125-2.061-2.829-2.536-3.191a4.238 4.238 0 0 0-.862-.505c-.334-.127-.412-.111-.483.097-.046.137-.309.732-.584 1.323-.821 1.765-1.397 3.274-1.886 4.94a27.215 27.215 0 0 1-1.156 3.079 90.108 90.108 0 0 0-1.149 2.598c-.518 1.247-.555 1.266-2.343 1.27-1.371 0-1.416.043-1.16 1.01.257.964.269 1.635.033 1.812-.248.186-1.683.53-2.084.501-.47-.034-1.538-.975-1.8-1.585a8.906 8.906 0 0 1-.378-1.162 9.907 9.907 0 0 0-.306-1.03c-.213-.546.294-1.569 1.597-3.22.886-1.124 1.149-1.361 1.801-1.625.42-.171.833-.394.919-.497.085-.103.376-1.134.646-2.292.478-2.047 1.111-4.245 2.138-7.423l.502-1.553-.283-.805c-.316-.899-.352-1.349-.139-1.747.11-.205.088-.301-.09-.4-.212-.119-.185-.334.28-2.263.626-2.598.898-4.178 1.105-6.42l.157-1.711.879-1.225c1.095-1.525 2.413-2.871 2.811-2.871.275 0 .298-.082.298-1.048 0-1.493.314-2.423 1.072-3.182 1.379-1.379 3.648-1.366 4.969.028.392.413 1.261 2.275 1.261 2.7 0 .128-.165.515-.368.86-.243.415-.352.787-.322 1.1.07.731.619.719 1.573-.035.651-.515.826-.587 1.28-.526.368.049.649-.012.935-.199.591-.39.86-.345.961.16.123.616.56.728 2.654.682 1.717-.038 1.813-.057 1.947-.362.078-.177.255-.322.394-.322.193 0 .252.118.252.501 0 .276.048.508.107.516 1.282.173 1.897.095 1.897-.243 0-.136.097-.203.251-.171a.255.255 0 0 1 .209.293c-.052.303.396.426 1.339.366.651-.041.71-.075.752-.439.073-.636.417-.466.579.286.09.419.094.698.012.728-.232.083-.146.437.143.592.152.082.438.148.636.148.366 0 .617.209.408.338-.064.04-.897.108-1.852.152-.955.044-1.896.141-2.092.216-.46.175-.95.692-1.13 1.191-.078.216-.228.394-.334.394-.106 0-.293.143-.415.318-.219.313-.229.314-.662.058-.242-.143-.48-.22-.53-.17-.229.229.274 2.056.917 3.335.658 1.308.674 1.368.412 1.559-.15.109-.353.199-.451.199-.277 0-.847-1.051-1.573-2.9-.363-.925-.717-1.683-.785-1.683-.068 0-.084.385-.035.856.11 1.057.048 1.092-1.389.788l-1.067-.226-.408.472c-1.235 1.429-1.377 1.546-1.877 1.546-.27 0-.53.063-.578.141-.048.077-.229.134-.402.124-.173-.01-.567.094-.875.229-.426.186-.757.222-1.384.149-1.074-.125-1.421.163-1.423 1.182a14.794 14.794 0 0 1-.092 1.432c-.078.652-.132.752-.406.752-.174 0-.433.129-.575.287-.227.251-.243.407-.13 1.253l.13.966.445-.042c.341-.032.498.04.675.309.127.193.943 1.208 1.814 2.256 1.774 2.134 2.13 2.849 1.601 3.218-.439.308-.386.8.158 1.451.258.308.784 1.039 1.169 1.624l1.25 1.898c.487.739.549.934.55 1.718.001.486.168 1.593.373 2.46.273 1.158.379 2.03.402 3.293.034 1.896.039 1.911 1.286 3.931.581.941.659 1.164.659 1.883 0 .786-.016.822-.451.973-.527.184-1.157.184-1.789 0zm-5.113-35.576c.122-.318.72-.59 1.695-.77.804-.149 1.379-.472 1.185-.666-.048-.048-.601-.123-1.229-.166l-1.141-.079-.795.628c-.437.346-.799.699-.803.785-.008.164.502.461.82.477.101.01.221-.089.268-.21" fill="%23fff"/></svg>');
    background-size: contain;
    opacity: 0.75
}
.module-item-icon.mod-dota2 {
    background: no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M1.685 23.81v-22h44.594v44H1.685v-22m14.429 14.963l2.834-.999-4.462-4.432c-2.782-2.764-4.665-4.217-5-3.86-.297.315-1.151 2.01-1.898 3.771l-1.357 3.199 2.039 1.691c2.322 1.926 3.83 2.047 7.846.631m23.622-3.359c.706-2.12 1.196-4.255 1.089-4.742-.107-.488-7.092-5.548-15.523-11.245C10.133 9.177 9.953 9.076 7.897 9.707c-1.142.351-2 .819-1.914 1.04.09.222 6.184 6.73 13.542 14.463l13.378 14.06h5.552l1.283-3.856m-2.126-21.2c.365-2.533.266-2.851-1.225-3.938-1.62-1.18-1.628-1.18-5.175.018l-3.553 1.2 1.491 1.086c.82.597 2.803 2.14 4.406 3.429 3.224 2.591 3.437 2.496 4.056-1.795" fill="%23ad2f18"/></svg>');
    opacity: 0.75
}

}

Reviews

No reviews yet.