@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Oxygen+Mono&display=swap');

body {
  background: #F5F6FB;
  font-family: "Outfit", sans-serif;
}

a {
  transition: all .4s ease-in-out;
}

.layout-content.status .masthead-container.basic,
.container {
  width: 100%;
  max-width: 840px;
  padding: 0 20px;
}

.layout-content.status .masthead-container.basic .masthead .logo-container {
  max-width: 249px;
}

.flat-button,
.layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.01em;
  text-transform: none;
  color: #FFFFFF;
  font-weight: 500;
  background-color: #006BE2;
  border: none;
  box-shadow: none;
  border-radius: 50px;
  padding: 12px 30px 12px;
  transition: all .4s ease-in-out;
}

.flat-button:hover,
.layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown:hover {
  background-color: #1F2023;
}

.layout-content.status.status-index .page-status:after {
  content: "";
  width: 32px;
  height: 32px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  float: right;
}

/* Status none */
.layout-content.status.status-index .page-status {
  position: relative;
  border-width: 1px;
  border-radius: 12px;
  text-shadow: none;
  padding: 14px 15px 15px 20px;
}

/* Operational */
.layout-content.status.status-index .page-status.status-none {
  background-color: #D8FAE0;
  border-color: #00C264;
}

.layout-content.status.status-index .page-status.status-none:after {
  background-image: url(https://cdn.prod.website-files.com/66fec9ce0697c7ce8c696c7b/67a671bc09a7726808650980_ready.png);
}

/* Degraded */
.layout-content.status.status-index .page-status.status-minor {
  background-color: #FFF8DE;
  border-color: #FFB647;
}

.layout-content.status.status-index .page-status.status-minor:after {
  background-image: url(https://cdn.prod.website-files.com/66fec9ce0697c7ce8c696c7b/67a671bdeb57a7807492a2f6_processing.png);
}

/* Major Outage */
.layout-content.status.status-index .page-status.status-major {
  background-color: #FFE5E8;
  border-color: #FF0048;
}

.layout-content.status.status-index .page-status.status-major:after {
  background-image: url(https://cdn.prod.website-files.com/66fec9ce0697c7ce8c696c7b/67a671bcb62e3a2f753b129b_waiting.png);
}

/* Under Maintenance */
.layout-content.status.status-index .page-status.status-maintenance {
  background-color: #D7EAFC;
  border-color: #006BE2;
}

.layout-content.status.status-index .page-status.status-maintenance:after {
  background-image: url(https://cdn.prod.website-files.com/66fec9ce0697c7ce8c696c7b/67a671bcb4842fdcbf459bef_re-building.png);
}

.layout-content.status.status-index .page-status .status {
  position: static;
  color: #1F2023;
  font-size: 24px;
  line-height: 130%;
  font-weight: 500;
}

/* Components */
.layout-content.status.status-index .components-section .components-uptime-link {
  text-align: center;
  margin-bottom: 10px;
  color: #9D9D9D;
  font-size: 12px;
  letter-spacing: -0.01em;
  font-weight: 300;
}

.layout-content.status.status-index .components-section .components-uptime-link a {
  color: #006BE2;
  text-decoration: underline;
}

.layout-content.status.status-index .components-section .components-uptime-link a:hover {
  color: #1F2023;
}

.layout-content.status.status-index .components-section .component-container,
.layout-content.status.status-index .components-section .components-container.one-column .component-container:first-child,
.layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-child(2),
.layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-last-child(2),
.layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-child(3),
.layout-content.status.status-index .components-section .components-container.one-column .component-container:last-child {
  background-color: #FCFBFD;
  border: 1px solid #E5E7EB;
  border-radius: 12px !important;
  margin-bottom: 10px;
  padding: 20px 24px;
}

.layout-content.status.status-index .components-section .component-container .name {
  color: #1F2023;
  font-size: 18px;
  line-height: 130%;
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container .component-status {
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 600;
  background-color: #D8FAE0;
  border-radius: 8px;
  border: 1px solid #04AB5A40;
  padding: 2px 8px 2px;
}

/* Degraded */
.layout-content.status.status-index .components-section .components-container.one-column .component-container .component-inner-container.status-yellow .component-status {
  background-color: #FFF8DE;
  border-color: #FFE8B8;
}

/* Partial Outage */
.layout-content.status.status-index .components-section .components-container.one-column .component-container .component-inner-container.status-orange .component-status {
  background-color: #FFEEDB;
  border-color: #FDD3AB;
}

/* Major Outage */
.layout-content.status.status-index .components-section .components-container.one-column .component-container .component-inner-container.status-red .component-status {
  background-color: #FFE5E8;
  border-color: #FFACC0;
}

/* Under Maintenance */
.layout-content.status.status-index .components-section .components-container.one-column .component-container .component-inner-container.status-blue .component-status {
  background-color: #D7EAFC;
  border-color: #A1CAF6;
}

.shared-partial.uptime-90-days-wrapper svg rect {
  rx: 2px;
  ry: 2px;
}

.shared-partial.uptime-90-days-wrapper {
  margin-top: 10px;
}

.shared-partial.uptime-90-days-wrapper .legend .legend-item {
  font-size: 12px;
  line-height: 130%;
  color: #505154 !important;
  letter-spacing: -0.01em;
}

.fa-plus-square-o:before,
.fa-minus-square-o:before {
  color: #747374;
  font-size: 20px;
}

.layout-content.status.status-index .components-section .component-container .group-parent-indicator:focus {
  box-shadow: none;
}

.shared-partial.uptime-90-days-wrapper .legend {
  margin-top: 10px;
  align-items: center;
  gap: 10px;
}

.layout-content.status .shared-partial.uptime-90-days-wrapper .legend .spacer {
  background: #B9DAFF;
  margin: 0;
}

.layout-content.status.status-index .components-section .component-container .child-components-container {
  padding-left: 0;
}

.layout-content.status.status-index .components-section .component-container .child-components-container .component-inner-container,
.layout-content.status.status-index .components-section .component-container .child-components-container .component-inner-container.showcased {
  background: #F1F8FF;
  border: 1px solid #DCEDFF;
  padding: 12px 20px;
  border-radius: 12px;
  margin-top: 10px;
}

/* Past Incidents */
.layout-content.status .incidents-list {
  padding-top: 50px;
  border-top: 1px solid #B9DAFF;
  margin-top: 50px;
}

.layout-content.status .incidents-list .font-largest {
  font-size: 32px;
  color: #1F2023;
  line-height: 130%;
  margin-bottom: 30px;
  display: block;
}

.layout-content.status .incidents-list.format-expanded .status-day .date,
.layout-content.status.status-full-history .months-container .month .month-title {
  font-size: 18px;
  line-height: 130%;
  color: #1F2023;
  border: 0;
  margin-bottom: 10px;
}

.layout-content.status .incidents-list.format-expanded .status-day p,
.layout-content.status.status-index .incident-container,
.layout-content.status.status-full-history .months-container .month .incident-data,
.months-container .month .month-content .incident-history .incident-list span {
  display: block;
  font-size: 14px;
  font-weight: 300;
  color: #505154;
  line-height: 150%;
  letter-spacing: -0.01em;
  padding: 16px 20px;
  background: #FFFFFF;
  border-radius: 8px;
}

.layout-content.status.status-index .incident-container .updates-container .update,
.layout-content.status.status-full-history .months-container .month .incident-container div {
  font-size: 14px;
  font-weight: 300;
  color: #505154;
  line-height: 150%;
  letter-spacing: -0.01em;
}

.layout-content.status.status-index .incident-container .font-large,
.layout-content.status.status-full-history .months-container .month .incident-data .font-large {
  display: block;
  font-size: 16px;
  line-height: 130%;
  color: #1F2023;
  margin-bottom: 10px;
}

.layout-content.status.status-index .incident-container strong {
  font-weight: 500;
  color: #1F2023;
}

.layout-content.status.status-index .incident-container small,
.layout-content.status.status-full-history .months-container .month .incident-container div.font-small {
  display: block;
  font-size: 12px;
  color: #9D9D9D;
}

.page-footer {
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.page-footer span,
.page-footer span a {
  font-size: 12px;
  color: #505154;
  line-height: 150%;
  letter-spacing: -0.01em;
  text-decoration: none;
}

.page-footer a {
  font-size: 12px;
  color: #006BE2;
  text-decoration: underline;
}

.page-footer a .current-status-arrow {
  color: #006BE2;
}

/* Tooltips */
.layout-content.status.status-full-history .uptime-calendar #uptime-tooltip .tooltip-box,
#uptime-tooltip .tooltip-box {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  background-color: #FCFBFD !important;
  border: 1px solid #E5E7EB;
}

#uptime-tooltip .date {
  margin-left: 0;
}

#uptime-tooltip .no-outages-msg,
#uptime-tooltip .no-data-msg,
#uptime-tooltip .outage-count {
  margin-left: 0;
  font-size: 14px;
  color: #505154;
  line-height: 150%;
  letter-spacing: -0.01em;
}

/* Uptime History */
body.status .layout-content.status .border-color,
hr,
.tooltip-base,
.markdown-display table,
div[id^="subscribe-modal"],
#uptime-tooltip .tooltip-box {
  border-color: #B9DAFF;
}

.layout-content.status.status-full-history .history-nav a.current {
  background-color: #B9DAFF;
}

.layout-content .history-header .pagination,
.layout-content .uptime-header .pagination {
  display: flex;
  align-items: center;
}

.layout-content.status.status-full-history .history-header .pagination a,
.layout-content.status.status-full-history .uptime-header .pagination a {
  height: 20px;
  width: 20px;
  line-height: normal;
  border-radius: 2px;
  border-color: #E0E0E0;
  position: relative;
}

.layout-content.status.status-full-history .history-header .pagination .current,
.layout-content.status.status-full-history .uptime-header .pagination .current {
  font-size: 14px;
  letter-spacing: -0.01em;
  margin: 0 5px;
}

.layout-content.status.status-full-history .history-header .pagination a.previous-page i,
.layout-content.status.status-full-history .uptime-header .pagination a.previous-page i,
.layout-content.status.status-full-history .history-header .pagination a.next-page i,
.layout-content.status.status-full-history .uptime-header .pagination a.next-page i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
}

.layout-content.status.status-full-history .history-header i:before,
.layout-content.status.status-full-history .uptime-header i:before {
  color: #505154;
  font-size: 8px;
}

.css-5a7vsu-container {
  font-size: 14px !important;
  letter-spacing: -0.01em !important;
  font-family: "Outfit", sans-serif !important;

}

.css-wjj10o-control {
  border: 1px solid #E0E0E0 !important;
}

.css-hkzqy0-singleValue {
  line-height: 130% !important;
}

.layout-content.status.status-full-history .history-header .pagination-container,
.layout-content.status.status-full-history .uptime-header .pagination-container {
  height: 48px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 10px;
}

.layout-content.status.status-full-history .uptime-calendar .uptime-calendar-display .calendar-month .day {
  border-radius: 2px;
}

/* Mobile */
@media screen and (max-width: 510px) {
  .layout-content.status.status-index .page-status .status {
    font-size: 18px;
  }

  .layout-content.status.status-index .page-status {
    border-radius: 6px;
    padding: 12px 10px 12px 10px;
  }

  .layout-content.status.status-index .page-status:after {
    width: 25px;
    height: 25px;
  }

  .layout-content.status.status-index .components-section .component-container,
  .layout-content.status.status-index .components-section .components-container.one-column .component-container:first-child,
  .layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-child(2),
  .layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-last-child(2),
  .layout-content.status.status-index .components-section .components-container.one-column .component-container:nth-child(3),
  .layout-content.status.status-index .components-section .components-container.one-column .component-container:last-child {
    border-radius: 6px !important;
    padding: 15px 15px;
  }

  .layout-content.status.status-index .components-section .component-container .child-components-container .component-inner-container,
  .layout-content.status.status-index .components-section .component-container .child-components-container .component-inner-container.showcased {
    border-radius: 6px;
    padding: 10px 12px;
  }

  .layout-content.status.status-index .components-section .components-container.one-column .component-container .component-status {
    font-size: 10px;
  }

  .layout-content.status.status-index .components-section .component-container .name {
    font-size: 16px;
  }

  .layout-content.status .incidents-list.format-expanded .status-day p,
  .layout-content.status.status-index .incident-container,
  .layout-content.status.status-full-history .months-container .month .incident-data,
  .months-container .month .month-content .incident-history .incident-list span {
    padding: 10px 15px;
    border-radius: 6px;
  }

  .layout-content.status .incidents-list .font-largest {
    font-size: 24px;
  }

  .layout-content.status .masthead-container.basic .masthead.has-logo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  .layout-content.status .masthead-container.basic .masthead .logo-container {
    max-width: 150px;
  }

  .layout-content.status .masthead-container.basic .masthead .logo-container,
  .layout-content.status .masthead-container .updates-dropdown-container {
    float: none;
    width: 100%;
  }

  .layout-content.status .masthead-container .updates-dropdown-container .updates-dropdown {
    right: auto;
    transform: translate(-50%, -0%);
    left: 50%;
    top: 120%;
  }
}