/***
 *      __  __           _     _    __         
 *     |  \/  |         | |   (_)  / _|        
 *     | \  / |   ___   | |_   _  | |_   _   _ 
 *     | |\/| |  / _ \  | __| | | |  _| | | | |
 *     | |  | | | (_) | | |_  | | | |   | |_| |
 *     |_|  |_|  \___/   \__| |_| |_|    \__, |
 *                                        __/ |
 *                                       |___/ 
 * 											   
 * 			https://github.com/mtfy
 *												
 */
 .gs-container>ul.main>li>a,
 .gs-container>ul.main>li>a>svg {
     max-width: var(--vector2d-width);
     height: var(--vector2d-height);
     min-height: var(--vector2d-height);
     min-width: var(--vector2d-width);
     width: 100%
 }
 
 .status-img,
 .status-img>svg,
 .tippy-content {
     -webkit-touch-callout: none !important;
     -khtml-user-select: none !important;
     cursor: default !important
 }
 
 :root {
     --vector2d-width: 36px;
     --vector2d-height: 36px;
     --font-raleway: 'Raleway', system-ui, -apple-system, BlinkMacSystemFont, Apple Color Emoji, Helvetica Neue, Helvetica, sans-serif;
     --font-primary: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
     --font-secondary: system-ui, -apple-system, BlinkMacSystemFont, Verdana, Segoe UI, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
     --font-tippy: Verdana, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
 }
 
 body {
     font-family: var(--font-raleway);
     color: #eee;
     background-image: url(data:image/jpeg;base64,/9j/4QK4RXhpZgAATU0AKgAAAAgACwEOAAIAAAA4AAAAkgEPAAIAAAAHAAAAygEQAAIAAAAOAAAA0gEoAAMAAAABAAIAAAExAAIAAAAOAAAA4AEyAAIAAAAUAAAA7gE7AAIAAAAHAAABAgITAAMAAAABAAEAAIKYAAIAAAA4AAABCodpAAQAAAABAAABQoglAAQAAAABAAACSgAAAABDb3B5cmlnaHQgKGMpIEdhbWVTZW5zZSAyMDE5LTIwMjIuIEFsbCByaWdodHMgcmVzZXJ2ZWQuAE1vdGlmeQAAZ2FtZXNlbnNlLnZpcABHYW1lU2Vuc2UvMi4wADIwMjI6MDM6MjMgMDQ6MjA6MDAATW90aWZ5AABDb3B5cmlnaHQgKGMpIEdhbWVTZW5zZSAyMDE5LTIwMjIuIEFsbCByaWdodHMgcmVzZXJ2ZWQuAAAKkAAABwAAAAQwMjMykAMAAgAAABQAAAHAkAQAAgAAABQAAAHUkQEABwAAAAQBAgMAkoYABwAAAB0AAAHooAAABwAAAAQwMTAwpDAAAgAAAAcAAAIGpDMAAgAAAAgAAAIOpDQAAgAAAA4AAAIWpDUAAgAAACUAAAIkAAAAADIwMjI6MDM6MjMgMDQ6MjA6MDAAMjAyMjowMzoyMyAwNDoyMDowMABBU0NJSQAAAGh0dHBzOi8vZ2FtZXNlbnNlLnZpcABNb3RpZnkAAGl0c251dWIAZ2FtZXNlbnNlLnZpcABjNjVkNGI4MS04YmY4LTRlODMtYmU4Yy0yMWUwYmU1ZDQ4MjkAAAAEAAEAAgAAAAJOAAAAAAIABQAAAAMAAAKAAAMAAgAAAAJXAAAAAAQABQAAAAMAAAKYAAAAAAAAACgAAAABAAAAKwAAAAEAAGNLAAAJxAAAAEkAAAABAAAAFQAAAAEAAJ9nAAAGjP/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEB/8IAEQgACAAEAwERAAIRAQMRAf/EACYAAQAAAAAAAAAAAAAAAAAAAAoBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAABKH/8QAHRAAAgEFAQEAAAAAAAAAAAAAAQISAwQREyIhQf/aAAgBAQABPwCxwKRUgiOkQPj08WltxVOpJ1B9bB5KrzGCf//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQIBAT8Af//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQMBAT8Af//Z);
     background-repeat: repeat;
     margin: 0;
     overflow-x: hidden !important
 }
 
 a {
     color: #eee;
     text-decoration: none
 }
 
 abbr[title] {
     text-decoration: underline !important
 }
 
 a,
 a:active,
 a:focus,
 a:hover,
 a:visited {
     -o-transition: 250ms cubic-bezier(.42, 0, .58, 1) !important;
     -moz-transition: 250ms cubic-bezier(.42, 0, .58, 1) !important;
     -webkit-transition: 250ms cubic-bezier(.42, 0, .58, 1) !important;
     transition: 250ms cubic-bezier(.42, 0, .58, 1) !important
 }
 
 .gs-container h1>a .gs-container>ul.main,
 .gs-container>ul.main>li {
     -o-transition: .1s cubic-bezier(.42, 0, .58, 1) !important;
     -moz-transition: .1s cubic-bezier(.42, 0, .58, 1) !important;
     -webkit-transition: .1s cubic-bezier(.42, 0, .58, 1) !important;
     transition: .1s cubic-bezier(.42, 0, .58, 1) !important
 }
 
 .pun a:active,
 .pun a:focus,
 .pun a:hover,
 input:focus,
 select:focus,
 textarea:focus {
     outline: 0 !important;
     -moz-box-shadow: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important
 }
 
 .bar {
     padding: 0;
     margin: 0;
     background: #1e5799;
     background: -moz-linear-gradient(left, #1e5799 0, #f300ff 50%, #e0ff00 100%);
     background: -webkit-gradient(linear, left top, right top, color-stop(0, #1e5799), color-stop(50%, #f300ff), color-stop(100%, #e0ff00));
     background: -webkit-linear-gradient(left, #1e5799 0, #f300ff 50%, #e0ff00 100%);
     background: -o-linear-gradient(left, #1e5799 0, #f300ff 50%, #e0ff00 100%);
     background: -ms-linear-gradient(left, #1e5799 0, #f300ff 50%, #e0ff00 100%);
     background: linear-gradient(to right, #1e5799 0, #f300ff 50%, #e0ff00 100%);
     height: 3px;
     border-bottom: 1px solid #000
 }
 
 .gs-container,
 .gs-status-container {
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     row-gap: 24px
 }
 
 .gs-container,
 .gs-container>ul.main,
 .gs-container>ul.main>li,
 .gs-container>ul.main>li>a {
     display: -webkit-box !important;
     display: -webkit-flex !important;
     display: -ms-flexbox !important;
     display: flex !important;
     -webkit-flex-direction: column !important;
     -ms-flex-direction: column !important;
     flex-direction: column !important
 }
 
 .fluid {
     width: 100%;
     max-width: 100%
 }
 
 .gs-container h1 {
     text-align: center;
     margin: 0 auto;
     padding: 0;
     font-size: 48px;
     line-height: 1.5;
     font-weight: 400;
     color: #eee;
     height: auto;
     max-height: 120px
 }
 
 .gs-container h1,
 .gs-container h1>a {
     font-family: Raleway, Helvetica Neue, Helvetica, sans-serif !important
 }
 
 .status h1,
 .status h2 {
     font-family: var(--font-primary);
     font-weight: 300
 }
 
 .gs-container h1,
 .gs-container h1>a,
 .gs-container>.gs-store-fallback>.icon-wrapper,
 .gs-container>.gs-store-fallback>.icon-wrapper>svg,
 .gs-container>ul.main>li>a>svg {
     -webkit-touch-callout: none !important;
     -webkit-user-select: none !important;
     -khtml-user-select: none !important;
     -moz-user-select: none !important;
     -ms-user-select: none !important;
     user-select: none !important
 }
 
 .gs-container h1>a {
     cursor: pointer
 }
 
 .gs-container h1>a:hover {
     opacity: .4
 }
 
 .gs-container .uninitialized {
     display: none
 }
 
 .gs-container>h1>a>span {
     color: #15ff00
 }
 
 .gs-container>ul.main {
     -webkit-flex-direction: row !important;
     -ms-flex-direction: row !important;
     flex-direction: row !important;
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     column-gap: 16px;
     margin: 0 auto;
     padding: 0;
     display: table;
     color: #eee;
     list-style: none;
     text-align: center
 }
 
 .gs-container>h1,
 .gs-container>ul.main {
     visibility: hidden
 }
 
 .gs-container>ul.main>li {
     position: relative;
     text-align: center
 }
 
 .gs-container>ul.main>li>a {
     position: relative;
     text-decoration: none;
     cursor: pointer !important;
     font-size: 14px;
     line-height: 1.35;
     padding: 0 8px;
     color: #fff;
     margin: 0
 }
 
 .gs-container>ul.main>li>a>svg {
     pointer-events: none !important
 }
 
 .gs-container>ul.main>li>a:not(.anchor--store)>svg>g {
     mix-blend-mode: normal;
     font-family: none;
     font-weight: none;
     font-size: none;
     text-anchor: none;
     pointer-events: none !important
 }
 
 .alert {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     overflow-x: hidden;
     text-align: left;
     margin: 0 auto
 }
 
 .fakeform {
     padding: 20px 20px 15px
 }
 
 .flex-col {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     flex-basis: 100%;
     flex: 1
 }
 
 .flex-30 {
     flex: 1;
     justify-content: center;
     align-items: center;
     padding: 20px
 }
 
 .flex-70 {
     flex: 2;
     justify-content: center;
     padding: 20px
 }
 
 .flex-row {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     width: 100%
 }
 
 .status-img {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     max-width: 50%;
     width: 100%
 }
 
 .status-img>svg {
     color: #e25950;
     width: 112px;
     height: 112px;
     min-height: 112px;
     max-width: 112px
 }
 
 .status-img,
 .status-img>svg {
     -webkit-user-select: none !important;
     -moz-user-select: none !important;
     -ms-user-select: none !important;
     user-select: none !important
 }
 
 .box {
     border-radius: .75em;
     display: block;
     margin: .7em auto;
     padding: 1em 1.5em;
     width: 75%;
     text-shadow: 1px 1px 4px #000;
     font: 68.75%/1.4545em Verdana, Helvetica, Arial, sans-serif;
     line-height: normal
 }
 
 .tippy-content,
 .tippy-popper {
     font-family: var(--font-tippy) !important
 }
 
 .box.error {
     background: #e60000;
     border: 2px solid maroon
 }
 
 .box.warning {
     background: #ff8c00;
     border: 1px solid #ff9505
 }
 
 .gs-container>ul.main>li>a:hover {
     opacity: .5
 }
 
 .gs-container>.flasher>.wrapper {
     animation: 2.5s linear infinite flasher
 }
 
 .gs-container>.gs-store-fallback {
     background-color: #572e86;
     color: #eee;
     padding: 8px 6px;
     border: 1px solid #8e3fe8;
     border-radius: 6px;
     text-align: center;
     font-family: var(--font-secondary);
     margin: 24px 0 0
 }
 
 .gs-container>.gs-store-fallback>.wrapper {
     color: #eee;
     font-size: 12px;
     line-height: 1.35;
     max-width: 100%;
     width: 100%;
     display: block
 }
 
 .gs-container>.gs-store-fallback a,
 .gs-container>.gs-store-fallback a:active,
 .gs-container>.gs-store-fallback a:visited {
     background: url(../images/external.png) right no-repeat;
     background-size: 12px 12px !important;
     padding-right: 16px;
     color: #e0d1ea;
     text-shadow: 1px 1px 3px #010;
     text-decoration: none
 }
 
 .gs-container>.gs-store-fallback a:hover {
     text-decoration: none;
     color: #fff
 }
 
 .gs-container>.gs-store-fallback>.icon-wrapper {
     padding: 0 4px;
     color: #e0d1ea;
     text-shadow: 1px 1px 3px #010
 }
 
 .gs-container>.gs-store-fallback>.icon-wrapper>svg {
     pointer-events: none
 }
 
 .tippy-popper {
     text-shadow: 1px 1px 2px #010
 }
 
 .tippy-box {
     background: #252425 !important
 }
 
 .tippy-arrow {
     color: #252425 !important
 }
 
 .tippy-content {
     font-size: 11.8px !important;
     padding: 7px 20px !important;
     line-height: 1.35 !important;
     -webkit-user-select: none !important;
     -moz-user-select: none !important;
     -ms-user-select: none !important;
     user-select: none !important
 }
 
 .status {
     display: flex;
     flex-basis: 100%;
     flex-direction: column;
     justify-content: center;
     min-height: 250px;
     max-width: 75%;
     margin: 0 auto;
     border: 1px solid #383838;
     border-radius: 4px;
     background-color: #171717;
     text-align: left !important
 }
 
 .status.footer {
     min-height: 0
 }
 
 .status.footer p {
     padding: 12px 6px;
     margin: 0 auto
 }
 
 .status .tbl-wrapper {
     margin: 7px 0;
     padding: 1px;
     border: 1px solid #282828;
     background: #171717
 }
 
 .status .tbl-wrapper table {
     width: 100%;
     max-width: 100%;
     empty-cells: show;
     border-spacing: 1px
 }
 
 .status .tbl-wrapper td,
 .status .tbl-wrapper th {
     padding: 4px;
     white-space: normal;
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif
 }
 
 .status .tbl-wrapper th {
     background: #242425
 }
 
 .status .tbl-wrapper td {
     background: #212121
 }
 
 .status .tbl-wrapper .text-center {
     text-align: center
 }
 
 .status p {
     margin: 0;
     color: #d6d6d6;
     font-size: 16px;
     line-height: 24px
 }
 
 .status .flex-row p {
     padding: 0
 }
 
 .status .flex-row p:nth-child(3) {
     margin-bottom: 8px
 }
 
 .status h1 {
     line-height: 60px;
     letter-spacing: .3px;
     font-size: 41px;
     margin: 0 0 8px
 }
 
 .status h2 {
     font-size: 24px;
     line-height: 40px;
     margin: 0
 }
 
 .status pre {
     max-width: 100%;
     max-height: 80px;
     overflow-y: auto;
     white-space: pre-wrap;
     margin: .25em 0;
     word-break: break-word;
     -webkit-user-select: text;
     -moz-user-select: text;
     user-select: all
 }
 
 .gs-container abbr {
     text-decoration: none;
     color: #ebebeb
 }
 
 .gs-container abbr:hover {
     cursor: pointer;
     text-shadow: .15em .15em .3em #010101
 }
 
 .gs-container abbr:hover,
 .status.footer a:hover {
     opacity: .8
 }
 
 @media all and (max-width:770px) {
     .flex-row {
         display: block
     }
 
     .flex-30 {
         padding: 16px
     }
 
     .flex-70 {
         padding: 4px 16px 16px
     }
 
     .status {
         max-width: 95%
     }
 
     .status p {
         font-size: 12.8px;
         line-height: 20.25px;
         text-align: center
     }
 
     .status h1 {
         font-size: 24px !important;
         line-height: 28px;
         text-align: center !important;
         margin: 0 0 16px
     }
 
     .status-img>svg {
         width: 72px;
         height: 72px;
         min-height: 72px;
         max-width: 72px
     }
 
     .hide-tablet {
         display: none !important
     }
 }
 
 @keyframes flasher {
     50% {
         opacity: .33
     }
 }
 
 @media all and (max-width:480px) {
     .hide-mobile {
         display: none !important
     }
 }
 
 @media (min-width:540px) {
     :root {
         --vector2d-width: 50px;
         --vector2d-height: 50px
     }
 }
 
 @media (min-width:768px) {
     .gs-container>ul.main {
         column-gap: 24px
     }
 }
 
 @media (min-width:968px) {
     .gs-container h1 {
         font-size: 82.6667px;
         line-height: 1.35
     }
 }
 
 @media (min-width:1024px) {
     .gs-container {
         row-gap: 20px
     }
 }