body {
  background-color: #f6f8fa;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.container::after, .container::before {
  display: table;
  content: "";
}
.container {
  width: 980px;
}

.container::after {
  clear: both;
}

.container {
  width: auto !important;
  max-width: 1012px !important;
  padding-right: 1rem;
  padding-left: 1rem;
}

.header {
  background-color: #20222a;
  width: 100%;
  height: 240px;
}

.page-status {
  margin-top: -100px;
  margin-bottom: 30px !important;
  display: flex;
  align-items: center;
  gap: 0.5em; 
}

.status {
  margin-bottom: 0 !important;
  font-weight: 600 !important;
}

body.status .layout-content.status .border-color,
hr,
.tooltip-base,
.markdown-display table,
.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-none .updates {
  border-color: rgba(0, 0, 0, 0.125);
}

span.tooltip-base.tool {
    background-color: #f6f8fa;
    border: none;
}

.unresolved-incidents {
  margin-top: -30px !important;
  margin-bottom: 30px !important;
}

.page-status .status {
  top: 0 !important;  
}

.logo {
  height: 240px;
  display: flex;
  justify-content: center;
  align-items: center;  
}

.logo-img {
  width: 135px;
  border-radius: 4px;
  margin-top: -30px;
}

.updates-dropdown-container > a {
  color: #fff !important;
  text-shadow: 0 1px 0 rgb(0 0 0 / 10%);
}

.updates-dropdown-container {
    float: right;
    position: relative;
    display: inline-block;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: 500;
    z-index: 1;
    padding: 8px 16px;
    background-color: #0366D6;
}

.custom-header-container {
  text-align: center;  
}
.components-uptime-link, .component-statuses-legend, .incidents-list {
  display: none;
}
.unresolved-incident,
.page-status {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
}

.page-status::before, .show-updates-dropdown::before {
  display: inline-block;
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .5em;
  vertical-align: text-bottom;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
.updates-dropdown-container .show-updates-dropdown:after {
    content: 'Subscribe';
}
.show-updates-dropdown::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 333333 333333' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M68874 6187l23904 23904C58677 54330 35942 93113 33434 137413H1C2341 83919 28753 36778 68874 6187zm195585 0c39953 30591 66365 77732 68873 131226h-33433c-2508-44299-25409-83082-59177-107322l23737-23904zm-72717 22568l-1 11367c47811 11367 75226 54330 75226 105649v83583l33433 33434v16716l-267467 1v-16717l33433-33433v-83583c0-51488 27248-94283 75225-105650V28755c0-13876 11201-25076 25076-25076 13874 0 25075 11201 25075 25076zm-58676 267467h66867c0 4681-836 9027-2507 13039-4347 10030-13206 17385-24072 19726-2173 501-4346 668-6687 669-18556 0-33433-15046-33601-33433z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}
.page-status.status-minor::before, .page-status.status-major::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.22 1.754a.25.25 0 00-.44 0L1.698 13.132a.25.25 0 00.22.368h12.164a.25.25 0 00.22-.368L8.22 1.754zm-1.763-.707c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0114.082 15H1.918a1.75 1.75 0 01-1.543-2.575L6.457 1.047zM9 11a1 1 0 11-2 0 1 1 0 012 0zm-.25-5.25a.75.75 0 00-1.5 0v2.5a.75.75 0 001.5 0v-2.5z' fill='%23fff'/%3E%3C/svg%3e");
}
.page-status.status-critical::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.404 12.596a6.5 6.5 0 119.192-9.192 6.5 6.5 0 01-9.192 9.192zM2.344 2.343a8 8 0 1011.313 11.314A8 8 0 002.343 2.343zM6.03 4.97a.75.75 0 00-1.06 1.06L6.94 8 4.97 9.97a.75.75 0 101.06 1.06L8 9.06l1.97 1.97a.75.75 0 101.06-1.06L9.06 8l1.97-1.97a.75.75 0 10-1.06-1.06L8 6.94 6.03 4.97z' fill='%23fff'/%3E%3C/svg%3e");
}
.page-status.status-none::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z' fill='%23fff'/%3E%3C/svg%3e");
}
.page-status.status-maintenance::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.433 2.304A4.494 4.494 0 003.5 6c0 1.598.832 3.002 2.09 3.802.518.328.929.923.902 1.64v.008l-.164 3.337a.75.75 0 11-1.498-.073l.163-3.33c.002-.085-.05-.216-.207-.316A5.996 5.996 0 012 6a5.994 5.994 0 012.567-4.92 1.482 1.482 0 011.673-.04c.462.296.76.827.76 1.423v2.82c0 .082.041.16.11.206l.75.51a.25.25 0 00.28 0l.75-.51A.25.25 0 009 5.282V2.463c0-.596.298-1.127.76-1.423a1.482 1.482 0 011.673.04A5.994 5.994 0 0114 6a5.996 5.996 0 01-2.786 5.068c-.157.1-.209.23-.207.315l.163 3.33a.75.75 0 11-1.498.074l-.164-3.345c-.027-.717.384-1.312.902-1.64A4.496 4.496 0 0012.5 6a4.494 4.494 0 00-1.933-3.696c-.024.017-.067.067-.067.16v2.818a1.75 1.75 0 01-.767 1.448l-.75.51a1.75 1.75 0 01-1.966 0l-.75-.51A1.75 1.75 0 015.5 5.282V2.463c0-.092-.043-.142-.067-.159zm.01-.005z' fill='%23fff'/%3E%3C/svg%3e");
}

.icon-indicator {
  top: 14px !important;
}

.component-inner-container .name:after {
    position: absolute;
    color: #6a737d;
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 2;
}

.status-green .name:after {
  content: "Normal";
}

.status-yellow .name:after {
  content: "Degraded";
}

.status-orange .name:after {
  content: "Partial Outage";
}

.status-red .name:after {
  content: "Outage";
}

.status-blue .name:after {
  content: "Maintenance";
}

.icon-indicator::before {
  display: inline-block;
  width: 24px;
  height: 24px;
  content: "";
  vertical-align: text-bottom;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.status-green .icon-indicator::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m1 12c0-6.07513 4.92487-11 11-11 6.0751 0 11 4.92487 11 11 0 6.0751-4.9249 11-11 11-6.07513 0-11-4.9249-11-11zm16.2803-2.71967c.2929-.29289.2929-.76777 0-1.06066s-.7677-.29289-1.0606 0l-5.9697 5.96963-2.46967-2.4696c-.29289-.2929-.76777-.2929-1.06066 0s-.29289.7677 0 1.0606l3 3c.29293.2929.76773.2929 1.06063 0z' fill='%2328a745'/%3E%3C/svg%3e");
}
.status-orange .icon-indicator::before, .status-yellow .icon-indicator::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m12 24c6.6274 0 12-5.3726 12-12 0-6.62744-5.3726-12-12-12-6.62744 0-12 5.37256-12 12 0 6.6274 5.37256 12 12 12zm0-17.5c.4141 0 .75.33582.75.75v4.5c0 .4142-.3359.75-.75.75s-.75-.3358-.75-.75v-4.5c0-.41418.3359-.75.75-.75zm.8242 9.5658c.0635-.0919.1118-.195.1416-.3054.0132-.0482.0225-.0979.0283-.1487.0039-.0366.0059-.074.0059-.1117 0-.5522-.4478-1-1-1s-1 .4478-1 1 .4478 1 1 1c.3423 0 .644-.172.8242-.4342z' fill='%23dbab09'/%3E%3C/svg%3e");
}
.status-red .icon-indicator::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m12 24c6.6274 0 12-5.3726 12-12 0-6.62744-5.3726-12-12-12-6.62744 0-12 5.37256-12 12 0 6.6274 5.37256 12 12 12zm0-17.5c.4141 0 .75.33582.75.75v4.5c0 .4142-.3359.75-.75.75s-.75-.3358-.75-.75v-4.5c0-.41418.3359-.75.75-.75zm.8242 9.5658c.0635-.0919.1118-.195.1416-.3054.0132-.0482.0225-.0979.0283-.1487.0039-.0366.0059-.074.0059-.1117 0-.5522-.4478-1-1-1s-1 .4478-1 1 .4478 1 1 1c.3423 0 .644-.172.8242-.4342z' fill='%23d73a49'/%3E%3C/svg%3e");
}
.status-blue .icon-indicator::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m12 24c6.6274 0 12-5.3726 12-12 0-6.62742-5.3726-12-12-12-6.62742 0-12 5.37258-12 12 0 6.6274 5.37258 12 12 12zm-2.57413-17.6913.00673-.00444c.02404.01648.0674.06721.0674.15886v2.81905c0 .5798.28717 1.12193.7668 1.44773l.75.5093c.5935.4031 1.3729.4031 1.9664 0l.75-.5093c.4796-.3258.7668-.86793.7668-1.44773v-2.81905c0-.09165.0434-.14238.0674-.15886.0011.00068.0023.00144.0036.0023.001.00066.002.00137.0031.00214 1.1659.8147 1.9259 2.16445 1.9259 3.6916 0 1.5978-.8321 3.0017-2.0902 3.8012-.5176.3289-.9284.9233-.9014 1.6406l.1634 3.3448c.0203.4137.372.7327.7858.7124.4137-.0202.7327-.372.7124-.7857l-.1627-3.3305c-.0021-.0842.0494-.2154.207-.3156 1.6729-1.0631 2.7857-2.935 2.7857-5.0672 0-2.03768-1.0165-3.83785-2.5667-4.92113-.5491-.38376-1.1928-.34681-1.673-.03928-.4619.29578-.7603.82708-.7603 1.42323v2.81905c0 .08283-.041.16028-.1096.20681l-.75.50934c-.0847.05758-.1961.05758-.2808 0l-.75-.50934c-.0686-.04653-.1096-.12399-.1096-.20681v-2.81905c0-.59615-.2984-1.12745-.7603-1.42323-.48016-.30753-1.12387-.34448-1.67304.03928-1.55018 1.08328-2.56666 2.88345-2.56666 4.92113 0 2.1322 1.11278 4.0041 2.78571 5.0672.15762.1002.20905.2314.20704.3156l-.1628 3.3305c-.02022.4137.29877.7655.71249.7857.41372.0203.76546-.2987.78576-.7124l.1631-3.3364.0003-.0084c.027-.7173-.3838-1.3117-.90136-1.6406-1.25809-.7995-2.09024-2.2034-2.09024-3.8012 0-1.52715.76004-2.8769 1.92587-3.6916z' fill='%230366d6'/%3E%3C/svg%3e");
}

.components-container {
  display: flex;
  flex-wrap: wrap;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.component-container {
  flex-basis: calc(50% - 3px);
}

.component-container:nth-child(even) {
  border-left: 0 !important;
  margin: 0 0 6px 3px;
}

.component-container:nth-child(odd) {
  margin: 0 3px 6px 0;
}

.components-section {
  margin-bottom: 32px !important;
}

.components-section::before {
display: block;
    margin-bottom: 30px;
    content: "Current status";
    font-weight: 500;
    font-size: 24px;
    line-height: 37.8px;
    font-size: 1.5rem;
    line-height: 2.4rem;
}

.components-container {
  background-color: #fff;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  overflow: hidden;
}

.component-container {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px !important;
  border: none !important;
  min-height: 88.34px;
}
.component-container .status-msg {
  color: #6a737d;
  display: block;
  font-size: 14px;
  line-height: 2;
}

.component-status.major_outage {
  display: none !important;
}

.page-footer {
  overflow: hidden;
  padding-top: 1.5rem;
  margin-top: 0;
  border-top: 3px solid #e6ebf1 !important;
}

.powered-by {
  margin-right: -1000px;
}

.page-footer > a:first-child {
  font-weight: 500;
  float: right;
}
.page-footer > a:first-child span {
  display: none;
}
.page-footer > a:first-child::after {
  display: inline-block;
  content: "";
  width: 1.2rem;
  height: 1rem;
  vertical-align: text-bottom;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z' fill='%230366d6'/%3E%3C/svg%3e") no-repeat center left;
  transition: ease-in-out .2s background-position;
}
.page-footer > a:first-child:hover {
  text-decoration: none;
}
.page-footer > a:first-child:hover::after {
  background-position: center right;
}

@media screen and (min-width: 544px) {
  .container {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}
@media screen and (min-width: 1012px) {
  .container {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

@media screen and (max-width: 700px) { 
  .component-container {
    flex-basis: 100%;
  }
  .component-container .icon-indicator {
    display: inline-block !important;
  }
  .component-container .component-status {
    display: none !important;
  }
  .component-container:nth-child(even), .component-container:nth-child(odd) {
    margin: 2px 0 5px 0 !important;
  }  
}


@media screen and (max-width: 650px) {
  .page-status {
    margin-top: -87px;
  }
  .component-container {
    min-height: 76.83px;
  }
}

@media screen and (max-width: 450px) {
  .page-status {
    margin-top: -72px;
  }
  .updates-dropdown-container {
    font-size: 0.75rem;
    padding: 4px 12px;    
  }
  .show-updates-dropdown::before {
    position: relative;
    top: 3px;
  }
}