@import url('https://cdn.workos.com/fonts/UntitledSans-Medium.otf');

@import url('https://cdn.workos.com/fonts/UntitledSans-Regular.otf');

:root {
  --card-left-padding: 36px;
}

body {
  font-family: 'Untitled Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica', 'Arial', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji';
}

/* header stuff */
.layout-content.status .masthead-container.basic {
  width: 90%;
	  max-width: 850px;
  margin: 0 auto;
}

.incident .masthead-container.basic {
  max-width: 600px !important;
}

.incident .subscribe-button {
	  display: none;
}

.masthead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--test)
}

@media screen and (max-width: 450px) {
 :root {
   --card-left-padding: 0px; 
 }
          
  .masthead {
  	  flex-direction: column;
  }
	
}



/* subscribe button */
.flat-button, .layout-content.status .masthead-container .updates-dropdown-container .show-updates-dropdown {
  text-transform: none;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 12px;
  text-shadow: none;
  box-shadow: none;
}

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

/* 2025.02.17 – Removing this for now since it was duplicating          
.updates-dropdown-container .show-updates-dropdown:after {
  content: "Subscribe to updates"
}
*/
          
/* footer */

.page-footer a.color-secondary {
	  color: #ffffff !important;
}

/* page status */

.layout-content.status.status-index .page-status {
  margin-bottom: 80px;
  padding: 24px;
  border: 1px solid #DDDDE3;
  border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  -o-border-radius: 8px !important;
  -ms-border-radius: 8px !important;
}

.page-status.status-none {
		  background-color: transparent !important;
}

.layout-content.status.status-index .page-status .status {
  margin-bottom: 0;
  color: #000000 !important;
  text-shadow: none !important;
  line-height: 24px;
  height: 24px;
  display: flex;
  gap: 12px;
}

.status-none > h2.status:before {
	  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('https://images.workoscdn.com/images/90810f33-98b9-4a68-8bb6-ed649c78ed98.png');
  background-size: cover;
  background-position: center;
}

.unresolved-incident .incident-title a.actual-title, .incidents-list .incident-title a,
.incident-history .incident-data a {
  color: #000000 !important;
  text-shadow: none !important;
  line-height: 24px !important;
}


/* minor, aka yellow */
/* including impact-none here too */

.impact-minor .incident-title:before,
.impact-none .incident-title:before,
.incidents-list .incident-title.impact-minor a:before,
.incidents-list .incident-title.impact-none a:before,
.incident-history .incident-data a.impact-minor:before,
.incident-history .incident-data a.impact-none:before
{
  content: '';
  float: left;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background-image: url('https://images.workoscdn.com/images/bfd4b1a3-7623-44aa-8254-48c65c88b148.png');
  background-size: cover;
  background-position: center;
}

/* major, aka orange */

.impact-major .incident-title:before,
.incidents-list .incident-title.impact-major a:before, .incident-history .incident-data a.impact-major:before {
  content: '';
  float: left;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background-image: url('https://images.workoscdn.com/images/ce06512d-dfcd-4f1a-a435-8734a013bf62.png');
  background-size: cover;
  background-position: center;
}

/* critical, aka red */

.impact-critical .incident-title:before, .incidents-list .incident-title.impact-critical a:before,
.incident-history .incident-data a.impact-critical:before {
  content: '';
  float: left;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background-image: url('https://images.workoscdn.com/images/d8da73ce-15a3-40e6-9b68-7872637596f3.png');
  background-size: cover;
  background-position: center;
}

/* maintenance, aka purple */

.impact-maintenance .incident-title:before, .incidents-list .incident-title.impact-maintenance a:before,
.incident-history .incident-data a.impact-maintenance:before {
  content: '';
  float: left;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background-image: url('https://images.workoscdn.com/images/656914ce-11bd-4ed4-9cec-37dde2b47179.png');
  background-size: cover;
  background-position: center;
}

.impact-minor .incident-title:before,
.impact-none .incident-title:before,
.impact-major .incident-title:before,
.impact-critical .incident-title:before,
.impact-maintenance .incident-title:before {
  margin-top: 4px;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates .update {
  font-size: 14px;
  line-height: 18px;
  margin: 4px 0 12px;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates .update strong {
  font-weight: 500;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .updates .update small {
  font-size: 12px;
  line-height: 16px;
  margin-top: 2px;
}

.layout-content.status.status-index .unresolved-incident .incident-title {
  padding: 24px 24px 0 24px !important;
  background: transparent !important;
  border: 1px solid #DDDDE3 !important;
  border-bottom: none !important;
  border-radius: 8px 8px 0 0 !important;
  -moz-border-radius: 8px 8px 0 0 !important;
  -webkit-border-radius: 8px 8px 0 0 !important;
  -o-border-radius: 8px 8px 0 0 !important;
  -ms-border-radius: 8px 8px 0 0 !important;
}

.layout-content.status.status-index .unresolved-incident .updates {
  padding: 24px 24px 24px 60px !important;
  border: 1px solid #DDDDE3 !important;
  border-top: none !important;
  border-radius: 0 0 8px 8px !important;
  -moz-border-radius: 0 0 8px 8px !important;
  -webkit-border-radius: 0 0 8px 8px !important;
  -o-border-radius: 0 0 8px 8px !important;
  -ms-border-radius: 0 0 8px 8px !important;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title .subscribe {
  	color: #000000;
	  text-transform: none;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 12px;
  text-shadow: none;
  box-shadow: none;
  border: 1px solid #DDDDE3 !important;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
}

.layout-content.status.status-index .unresolved-incidents .unresolved-incident .incident-title .subscribe:hover {
  	color: #000000;
  background: #F9F9FB;

}

/* components section */

/* components header */

.fa, i.component-status {
  display: none;
}

.layout-content.status.status-index .components-section .components-uptime-link {
  text-align: left;
  padding: 16px 24px;
  font-size: 14px;
  line-height: 20px;
}

/* inner components */
.layout-content.status.status-index .components-section .component-container.is-group {
  padding: 24px;
}

.layout-content.status.status-index .components-section .components-container.one-column .component-container:first-child {
  border-radius: 8px 8px 0 0 !important;
  -moz-border-radius: 8px 8px 0 0 !important;
  -webkit-border-radius: 8px 8px 0 0 !important;
  -o-border-radius: 8px 8px 0 0 !important;
  -ms-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;
  -moz-border-radius: 0 0 8px 8px !important;
  -webkit-border-radius: 0 0 8px 8px !important;
  -o-border-radius: 0 0 8px 8px !important;
  -ms-border-radius: 0 0 8px 8px !important;
}

.component-inner-container
.name {
  font-size: 20px;
  line-height: 24px;
}


.child-components-container .component-inner-container .name,
.child-components-container .component-inner-container .component-status {
  font-size: 16px;
  line-height: 24px;
}

.child-components-container .legend {
  margin-top: 4px !important;
}

.layout-content.status .shared-partial.uptime-90-days-wrapper .legend .legend-item.light {
  font-size: 12px;
  line-height: 16px;
  color: #8B8D98;
}



.legend-item-uptime-value {
  visibility: hidden;
}

.legend .spacer {
  visibility: hidden;
}

.group-parent-indicator {
  display: none !important;
}

.child-components-container {
  display: block !important;
  padding-left: 0px !important;
}

.child-components-container .component-inner-container {
  margin-top: 16px !important;
}

.component-inner-container > .name {
  cursor: text !important;
}

.component-container > .component-inner-container {
  cursor: initial !important;
}

.components-container >
.component-container >
.component-inner-container >
.component-status {
  display: none !important;
}

.components-container >
.component-container >
.component-inner-container >
.uptime-90-days-wrapper {
  display: none !important;
}

/* incidents list */

/* hiding other incidents on the page */
.no-incidents {
	  display: none;
}

.incidents-list h2.font-largest {
  font-size: 20px;
  line-height: 28px;
}

/* unresolved incidents in the list */

.status-day p {
  font-size: 14px;
  line-height: 18px;
  padding: 24px;
  border: 1px solid #DDDDE3;
  border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  -o-border-radius: 8px !important;
  -ms-border-radius: 8px !important;
}

.layout-content.status .incidents-list.format-expanded .status-day {
  margin-top: 24px;
  margin-bottom: 12px;
}

.layout-content.status .incidents-list.format-expanded .status-day .date {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  border: none;
  padding-bottom: 0;
  margin-bottom: 8px;
}

.incident-container .incident-title {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}

.incident-container {
			  padding: 24px;
  border: 1px solid #DDDDE3;
  border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  -o-border-radius: 8px !important;
  -ms-border-radius: 8px !important;
}

.incident-container .updates-container {
	  padding-left: var(--card-left-padding);
}

.layout-content.status.status-index .incident-container .updates-container .update {
	  margin: 16px 0;
}

.updates-container .font-regular {
  font-size: 14px;
  line-height: 18px;
}

.updates-container strong {
  font-weight: 500;
}

.updates-container small {
  font-size: 12px;
  line-height: 16px;
  color: #8B8D98;
}

/* incident history page */
.history-nav {
  font-size: 14px;
  line-height: 20px;
}

.layout-content.status.status-full-history .history-nav a {
  padding: 10px 16px;
  margin-right: 0;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
}

.layout-content.status.status-full-history .history-nav a.current {
  font-weight: 500;
  border-style: none;
  border-bottom: 2px solid #6565EC;
}

.layout-content.status.status-full-history .months-container .month .month-title {
  font-size: 20px;
  line-height: 28px;
  border: none;
  padding-bottom: 0;
  margin-bottom: 8px;
}

.layout-content.status.status-full-history .months-container .month .incident-container .incident-body {
  font-size: 14px;
  line-height: 18px;
  margin: 12px 0 4px;
}

.layout-content.status.status-full-history .months-container .month .incident-container .font-small {
  font-size: 12px;
  line-height: 16px;
}

.layout-content.status.status-full-history .months-container .month .incident-container div {
  padding-left: var(--card-left-padding);
}

.incident-list .small {
  color: #8B8D98;
}

/* uptime page */

.css-164r41r {
  margin-top: 0 !important;
}

.month-uptime {
  display: none;
}

.month-header h6 {
  margin-bottom: 8px;
}

/* incident detail page */

.layout-content.status.status-incident .page-title {
  text-align: left;
  margin-bottom: 32px !important;
  padding-bottom: 32px;
  border-bottom: 1px solid #DDDDE3;
}

.page-title .incident-name {
  font-size: 24px !important;
  line-height: 28px !important;
  margin-bottom: 8px !important;
}

.page-title .subheader {
  font-size: 18px !important;
  line-height: 22px !important;
}

.status-incident .incident-name.impact-none,
.status-incident .incident-name.impact-minor,
.status-incident .incident-name.impact-major,
.status-incident .incident-name.impact-critical,
.status-incident .incident-name.impact-maintenance {
  color: #2B333B !important;
}


.page-title .subheader a.color-secondary {
	  color: #6565EC !important;
}

.incident-updates-container .font-large {
  font-size: 18px !important;
  line-height: 22px !important;
  font-weight: 500;
}

.incident-updates-container .update-body strong {
	  font-weight: 500;
}

.incident .components-affected {
  background: #F2F2F5;
  border: none !important;
  color: #60646C !important;
  padding: 16px !important;
  margin-top: 8px !important;
  border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  -o-border-radius: 8px !important;
  -ms-border-radius: 8px !important;
}

.layout-content.status.status-incident .page-footer {
  margin-top: 32px;
}