@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

.layout-content {
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
}

h4  {
	  font-size: 24px;
  font-weight: 500;
  color: #11181C;  
}

.font-largest {
	  font-size: 18px;
  font-weight: 500;
  color: #11181C;  
}

 .font-large {
	  font-size: 16px;
  font-weight: 500;  
}

.font-regular {
  font-size: 14px;
}

.font-small {
  font-size: 13px;
}

strong {
  font-weight: 500;
}

.logo-container {
  max-width: 240px !important;
}

.layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown {
 font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 13px !important;
  border-radius: 6px !important;
  background-color: #006AFF !important;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}

.layout-content.status.status-full-history .months-container .custom-focus:focus, .custom-focus:focus {
    outline: none;
}

.layout-content.status.status-full-history .months-container .custom-focus:focus, .custom-focus:focus-visible, :focus-visible {
    outline: 1px solid #006AFF;
}

.unresolved-incident {
  border-radius: 8px;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.component-status {
  font-weight: 500;
}

.unresolved-incident .incident-title {
  border-radius: 8px 8px 0 0; 
  padding: 0.65rem 1.25rem 0.65rem !important;
}

.unresolved-incident .incident-title .actual-title {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-shadow: none !important;
}

.unresolved-incident .updates {
  border-radius: 0 0 8px 8px;
  border-color: #D7DBDF !important;
  background-color: #fff;
}

.unresolved-incident .update:not(:last-child) {
  margin-bottom: 12px !important;
}

.components-container {
  border-radius: 8px;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.component-container {
  background-color: #fff;
  padding: 1rem 1.25rem !important;
}

.layout-content.status.status-index .components-section .components-container.one-column  .component-container:first-child {
  border-radius: 8px 8px 0 0 !important;
  -webkit-border-radius: 8px 8px 0 0 !important;
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container:last-child {
  border-radius: 0 0 8px 8px !important;
  -webkit-border-radius: 0 0 8px 8px !important;
}


.layout-content.status.status-index .components-section .component-container .name {
  overflow: visible;
  font-size: 14px;
  font-weight: 500;
  color: #11181C;
}

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

.layout-content.status.status-index .components-section .component-container .child-components-container .component-inner-container {
    margin-top: .75rem;
    font-size: 13px;
}

.layout-content.status.status-index .components-section .component-container .child-components-container .component-inner-container .name {
    color: #687076;
    font-weight: 400;
}

.tooltip-base {
  line-height: 16px !important;
}

.tooltip .tooltip-inner {
	  padding: 10px 12px;
  text-align: left;
  font-size: 12px;
  border-radius: 6px;
  max-width: 310px;
}

.tooltip-arrow {
  display: none !important;
}

.status-day .date {
  border: 0px !important;
}

.month .month-title {
  border: 0px !important;
  margin-bottom: 4px !important;
}

.incident-container {
  padding: 1.25rem;
  background-color: #fff;
  border: 1px solid #D7DBDF !important;
  border-radius: 8px;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.incident-data.incident-container .incident-body {
  font-size: 14px !important;
  line-height: 18px;
  text-align: left !important;
  margin-bottom: 4px;
}

.expand-incidents {
  color: #11181C;
  font-weight: 500;  
  background-color: #fff;
  border-radius: 8px !important;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.layout-content.status.status-full-history .history-header .pagination a {
 border: none !important;
  font-weight: 400 !important;
  font-size: 13px !important;
}

.layout-content.status.status-full-history .history-header .pagination .current {
  margin: 0 4px;
}

@media(width >= 640px) {
  .history-header {
    margin-top: -48px;
  }
}

.page-title .incident-name {
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: 500 !important;
  text-align: left !important;
}

.page-title .subheader {
  font-weight: 500 !important;
  text-align: left;
}

.layout-content.status.status-incident .components-affected {
  font-weight: 500;  
  background-color: #fff;
  border-radius: 8px !important;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}