.maintenance label {
	margin: auto 0;
}

.maintenance md-checkbox {
	--md-sys-color-primary: #d63638;
}

.maintenance md-filled-button {
	--md-filled-button-container-color:#d63638;
}

.settings-purging-checkbox {
	display: flex;
}

.dkim-key-size {
	align-content: center;
}

.maintenance form {
	display: flex;
	gap: 16px;
}

.stepper {
	display: flex;
	flex-direction: row;
	gap: 60px;
	width: 100%;
}

.stepper > .steps {
	margin-top: 16px;
}

.stepper > .steps > .step {
	display: flex;
	flex-direction: row;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.stepper > .steps > .step > .step-number {
	align-items: center;
	background-color: var(--md-filled-button-container-color);
	border-radius: 16px;
	color: var(--md-elevated-button-container-color);
	display: flex;
	font-size: 14px;
	height: 20px;
	justify-content: center;
	margin-right: 12px;
	width: 20px;
}

.stepper > .steps > .step-connector {
	background-color: var(--foregrounddisabled);
	margin-left: 8px;
	padding: 8px 0;
	width: 3px;
}

.stepper > .steps > .step > .step-number-disabled {
	background-color: var(--foregrounddisabled);
}

.stepper > .steps > .step > .step-number-done {
	background-color: #1eac08;
}

.stepper > .steps > .step-done {
	color:  #1eac08;
}

.stepper > .steps > .step-disabled {
	color: var(--foregrounddisabled);
}

.stepper > .step-content {
	width: 70%
}

.stepper > .step-content h2 {
	font-size: 18px;
}

.stepper > .step-content p {
	font-size: 12px;
}

.stepper > .step-content > .dkim-records {
	display: flex;
	flex-direction: column;
	gap: 32px
}

.stepper > .step-content > .dkim-records > .dkim-record {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 14px;
}

.stepper > .step-content > .dkim-records > .dkim-record > .dkim-record-box {
	background-color: #f4f4f4;
	display: flex;
	padding: 4px 8px 8px 8px;
    border-radius: 8px;
}

.stepper > .step-content > .dkim-records > .dkim-record > .dkim-record-box > div {
    display: flex;
	flex-direction: column;
}

.stepper > .step-content > .dkim-records > .dkim-record > .dkim-record-box > div > label {
    font-size: 11px;
    line-height: 20px;
}

.stepper > .step-content > .dkim-records > .dkim-record > .dkim-record-box > md-text-button {
	--_label-text-color: #3c434a;
    --_hover-label-text-color: #3c434a53;
    --_hover-state-layer-color: #f4f4f4;
    --_hover-state-layer-opacity: #3c434a;
	--_focus-label-text-color:  #3c434a53;
	border-radius: 4px;
	margin: auto 0 auto auto;
	width: 24px;
}	

.stepper > .step-content > .dkim-records > .dkim-record > .dkim-record-box > md-text-button:hover .tooltip {
	visibility: visible;
	opacity: 1;
}

.stepper > .step-content > .dkim-records > .dkim-record > .dkim-record-box > md-text-button > .tooltip {
  background-color: #3c434a;
  bottom: 150%;
  color: #f4f4f4;
  font-family: "Inter", Helvetica, serif;
  font-size: 12px;
  font-weight: 400;
  opacity: 0;
  padding: 5px;
  position: absolute;
  text-align: center;
  transition: opacity 0.3s;
  visibility: hidden;
  white-space: nowrap;
  z-index: 1;
}

.stepper > .step-content > .social-login {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 16px;
	width: 350px;
}

.stepper > .step-content > .social-login > .continue-with-google-link > .google {
	display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 48 48'%3E%3Cdefs%3E%3Cpath id='a' d='M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z'/%3E%3C/defs%3E%3CclipPath id='b'%3E%3Cuse xlink:href='%23a' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23b)' fill='%23FBBC05' d='M0 37V11l17 13z'/%3E%3Cpath clip-path='url(%23b)' fill='%23EA4335' d='M0 11l17 13 7-6.1L48 14V0H0z'/%3E%3Cpath clip-path='url(%23b)' fill='%2334A853' d='M0 37l30-23 7.9 1L48 0v48H0z'/%3E%3Cpath clip-path='url(%23b)' fill='%234285F4' d='M48 48L17 24l-4-3 35-10z'/%3E%3C/svg%3E");
	vertical-align: middle;
}

.stepper > .step-content > .divider {
	align-items: center;
	display: flex;
	gap: 10px;
	width: 350px;
}

.stepper > .step-content > .email-verification, .sign-in {
	width: 350px;
}

.stepper > .step-content > .sign-in > form {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 18px;
	width: 350px;
}

.stepper > .step-content > .sign-in > form > .signup-link {
	cursor: pointer;
	font-weight: 500;
	margin-bottom: 8px;
	margin-right: auto;
	padding: 4px;
	text-decoration: none;
}

.compliments-icon {
	align-items: center;
	background-color: var(--md-filled-button-container-color);
	border-radius: 16px;
	color: var(--md-elevated-button-container-color);
	display: flex;
	font-size: 28px;
	height: 30px;
	justify-content: center;
	margin-right: 12px;
	width: 30px;
	background-color: #1eac08;
}

.account > .card-title > .plan {
	display: flex;
	flex: 1;
	gap: 5px;
}

.account > .card-title > .plan > .description {
	margin: auto 0px;
}

.account > .card-title > .plan > md-suggestion-chip {
	--_container-shape-start-start: 16px;
	--_container-shape-start-end: 16px;
	--_container-shape-end-start: 16px;
	--_container-shape-end-end: 16px;
	--_disabled-label-text-opacity: 1;
	--_label-text-font: "Inter", Helvetica, serif;
	--_outline-color: none;
}

.account > .card-title > .plan > md-suggestion-chip.guest {
	background-color: #C0D3F9;
}


.account > .card-title > .plan > md-suggestion-chip.free {
	background-color: #6DD58C;
}

.account > .card-title > .buttons {
	flex: 1;
}

ul {
    list-style: disc;
    margin: .5em;
    padding: 0 1em;
}
ul li {
	margin: 0;
}
li ul {
    list-style: square;
    margin: .5em 0;
    padding: 0 .5em;
}
li ul li {
    margin: .25em .5em;
}