@font-face {
    font-family: "Playstation SST";
    src: url("fonts/SST-UltraLight.eot");
    src: url("fonts/SST-UltraLight.eot?#iefix") format("embedded-opentype"),
        url("fonts/SST-UltraLight.woff2") format("woff2"), url("fonts/SST-UltraLight.woff") format("woff"),
        url("fonts/SST-UltraLight.ttf") format("truetype"), url("fonts/SST-UltraLight.svg#SST-UltraLight") format("svg");
    font-style: normal;
    font-weight: 100;
}

@font-face {
    font-family: "Playstation SST";
    src: url("fonts/SST-Light.eot");
    src: url("fonts/SST-Light.eot?#iefix") format("embedded-opentype"), url("fonts/SST-Light.woff") format("woff"),
        url("fonts/SST-Light.ttf") format("truetype"), url("fonts/SST-Light.svg#SST-Light") format("svg");
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-family: "Playstation SST";
    src: url("fonts/hinted-SSTPro-Roman.eot");
    src: url("fonts/hinted-SSTPro-Roman.woff2") format("woff2"), url("fonts/hinted-SSTPro-Roman.woff") format("woff"),
        url("fonts/hinted-SSTPro-Roman.ttf") format("truetype"),
        url("fonts/hinted-SSTPro-Roman.svg#SSTPro-Roman") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Playstation SST";
    src: url("fonts/SST-Medium.eot");
    src: url("fonts/SST-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/SST-Medium.woff") format("woff"),
        url("fonts/SST-Medium.ttf") format("truetype"), url("fonts/SST-Medium.svg#SST-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Playstation SST";
    src: url("fonts/hinted-SSTPro-Bold.eot");
    src: url("fonts/hinted-SSTPro-Bold.woff2") format("woff2"), url("fonts/hinted-SSTPro-Bold.woff") format("woff"),
        url("fonts/hinted-SSTPro-Bold.ttf") format("truetype"),
        url("fonts/hinted-SSTPro-Bold.svg#SSTPro-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Playstation Icons";
    src: url("fonts/pdcicons.eot?1.4");
    src: url("fonts/pdcicons.eot?1.4") format("embedded-opentype"), url("fonts/pdcicons.ttf?1.4") format("truetype"),
        url("fonts/pdcicons.woff?1.4") format("woff"), url("fonts/pdcicons.svg?1.4#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "PS_NetworkIcons";
    src: url("fonts/PS_Network.eot");
    src: url("fonts/PS_Network.eot#iefix") format("embedded-opentype"), url("fonts/PS_Network.ttf") format("truetype"),
        url("fonts/PS_Network.woff") format("woff"), url("fonts/PS_Network.svg#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "PS_NetworkIcons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-Maintenance_Icon .path1:before {
    content: "\e900";
    color: rgb(249, 111, 56);
}
.icon-Maintenance_Icon .path2:before {
    content: "\e901";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-Offline_Icon .path1:before {
    content: "\e902";
    color: rgb(199, 41, 41);
}
.icon-Offline_Icon .path2:before {
    content: "\e903";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-Online_Icon .path1:before {
    content: "\e904";
    color: rgb(50, 168, 44);
}
.icon-Online_Icon .path2:before {
    content: "\e905";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.pdc-font-icons {
    font-family: "Playstation Icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    display: inline-block;
    letter-spacing: 0px;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    letter-spacing: -0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.verticalCenter {
    align-items: center;
    display: flex;
}