html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

[hidden] {
	display: none !important;
}

.visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

html, body {
	min-height: 100%;
}

:root {
	--nav-clearance: 4.35em;
	--action-height: 3rem;
	--account-card-width: 34em;
	--account-card-min-height: 25em;
	--gooder-red: #ff335f;
	--gooder-red-rgb: 255, 51, 95;
}

body {
	display: flex;
	flex-direction: column;
	min-width: 320px;
	min-height: 100vh;
	padding-top: var(--nav-clearance);
	color: #fff;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	font-weight: 300;
	font-size: 14pt;
	text-align: center;
	background-color: #433961;
	background-image: linear-gradient(45deg, #27887b, #722b46 85%);
	xbackground-image: -moz-linear-gradient(45deg, #27887b, #722b46 85%);
	xbackground-image: -webkit-linear-gradient(45deg, #27887b, #722b46 85%);
	xbackground-image: -o-linear-gradient(45deg, #27887b, #722b46 85%);
	xbackground-image: -ms-linear-gradient(45deg, #27887b, #722b46 85%);
}

body:not(.full-nav) {
	display: block;
}

.site-nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	width: 100%;
	min-height: 4.35em;
	padding: 0 2.1em;
	border: 0;
	border-radius: 0;
	background: rgba(38, 39, 50, 0.34);
	box-shadow: 0 10px 28px rgba(0,0,0,0.08);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	transform: none;
}

.site-nav.index-nav {
	justify-content: flex-end;
}

.site-nav.index-nav .signin-link {
	font-weight: 300;
}

	.site-nav a {
		color: rgba(255,255,255,0.88);
		text-decoration: none;
		transition: color 0.25s ease;
	}

	.site-nav button {
		font: inherit;
	}

		.site-nav a:hover,
		.site-nav a:focus {
			color: #77fff1;
		}

	.site-nav-brand {
		font-size: 0.95em;
		font-weight: 700;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}

	.site-nav-toggle {
		display: none;
		width: 2.25em;
		height: 2.25em;
		padding: 0;
		border: solid 1px rgba(255,255,255,0.28);
		border-radius: 4px;
		background: rgba(255,255,255,0.08);
		outline: 0;
	}

		.site-nav-toggle span {
			display: block;
			width: 1.05em;
			height: 1px;
			margin: 0.27em auto;
			background: #fff;
			transition: transform 0.25s ease, opacity 0.25s ease;
		}

		.site-nav-links {
			display: flex;
			flex: 0 0 auto;
			align-items: center;
			justify-content: flex-end;
			flex-wrap: nowrap;
			gap: 1.25em;
			margin-left: 1.4em;
			font-size: 0.78em;
			font-weight: 400;
			text-align: center;
			text-transform: uppercase;
	}

		.site-nav.is-open .site-nav-links {
			display: flex;
		}

		.site-nav-links a,
		.site-nav-links summary,
		.currency-panel {
			padding: 0.55em 0.15em;
			border-top: 0;
			color: rgba(255,255,255,0.68);
			cursor: pointer;
			letter-spacing: 0.08em;
			list-style: none;
			white-space: nowrap;
		}

		.site-nav-links a:hover,
		.site-nav-links a:focus,
		.site-nav-links summary:hover,
		.site-nav-links summary:focus {
			color: #fff;
		}

		.site-nav-links small {
			display: none;
			margin-top: 0.2em;
			color: rgba(255,255,255,0.58);
			font-size: 0.78em;
			font-weight: 300;
		}

		.site-nav-links .nav-utility {
			display: none;
		}

		.signin-panel,
		.market-panel,
		.currency-panel {
			position: relative;
		}

		.signin-link {
			margin-right: 0.1em;
		}

		.signin-panel a {
			display: block;
			padding: 0.55em 0.8em;
		}

		.signin-panel[open],
		.market-panel[open] {
			color: #77fff1;
		}

		.signin-panel[open] .signin-list,
		.market-panel[open] .market-list {
			position: absolute;
			top: calc(100% + 0.55em);
			right: 0;
			z-index: 15;
			min-width: 18em;
			border: solid 1px rgba(255,255,255,0.18);
			border-radius: 4px;
			background: rgba(18, 18, 24, 0.92);
			box-shadow: 0 22px 55px rgba(0,0,0,0.22);
			backdrop-filter: blur(18px);
			-webkit-backdrop-filter: blur(18px);
			text-align: left;
		}

		.signin-panel[open] .signin-list {
			display: grid;
			gap: 0.1em;
			padding: 0.45em;
		}

		.market-list {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			width: min(42em, calc(100vw - 2em));
			max-height: 22em;
			overflow: auto;
			gap: 0 0.9em;
			padding: 0.75em 0.9em;
		}

			.market-list a {
				font-size: 0.86em;
			}

		.cart-link span {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			position: absolute;
			top: -0.52em;
			right: -0.72em;
			min-width: 1.45em;
			height: 1.45em;
			margin-left: 0;
			border-radius: 999px;
			background: #77fff1;
			box-shadow: 0 0 0 2px rgba(38,39,50,0.48);
			color: #172029;
			font-size: 0.75em;
			font-weight: 700;
			letter-spacing: 0;
		}

		.site-nav-links .cart-link {
			position: relative;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-width: 1.85em;
			min-height: 1.85em;
			padding: 0.1em 0.15em;
			border: 0;
			border-radius: 0;
			background: transparent;
			color: rgba(255,255,255,0.9);
			font-size: 1.22em;
		}

			.site-nav-links .cart-link:hover,
			.site-nav-links .cart-link:focus {
				color: #77fff1;
			}

		.currency-panel {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 0.45em;
		}

			.currency-panel select {
				border: solid 1px rgba(255,255,255,0.28);
				border-radius: 4px;
				background: rgba(255,255,255,0.08);
				color: #fff;
				padding: 0.3em 0.5em;
			}

			.currency-panel option {
				background: #fff;
				color: #111;
			}

	.site-nav.is-open .site-nav-toggle span:nth-child(1) {
		transform: translateY(0.28em) rotate(45deg);
	}

	.site-nav.is-open .site-nav-toggle span:nth-child(2) {
		opacity: 0;
	}

	.site-nav.is-open .site-nav-toggle span:nth-child(3) {
		transform: translateY(-0.28em) rotate(-45deg);
	}

body:before {
	content: '';
	display: inline-block;
	height: calc(100vh - var(--nav-clearance));
	vertical-align: middle;
	width: 1px;
}

body.has-domain-results:before {
	display: none;
}

body.full-nav:before {
	display: none;
}

body.has-domain-results #wrapper {
	display: block;
	margin: 0 auto;
	padding-top: 2em;
	vertical-align: top;
}

#wrapper {
	display: inline-block;
	width: 20em;
	padding: 0;
	vertical-align: middle;
}

	#wrapper header {
	}

		#wrapper header h1 {
			background-image: url('logo.svg');
			background-repeat: no-repeat;
			background-position: center center;
			background-size: contain;
			height: 2em;
			text-indent: 105%;
			overflow: hidden;
			white-space: nowrap;
		}

		#wrapper header p {
			margin: 0 0 2em 0;
		}

	#wrapper form {
		margin: 0 auto;
	}

	.domain-search-fields {
		position: static;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}

	#wrapper form input[type="text"],
		#wrapper form select {
			width: 100%;
			margin: 0 0 2em 0;
			border: 0;
			background: none;
			padding: 0 0 0.75em 0;
			border-bottom: solid 1px;
			outline: 0;
			border-radius: 0;
			transition: border-color 0.25s ease, color 0.25s ease;
			-moz-transition: border-color 0.25s ease, color 0.25s ease;
			-webkit-transition: border-color 0.25s ease, color 0.25s ease;
			-o-transition: border-color 0.25s ease, color 0.25s ease;
			-ms-transition: border-color 0.25s ease, color 0.25s ease;
		}

		#wrapper form .native-tld-select {
			position: absolute;
			width: 1px;
			height: 1px;
			opacity: 0;
			pointer-events: none;
		}

		.tld-picker {
			position: relative;
			margin: 0 0 1.35em;
			text-align: left;
		}

		.tld-toggle {
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;
			min-height: 2.65em;
			padding: 0 0 0.75em;
			border: 0;
			border-bottom: solid 1px rgba(255,255,255,0.9);
			border-radius: 0;
			background: transparent;
			color: rgba(255,255,255,0.72);
			outline: 0;
			text-align: left;
			transition: border-color 0.25s ease, color 0.25s ease;
		}

			.tld-toggle:hover,
			.tld-toggle:focus,
			.tld-picker.is-open .tld-toggle {
				border-color: #77fff1;
				color: #77fff1;
			}

			.tld-toggle i {
				font-size: 0.75em;
				transition: transform 0.2s ease;
			}

			.tld-picker.is-open .tld-toggle i {
				transform: rotate(180deg);
			}

		.tld-menu {
			display: none;
			position: absolute;
			top: calc(100% + 0.55em);
			left: 0;
			z-index: 12;
			width: 100%;
			max-height: 15em;
			padding: 0.48em;
			border: solid 1px rgba(255,255,255,0.18);
			border-radius: 4px;
			background: rgba(28, 30, 39, 0.72);
			box-shadow: 0 18px 45px rgba(0,0,0,0.24);
			backdrop-filter: blur(24px);
			-webkit-backdrop-filter: blur(24px);
			overflow: hidden;
		}

			.tld-picker.is-open .tld-menu {
				display: grid;
				gap: 0.16em;
			}

		.tld-filter {
			position: sticky;
			top: 0;
			z-index: 1;
			width: 100%;
			margin: 0;
			padding: 0.48em 0.62em;
			border: solid 1px rgba(255,255,255,0.18);
			border-radius: 4px;
			background: rgba(255,255,255,0.1);
			color: #fff;
			outline: 0;
		}

		#wrapper form .tld-filter {
			margin: 0 !important;
			padding: 0.48em 0.62em !important;
			border: solid 1px rgba(255,255,255,0.18) !important;
			border-radius: 4px !important;
			background: rgba(255,255,255,0.1) !important;
		}

		.tld-smart-note {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin: 0.38em 0 0;
			padding: 0.3em 0.5em 0.34em;
			color: rgba(119,255,241,0.78);
			font-size: 0.64em;
			font-weight: 400;
			letter-spacing: 0.04em;
			line-height: 1.15;
			text-transform: uppercase;
		}

		.tld-options {
			display: grid;
			gap: 0.16em;
			max-height: 10.5em;
			margin-top: 0.08em;
			overflow: auto;
			overscroll-behavior: contain;
		}

		.tld-option {
			width: 100%;
			padding: 0.4em 0.5em;
			border: 0;
			border-radius: 4px;
			background: transparent;
			color: rgba(255,255,255,0.86);
			text-align: left;
		}

			.tld-option:hover,
			.tld-option:focus {
				background: rgba(119,255,241,0.1);
				color: #77fff1;
			}

		.form-message {
			display: none;
			margin: -0.65em 0 1.2em;
			color: #ffd6e5;
			font-size: 0.78em;
			text-align: left;
		}

			.form-message.is-visible {
				display: block;
			}

		#wrapper form input[type="text"] {
			-webkit-appearance: none;
			appearance: none;
		}

		#wrapper form select {
			-webkit-appearance: menulist;
			appearance: auto;
			background-color: transparent;
			color: #fff;
			cursor: pointer;
		}

			#wrapper form select option {
				background: #fff;
				color: #111;
				font-family: Arial, sans-serif;
			}

			#wrapper form input[type="text"]:focus,
			#wrapper form select:focus {
				border-color: #77fff1;
				color: #77fff1;
			}

			::-webkit-input-placeholder { color: rgba(255,255,255,0.5) !important; opacity: 1.0; }
			:-moz-placeholder { color: rgba(255,255,255,0.5) !important; opacity: 1.0; }
			::-moz-placeholder { color: rgba(255,255,255,0.5) !important; opacity: 1.0; }
			:-ms-input-placeholder { color: rgba(255,255,255,0.5) !important; opacity: 1.0; }

			:focus::-webkit-input-placeholder { color: rgba(119,204,255,0.5) !important; opacity: 1.0; }
			:focus:-moz-placeholder { color: rgba(119,204,255,0.5) !important; opacity: 1.0; }
			:focus::-moz-placeholder { color: rgba(119,204,255,0.5) !important; opacity: 1.0; }
			:focus:-ms-input-placeholder { color: rgba(119,204,255,0.5) !important; opacity: 1.0; }

		#wrapper form selectbutton {
			-webkit-appearance: none;
			border: 0;
			display: block;
			width: 100%;
			background: none;
			height: calc(3.25em - 2px);
			line-height: calc(3.25em - 2px);
			border-radius: 4px;
			border: dashed 1px;
			outline: note;
			transition: border-color 0.25s ease, color 0.25s ease;
			-moz-transition: border-color 0.25s ease, color 0.25s ease;
			-webkit-transition: border-color 0.25s ease, color 0.25s ease;
			-o-transition: border-color 0.25s ease, color 0.25s ease;
			-ms-transition: border-color 0.25s ease, color 0.25s ease;

			margin-top: -1em;
		}

			#wrapper form selectbutton:focus {
				border-color: #77fff1;
				color: #77fff1;
			}

			#wrapper form select:hover, #wrapper form input[type="submit"]:focus {
				border-color: #77fff1;
				color: #77fff1;
			}

		#wrapper form .domain-choice {
			display: none;
			margin: -0.9em 0 1.5em 0;
			text-align: left;
		}

			#wrapper form .domain-choice.is-visible {
				display: block;
			}

			#wrapper form .domain-choice span {
				display: block;
				color: #77fff1;
				font-size: 1.65em;
				font-weight: 700;
				line-height: 1.1;
				overflow-wrap: anywhere;
			}

			#wrapper form .domain-choice strong {
				display: block;
				margin-top: 0.35em;
				color: rgba(255,255,255,0.82);
				font-size: 0.85em;
				font-weight: 300;
			}

		#wrapper form .domain-results {
			display: none;
			margin-top: 1.2em;
			text-align: left;
		}

			#wrapper form .domain-results.is-visible {
				display: block;
			}

			#wrapper form .domain-result,
			#wrapper form .suggestion-item {
				display: block;
				padding: 0.85em;
				border: solid 1px rgba(255,255,255,0.22);
				border-radius: 4px;
				background: rgba(255,255,255,0.08);
				backdrop-filter: blur(10px);
				-webkit-backdrop-filter: blur(10px);
			}

			#wrapper form .domain-result + .domain-result {
				margin-top: 0.65em;
			}

			#wrapper form .domain-result span {
				display: block;
				color: #77fff1;
				font-size: 0.75em;
				font-weight: 700;
				text-transform: uppercase;
			}

			#wrapper form .domain-result strong {
				display: block;
				margin: 0.2em 0;
				font-size: 1.35em;
				line-height: 1.1;
				overflow-wrap: anywhere;
			}

			#wrapper form .domain-result p {
				margin: 0.3em 0 0;
				color: rgba(255,255,255,0.78);
				font-size: 0.86em;
			}

			#wrapper form .privacy-inline {
				position: relative;
			}

				#wrapper form .domain-result a,
				#wrapper form .result-actions button,
				#wrapper form .suggestion-item button {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				border: solid 1px rgba(119,255,241,0.68);
				border-radius: 4px;
				background: rgba(119,255,241,0.1);
				color: #77fff1;
				font-weight: 700;
				padding: 0.45em 0.7em;
				text-align: center;
				text-decoration: none;
			}

			#wrapper form .result-actions {
				display: grid;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 0.45em;
				margin-top: 0.75em;
			}

				#wrapper form .result-actions a,
				#wrapper form .result-actions button {
					width: 100%;
					min-width: 0;
					min-height: 2.65em;
					box-sizing: border-box;
				}

				#wrapper form .result-actions button,
				#wrapper form .suggestion-item button {
					font-size: 0.82em;
				}

				#wrapper form .result-actions button:disabled,
				#wrapper form .suggestion-item button:disabled {
					opacity: 0.62;
					cursor: default;
				}

			#wrapper form .domain-result.is-taken span,
			#wrapper form .domain-result.is-error span {
				color: #ffd6e5;
			}

			#wrapper form .suggestion-list {
				display: grid;
				gap: 0.45em;
				margin-top: 0.65em;
			}

			#wrapper form .suggestion-item {
				display: grid;
				grid-template-columns: minmax(0, 1fr) auto auto;
				align-items: center;
				gap: 0.8em;
				color: #fff;
				text-decoration: none;
			}

				#wrapper form .suggestion-item:hover {
					border-color: #77fff1;
				}

				#wrapper form .suggestion-item span {
					font-weight: 700;
					overflow-wrap: anywhere;
				}

				#wrapper form .suggestion-item em {
					flex: 0 0 auto;
					color: rgba(255,255,255,0.72);
					font-style: normal;
				}

		.privacy-banner {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 0.45em;
			margin-top: 0.8em;
			color: rgba(255,255,255,0.78);
			font-size: 0.76em;
		}

		.bulk-registration-prompt {
			margin: 0.7em 0 0;
			color: rgba(255,255,255,0.58);
			font-size: 0.72em;
			line-height: 1.35;
		}

		.bulk-registration-prompt a {
			color: rgba(119,255,241,0.86);
			font-weight: 400;
			text-decoration: none;
		}

		.bulk-registration-prompt a:hover,
		.bulk-registration-prompt a:focus {
			color: #ffffff;
			text-decoration: underline;
		}

		.privacy-help {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 1.45em;
			height: 1.45em;
			padding: 0;
			border: solid 1px rgba(255,255,255,0.36);
			border-radius: 999px;
			background: rgba(255,255,255,0.08);
			color: #fff;
			font-size: 0.78em;
			font-weight: 700;
			line-height: 1;
		}

		.privacy-popover {
			display: none;
			position: absolute;
			z-index: 30;
			left: 0;
			bottom: calc(100% + 0.7em);
			width: min(24em, calc(100vw - 3em));
			padding: 1.05em 1.15em;
			border: solid 1px rgba(255,255,255,0.25);
			border-radius: 4px;
			background: rgba(18, 18, 24, 0.76);
			box-shadow: 0 18px 45px rgba(0,0,0,0.28);
			backdrop-filter: blur(18px);
			-webkit-backdrop-filter: blur(18px);
			color: rgba(255,255,255,0.88);
			line-height: 1.45;
			text-align: left;
		}

			.privacy-popover.is-visible {
				display: block;
			}

		#wrapper form input[type="submit"] {
			-webkit-appearance: none;
			appearance: none;
			border: 0;
			display: grid;
			place-items: center;
			width: 100%;
			background: none;
			height: calc(3.25em - 2px);
			line-height: 1;
			border-radius: 4px;
			border: solid 1px;
			outline: none;
			transition: border-color 0.25s ease, color 0.25s ease;
			-moz-transition: border-color 0.25s ease, color 0.25s ease;
			-webkit-transition: border-color 0.25s ease, color 0.25s ease;
			-o-transition: border-color 0.25s ease, color 0.25s ease;
			-ms-transition: border-color 0.25s ease, color 0.25s ease;

			margin-top: 1em;
		}

			#wrapper form input[type="submit"]:hover, #wrapper form input[type="submit"]:focus {
				border-color: #77fff1;
				color: #77fff1;
			}

.site-footer {
	width: min(58em, calc(100% - 2em));
	margin: clamp(1.5em, 4vh, 3em) auto 2em;
	padding-top: 1.5em;
	color: rgba(255,255,255,0.72);
	font-size: 0.72em;
	line-height: 1.45;
	text-align: center;
}

	.footer-links {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 0.55em 1.1em;
		margin-bottom: 0.8em;
	}

		.footer-links a {
			color: rgba(255,255,255,0.82);
			font-weight: 400;
			text-decoration: none;
		}

		.footer-links a:hover {
			color: #77fff1;
		}

.fas {
	display: inline-block;
	font-style: normal;
	line-height: 1;
}

.fas:before {
	content: "?";
}

.fa-shopping-cart {
	position: relative;
	width: 1.08em;
	height: 1.16em;
}

.fa-shopping-cart:before {
	content: "";
	position: absolute;
	left: 0.12em;
	bottom: 0.04em;
	width: 0.84em;
	height: 0.78em;
	border: solid 0.11em currentColor;
	border-radius: 0.12em;
}

.fa-shopping-cart:after {
	content: "";
	position: absolute;
	left: 0.34em;
	top: 0.04em;
	width: 0.38em;
	height: 0.36em;
	border: solid 0.11em currentColor;
	border-bottom: 0;
	border-radius: 0.42em 0.42em 0 0;
}
.fa-user-circle:before { content: "\25C9"; }
.fa-user-plus:before { content: "+"; }
.fa-globe:before { content: "\25CE"; }
.fa-info-circle:before { content: "i"; }
.fa-sliders-h:before { content: "\2630"; }
.fa-cog:before { content: "\2699"; }
.fa-sync-alt:before { content: "\21BB"; }
.fa-calendar-alt:before { content: "\25A3"; }
.fa-receipt:before { content: "\25A4"; }
.fa-file-import:before { content: "\21E3"; }
.fa-file-export:before { content: "\21E1"; }
.fa-list-import:before { content: "\21B4"; }
.fa-calendar-times:before { content: "\26A0"; }
.fa-shield-alt:before,
.fa-user-shield:before { content: "\25C8"; }
.fa-headset:before,
.fa-life-ring:before { content: "\260E"; }
.fa-search:before { content: "\2315"; }
.fa-plus:before { content: "+"; }
.fa-layer-group:before { content: "\25A6"; }
.fa-project-diagram:before { content: "\25C7"; }
.fa-exchange-alt:before,
.fa-random:before { content: "\21C4"; }
.fa-sign-in-alt:before { content: "\21E5"; }
.fa-route:before { content: "\21AA"; }
.fa-share:before { content: "\2197"; }
.fa-bell:before { content: "\25E6"; }
.fa-id-card:before { content: "\25A3"; }
.fa-address-card:before { content: "\25A4"; }
.fa-phone:before { content: "\260E"; }
.fa-tools:before { content: "\2699"; }
.fa-server:before { content: "\25A5"; }
.fa-list:before { content: "\2630"; }
.fa-lock:before { content: "\25A0"; }
.fa-key:before { content: "\26BF"; }
.fa-credit-card:before { content: "\25AD"; }
.fa-clock:before,
.fa-history:before { content: "\25F7"; }
.fa-arrow-left:before { content: "\2190"; }
.fa-chevron-down:before { content: "\2304"; }
.fa-envelope:before { content: "\2709"; }
.fa-question-circle:before { content: "?"; }
.fa-balance-scale:before { content: "\2696"; }
.fa-user-secret:before { content: "\25C7"; }
.fa-check-circle:before { content: "\2713"; }
.fa-file-contract:before { content: "\00A7"; }

.page-shell {
	flex: 1 0 auto;
	width: min(64em, calc(100% - 2em));
	margin: 0 auto;
	padding: 2.2em 0 3em;
	text-align: left;
}

.page-hero {
	margin: 1.2em 0 1.4em;
}

	.page-hero h1 {
		margin: 0;
		font-size: 2.1em;
		line-height: 1.05;
	}

	.page-hero p {
		max-width: 42em;
		color: rgba(255,255,255,0.76);
		line-height: 1.45;
	}

.order-confirmation-hero {
	position: relative;
	overflow: hidden;
	padding: 1.1em;
	border: solid 1px rgba(119,255,241,0.24);
	border-radius: 4px;
	background:
		linear-gradient(135deg, rgba(119,255,241,0.13), rgba(255,255,255,0.06) 46%, rgba(255,136,192,0.12));
	box-shadow: 0 1em 2.4em rgba(0,0,0,0.18);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.success-badge {
	display: inline-flex;
	align-items: center;
	min-height: 2.1em;
	margin-bottom: 0.85em;
	padding: 0 0.85em;
	border: solid 1px rgba(119,255,241,0.42);
	border-radius: 4px;
	background: rgba(119,255,241,0.13);
	color: #77fff1;
	font-size: 0.78em;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.page-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.8em;
}

.page-card,
.checkout-panel {
	padding: 1em;
	border: solid 1px rgba(255,255,255,0.18);
	border-radius: 4px;
	background: rgba(255,255,255,0.08);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

	.page-card h2,
	.checkout-panel h2 {
		margin: 0 0 0.45em;
		font-size: 1.05em;
	}

	.page-card p,
	.checkout-panel p {
		color: rgba(255,255,255,0.74);
		line-height: 1.45;
	}

	.page-card a,
	.checkout-panel a,
	.checkout-panel button {
		color: #77fff1;
		font-weight: 700;
		text-decoration: none;
	}

	.page-card > a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		box-sizing: border-box;
		margin-top: 0.35em;
		padding: 0.55em 0.75em;
		border: solid 1px rgba(119,255,241,0.48);
		border-radius: 4px;
		background: rgba(119,255,241,0.08);
		text-align: center;
	}

	.card-link-row {
		display: flex;
		flex: 0 0 auto !important;
		flex-wrap: wrap;
		justify-content: center;
		gap: 0.75em;
		margin: 0.75em 0 0 !important;
		font-size: 0.78em;
	}

	.card-link-row a {
		color: rgba(119,255,241,0.86);
		font-weight: 400;
		text-decoration: none;
	}

	.card-link-row a:hover,
	.card-link-row a:focus {
		color: #ffffff;
		text-decoration: underline;
	}

.signin-hero {
	max-width: 46em;
}

.signin-layout,
.signin-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.12fr) minmax(18em, 0.88fr);
	gap: 0.9em;
	max-width: 54em;
	align-items: stretch;
}

.signin-card {
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.compact-page-hero {
	margin-bottom: 1.2em;
}

.card-title-line {
	display: flex;
	align-items: center;
	gap: 0.48em;
	margin-bottom: 0.75em;
}

.card-title-line > i {
	color: #77fff1;
	font-size: 1.04em;
	line-height: 1;
}

.card-title-line > h2 {
	margin: 0;
}

.signin-person-icon {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.15em;
	height: 1.1em;
	color: #77fff1;
	font-size: 1.04em;
	line-height: 1;
}

.signin-person-icon::before {
	content: "";
	position: absolute;
	top: 0.02em;
	left: 50%;
	width: 0.42em;
	height: 0.42em;
	border: solid 0.12em currentColor;
	border-radius: 999px;
	transform: translateX(-50%);
}

.signin-person-icon::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0.86em;
	height: 0.42em;
	border: solid 0.12em currentColor;
	border-bottom: 0;
	border-radius: 0.7em 0.7em 0 0;
	transform: translateX(-50%);
}

.signin-person-icon b {
	position: absolute;
	right: -0.42em;
	top: -0.42em;
	color: #ffffff;
	font-size: 0.82em;
	font-weight: 700;
	line-height: 1;
}

.signin-card p {
	margin-top: 0;
}

.signin-card-primary {
	border-color: rgba(119,255,241,0.34);
	background: rgba(119,255,241,0.1);
}

.signin-layout-single {
	grid-template-columns: minmax(0, 1fr);
	max-width: 26em;
	margin-right: auto;
	margin-left: auto;
}

.signin-tabs-card {
	width: 100%;
}

.signin-layout-single .signin-card {
	width: 100%;
	min-height: 0;
	padding: 0.68em;
}

.signin-tabs-card .card-title-line {
	margin-bottom: 0.58em;
}

.signin-tabs-card .card-title-line > h2 {
	font-size: 0.98em;
}

.signin-tabs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.28em;
	margin: 0 0 0.52em;
	padding: 0.18em;
	border: solid 1px rgba(255,255,255,0.16);
	border-radius: 4px;
	background: rgba(0,0,0,0.1);
}

.signin-tabs button {
	min-height: 2.1em;
	border: solid 1px transparent;
	border-radius: 4px;
	background: transparent;
	color: rgba(255,255,255,0.76);
	font: inherit;
	font-size: 0.86em;
	font-weight: 700;
	cursor: pointer;
}

.signin-tabs button.is-active {
	border-color: rgba(119,255,241,0.58);
	background: rgba(119,255,241,0.18);
	color: #ffffff;
}

.signin-context-note {
	margin: -0.16em 0 0.62em;
	color: rgba(255,255,255,0.62);
	font-size: 0.76em;
	line-height: 1.35;
}

.signin-tab-panel[hidden] {
	display: none;
}

.signin-tabs-card .gooder-form {
	gap: 0.5em;
	margin-top: 0;
}

.signin-tabs-card .gooder-form label {
	gap: 0.22em;
	font-size: 0.78em;
}

.signin-tabs-card .gooder-form input[type="email"],
.signin-tabs-card .gooder-form input[type="password"],
.signin-tabs-card .gooder-form input[type="text"] {
	min-height: 2.28em;
	padding: 0.38em 0.54em;
}

.signin-tabs-card .gooder-form button {
	min-height: 2.38em;
	font-size: 0.88em;
}

.signin-create-card > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 2.9em;
	margin-top: auto;
	border: solid 1px rgba(119,255,241,0.58);
	border-radius: 4px;
	background: rgba(119,255,241,0.16);
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
}

.signin-form-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.85em;
	margin-top: -0.15em;
	color: rgba(255,255,255,0.78);
	font-size: 0.84em;
}

.signin-form-row a {
	color: rgba(119,255,241,0.78);
	font-weight: 400 !important;
	text-decoration: none;
	white-space: nowrap;
}

.signin-form-row a:hover,
.signin-form-row a:focus {
	color: #ffffff;
	text-decoration: underline;
}

.signin-remember {
	display: inline-flex !important;
	grid-template-columns: none !important;
	align-items: center;
	gap: 0.45em !important;
	font-size: 1em !important;
	font-weight: 400 !important;
}

.signin-remember input {
	width: 1em;
	height: 1em;
	accent-color: #77fff1;
}

.signin-benefits {
	display: grid;
	gap: 0.42em;
	margin: 0.85em 0 1em;
	padding: 0;
	color: rgba(255,255,255,0.78);
	font-size: 0.88em;
	list-style: none;
}

.signin-benefits li {
	position: relative;
	padding-left: 1em;
}

.signin-benefits li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.62em;
	width: 0.35em;
	height: 0.35em;
	border-radius: 999px;
	background: #77fff1;
}

.gooder-form {
	display: grid;
	gap: 0.8em;
	margin-top: 0.7em;
}

.gooder-form label {
	display: grid;
	gap: 0.35em;
	color: rgba(255,255,255,0.82);
	font-size: 0.88em;
	font-weight: 700;
}

.gooder-form label span {
	text-align: left;
}

.gooder-form input[type="email"],
.gooder-form input[type="password"],
.gooder-form input[type="text"],
.gooder-form textarea {
	width: 100%;
	min-height: 2.75em;
	padding: 0.55em 0.68em;
	border: solid 1px rgba(255,255,255,0.22);
	border-radius: 4px;
	background: rgba(0,0,0,0.12);
	color: #fff;
	font: inherit;
	outline: 0;
	resize: vertical;
}

.gooder-form input:focus,
.gooder-form textarea:focus {
	border-color: rgba(119,255,241,0.72);
	box-shadow: 0 0 0 3px rgba(119,255,241,0.08);
}

.gooder-form input.is-invalid,
.gooder-form textarea.is-invalid {
	border-color: rgba(var(--gooder-red-rgb),0.78);
	box-shadow: 0 0 0 3px rgba(var(--gooder-red-rgb),0.1);
}

.gooder-form button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 2.9em;
	border: solid 1px rgba(119,255,241,0.58);
	border-radius: 4px;
	background: rgba(119,255,241,0.22);
	color: #fff;
	font-weight: 700;
}

.gooder-form button:disabled {
	opacity: 0.58;
	cursor: wait;
}

.link-existing-card {
	margin: 0 auto;
}

.link-existing-result {
	display: grid;
	gap: 0.4em;
	margin-top: 1em;
	padding-top: 0.9em;
	border-top: solid 1px rgba(255,255,255,0.16);
	color: rgba(255,255,255,0.76);
	font-size: 0.92em;
}

.link-existing-result p {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1em;
	margin: 0;
	padding: 0.2em 0;
}

.link-existing-result span {
	color: rgba(255,255,255,0.54);
	font-weight: 400;
}

.link-existing-result strong {
	color: #fff;
	font-weight: 500;
	text-align: right;
}

.form-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75em;
}

.check-row {
	display: grid !important;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: start;
	gap: 0.55em !important;
	font-weight: 300 !important;
	line-height: 1.35;
}

.check-row input {
	margin-top: 0.25em;
}

.form-status {
	display: none;
	margin: 0;
	color: #ffd6e5 !important;
	font-size: 0.82em;
}

.form-status.is-visible {
	display: block;
}

.checkout-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(18em, 0.75fr);
	gap: 0.9em;
	align-items: start;
}

.portfolio-layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.9em;
	align-items: start;
}

.dns-layout.is-dns-detail-view {
	grid-template-columns: 1fr;
}

.dns-layout.is-dns-detail-view .checkout-summary {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75em;
	align-items: stretch;
}

.dns-layout.is-dns-detail-view .checkout-summary h2 {
	margin: 0;
	font-size: 1.05em;
	white-space: normal;
}

.dns-layout.is-dns-detail-view .checkout-summary dl {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0;
}

.dns-layout.is-dns-detail-view .checkout-summary dl div {
	align-items: flex-start;
	padding: 0.65em;
	border: solid 1px rgba(255,255,255,0.12);
	border-radius: 4px;
	background: rgba(255,255,255,0.055);
}

.dns-layout.is-dns-detail-view .checkout-summary .checkout-actions {
	margin: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.55em;
}

.portfolio-layout.is-list-view {
	grid-template-columns: 1fr;
}

.portfolio-layout.is-list-view .is-portfolio-list-panel {
	--portfolio-text: 0.78rem;
	--portfolio-small: 0.72rem;
	--portfolio-label: 0.72rem;
	--portfolio-control: 0.76rem;
	padding: 0.72em;
}

.portfolio-tools-strip {
	display: grid;
	gap: 0.85em;
	margin: -0.45em 0 1em;
	padding: 0 0 0.9em;
	border-bottom: solid 1px rgba(255,255,255,0.14);
	color: rgba(255,255,255,0.62);
	font-size: 0.86em;
	line-height: 1.35;
}

.portfolio-tool-cluster {
	display: grid;
	gap: 0.5em;
}

.portfolio-tool-cluster h2 {
	margin: 0;
	color: rgba(255,255,255,0.78);
	font-size: var(--portfolio-text, 0.78rem);
	font-weight: 500;
	letter-spacing: 0;
}

.portfolio-tool-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(8.8em, 1fr));
	gap: 0.55em;
}

.portfolio-tool-grid a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	min-height: 2.35em;
	padding: 0 0.65em;
	border: solid 1px rgba(255,255,255,0.1);
	border-radius: 4px;
	background: rgba(255,255,255,0.032);
	color: rgba(255,255,255,0.72);
	font-size: var(--portfolio-control, 0.76rem);
	font-weight: 400 !important;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
}

.portfolio-tool-grid a span {
	font-weight: 400;
}

.portfolio-tool-grid i {
	display: inline-block;
	width: 1.15em;
	color: rgba(119,255,241,0.68);
	font-size: 1em;
	font-style: normal;
	line-height: 1;
	text-align: center;
	flex: 0 0 auto;
}

.portfolio-tool-grid a:hover,
.portfolio-tool-grid a:focus {
	border-color: rgba(119,255,241,0.36);
	background: rgba(119,255,241,0.075);
	color: #ffffff;
}

.portfolio-growth-card {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.55em;
	padding: 0.9em;
	border: solid 1px rgba(255,255,255,0.13);
	border-radius: 4px;
	background: rgba(0,0,0,0.08);
	color: rgba(255,255,255,0.62);
	font-size: 0.86em;
	line-height: 1.35;
}

.portfolio-growth-card span {
	grid-column: 1 / -1;
	color: rgba(255,255,255,0.48);
	font-weight: 700;
}

.portfolio-growth-card a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 1.6em;
	padding: 0.05em 0;
	color: #77fff1;
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
}

.portfolio-growth-card a:hover,
.portfolio-growth-card a:focus {
	color: #ffffff;
}

.checkout-domain-list {
	display: grid;
	gap: 0.55em;
	margin: 1em 0;
	padding: 0;
	list-style: none;
}

.checkout-domain-list li {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.75em;
	padding: 0.75em;
	border: solid 1px rgba(255,255,255,0.16);
	border-radius: 4px;
	background: rgba(0,0,0,0.12);
}

.checkout-domain-list strong {
	overflow-wrap: anywhere;
}

.checkout-domain-list span {
	color: rgba(255,255,255,0.62);
	font-size: 0.84em;
}

.search-results-shell {
	display: grid;
	gap: 0.9em;
	max-width: 44em;
	min-height: calc(100vh - 8.8em);
	align-content: center;
}

.search-results-hero {
	max-width: 58em;
}

.search-results-toolbar {
	position: sticky;
	top: 5.25em;
	z-index: 5;
	width: 100%;
	margin: 0 auto;
	padding: 0.58em 0.68em;
	border: solid 1px rgba(255,255,255,0.1);
	border-radius: 4px;
	background: rgba(255,255,255,0.075);
	box-shadow: none;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

.global-domain-search {
	margin: -0.15em 0 0.25em;
}

.bulk-search-shell {
	display: grid;
	align-content: center;
	gap: 0.9em;
	min-height: calc(100vh - 8.8em);
	padding-bottom: 3em;
}

.bulk-search-landing {
	position: relative;
	top: auto;
	width: min(20em, 100%);
	margin: 0 auto 1.25em;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.bulk-page-footer {
	margin-top: 0;
}

.search-results-form {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.75em;
	align-items: end;
}

.bulk-search-form {
	align-items: stretch;
	grid-template-columns: minmax(0, 1fr);
	width: min(20em, 100%);
	margin: 0 auto;
	gap: 0.85em;
}

.bulk-search-landing > .form-status {
	width: min(20em, 100%);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.bulk-domain-field span {
	color: rgba(255,255,255,0.56);
	font-size: 0.78em;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}

.search-results-form label,
.search-results-tld-field {
	display: grid;
	gap: 0.18em;
	margin: 0;
	color: rgba(255,255,255,0.48);
	font-size: 0.76em;
	font-weight: 400;
	text-transform: none;
}

.search-results-form .bulk-domain-field {
	gap: 0.42em;
	color: rgba(255,255,255,0.64);
	font-size: 1em;
	font-weight: 400;
	text-transform: none;
}

.search-results-form .bulk-domain-field span {
	font-size: 1em;
}

.search-results-form input,
.bulk-search-form textarea,
.search-results-tld-toggle {
	width: 100%;
	min-height: 2.35em;
	padding: 0 0 0.32em;
	border: 0;
	border-bottom: solid 1px rgba(255,255,255,0.62);
	border-radius: 0;
	background: transparent;
	color: #ffffff;
	font-size: 1.16em;
	outline: 0;
}

.bulk-search-form textarea {
	min-height: 7.8em;
	padding: 0.82em 0.9em;
	border: solid 1px rgba(255,255,255,0.24);
	border-radius: 4px;
	background: rgba(255,255,255,0.045);
	box-shadow: none;
	color: rgba(255,255,255,0.92);
	font-size: 1em;
	resize: vertical;
	line-height: 1.45;
	text-transform: none;
}

.bulk-search-form textarea::placeholder {
	color: rgba(255,255,255,0.46);
	font-weight: 400;
}

.search-results-form input:focus,
.search-results-tld-toggle:hover,
.search-results-tld-toggle:focus,
.search-results-tld-field.is-open .search-results-tld-toggle {
	border-color: rgba(119,255,241,0.72);
	box-shadow: none;
}

.bulk-search-form textarea:focus {
	border-color: #77fff1;
	background: rgba(119,255,241,0.055);
	box-shadow: none;
	color: #77fff1;
}

.search-results-tld-field {
	position: relative;
}

.search-results-tld-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: left;
}

.search-results-tld-toggle i {
	font-size: 0.72em;
	transition: transform 0.2s ease;
}

.search-results-tld-field.is-open .search-results-tld-toggle i {
	transform: rotate(180deg);
}

.search-results-tld-menu {
	position: absolute;
	top: calc(100% + 0.45em);
	left: 0;
	z-index: 30;
	display: none;
	width: min(18em, calc(100vw - 2.5em));
	max-height: 20em;
	padding: 0.62em;
	border: solid 1px rgba(255,255,255,0.16);
	border-radius: 4px;
	background: rgba(29,34,45,0.78);
	box-shadow: 0 1.2em 2.8em rgba(0,0,0,0.24);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	text-transform: none;
}

.search-results-tld-field.is-open .search-results-tld-menu {
	display: grid;
	gap: 0.45em;
}

.search-results-tld-menu input {
	min-height: 2.2em;
	font-size: 0.94em;
}

.search-results-tld-menu p {
	margin: 0.1em 0 0.25em;
	color: rgba(255,255,255,0.62);
	font-size: 0.8em;
	font-weight: 400;
	text-transform: none;
}

.search-results-tld-options {
	display: grid;
	gap: 0.1em;
	max-height: 13.5em;
	overflow: auto;
}

.search-results-tld-option {
	display: block;
	width: 100%;
	min-height: 2.1em;
	padding: 0.3em 0.2em;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: rgba(255,255,255,0.88);
	font-size: 1em;
	font-weight: 400;
	text-align: left;
}

.search-results-tld-option:hover,
.search-results-tld-option:focus {
	color: #77fff1;
}

.search-results-form > button {
	min-height: 2.45em;
	background: rgba(119,255,241,0.2);
}

.bulk-search-form > button {
	min-height: calc(3.25em - 2px);
}

.search-results-form > button,
.search-result-actions a,
.search-result-actions button,
.search-secondary-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: var(--action-height);
	border: solid 1px rgba(119,255,241,0.58);
	border-radius: 4px;
	background: rgba(119,255,241,0.18);
	color: #ffffff;
	font-weight: 400;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
}

.search-result-actions button {
	background: rgba(119,255,241,0.28);
	color: #102223;
}

.bulk-search-form > button {
	border-color: rgba(255,255,255,0.86);
	background: transparent;
	color: rgba(255,255,255,0.9);
	font-size: 1em;
	font-weight: 400;
}

.bulk-search-form > button:hover,
.bulk-search-form > button:focus {
	border-color: #77fff1;
	color: #77fff1;
}

.bulk-search-results {
	display: grid;
	gap: 0.48em;
	width: min(20em, 100%);
	margin: 0.75em auto 0;
	padding: 0;
	list-style: none;
}

.bulk-results-panel {
	width: min(20em, 100%);
	margin: 0 auto;
	padding: 0;
	border: 0;
	background: transparent;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.bulk-results-panel h2 {
	width: min(20em, 100%);
	margin: 0 auto 0.65em;
	color: rgba(255,255,255,0.66);
	font-size: 0.78em;
	font-weight: 400;
	text-align: left;
	text-transform: none;
}

.bulk-search-result {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.55em;
	align-items: stretch;
	padding: 0.62em 0;
	border-top: solid 1px rgba(255,255,255,0.14);
	border-radius: 0;
	background: transparent;
}

.bulk-search-result.is-featured {
	border-color: rgba(119,255,241,0.38);
	background: transparent;
}

.bulk-search-result.is-available,
.bulk-search-result.is-suggestion {
	border-color: rgba(119,255,241,0.24);
}

.bulk-search-result.is-taken,
.bulk-search-result.is-error {
	border-color: rgba(255,122,122,0.32);
}

.bulk-search-result-copy {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.65em;
	align-items: baseline;
}

.bulk-search-result span {
	display: block;
	color: rgba(119,255,241,0.78);
	font-size: 0.72em;
	font-weight: 400;
	text-transform: none;
}

.bulk-search-result strong {
	display: block;
	margin: 0;
	color: rgba(255,255,255,0.9);
	font-size: 1em;
	font-weight: 400;
	overflow-wrap: anywhere;
}

.bulk-search-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25em 0.55em;
}

.bulk-search-meta span {
	display: inline-flex;
	align-items: center;
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	color: rgba(255,255,255,0.72);
	font-size: 0.74em;
	line-height: 1.2;
	text-transform: none;
}

.bulk-search-meta span + span:before {
	content: "\00B7";
	margin-right: 0.55em;
	color: rgba(255,255,255,0.38);
}

.bulk-search-result.is-taken .bulk-search-result-copy span,
.bulk-search-result.is-error .bulk-search-result-copy span {
	color: rgba(255,154,154,0.9);
}

.bulk-search-result p {
	display: none;
	margin: 0;
	color: rgba(255,255,255,0.66);
	font-size: 0.86em;
}

.bulk-search-actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.5em;
}

.bulk-search-actions a,
.bulk-search-actions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 2.62em;
	padding: 0.62em 0.75em;
	border: solid 1px rgba(255,255,255,0.48);
	border-radius: 4px;
	background: transparent;
	color: rgba(255,255,255,0.86);
	font: inherit;
	font-size: 0.86em;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.bulk-search-actions button {
	border-color: rgba(119,255,241,0.62);
	background: rgba(119,255,241,0.1);
	color: #77fff1;
}

.bulk-search-actions a:hover,
.bulk-search-actions a:focus,
.bulk-search-actions button:hover,
.bulk-search-actions button:focus {
	border-color: #77fff1;
	color: #77fff1;
}

.bulk-search-actions button:disabled {
	opacity: 0.65;
	cursor: default;
}

.bulk-results-panel .checkout-actions {
	width: min(20em, 100%);
	margin: 0.8em auto 0;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.5em;
}

.bulk-results-panel .checkout-actions a {
	min-height: 2.62em;
	padding: 0.62em 0.75em;
	border-color: rgba(255,255,255,0.48);
	background: transparent;
	color: rgba(255,255,255,0.86);
	font-size: 0.86em;
	font-weight: 400;
}

.bulk-results-panel .checkout-actions .checkout-primary {
	border-color: rgba(119,255,241,0.62);
	background: rgba(119,255,241,0.1);
	color: #77fff1;
}

.bulk-single-search-prompt {
	width: min(20em, 100%);
	margin: 0.7em auto 0;
	text-align: center;
}

.search-mode-switch {
	margin-bottom: 0;
	text-align: center;
}

.search-result-actions button:disabled {
	opacity: 0.72;
	cursor: default;
}

.search-results-layout,
.search-results-main {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.9em;
	align-items: start;
}

.search-exact-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(7.5em, auto);
	gap: 0.35em 1em;
	align-items: center;
	padding: 0.8em 0;
	border-top: solid 1px rgba(255,255,255,0.14);
	border-bottom: solid 1px rgba(255,255,255,0.14);
	background: transparent;
}

.search-exact-card.is-available {
	border-color: rgba(119,255,241,0.34);
}

.search-exact-card.is-taken {
	border-color: rgba(var(--gooder-red-rgb),0.38);
}

.search-exact-copy {
	display: grid;
	gap: 0.18em;
	min-width: 0;
}

.search-exact-copy > span {
	color: rgba(255,255,255,0.58);
	font-size: 0.72em;
	font-weight: 400;
	text-transform: none;
}

.search-exact-card.is-taken .search-exact-copy > span {
	color: rgba(255,154,154,0.9);
}

.search-exact-card h2 {
	margin: 0;
	color: #ffffff;
	font-size: 1.28em;
	font-weight: 400;
	line-height: 1.12;
	overflow-wrap: anywhere;
}

.search-exact-card p {
	margin: 0.25em 0 0;
	color: rgba(255,255,255,0.7);
	font-size: 0.82em;
}

.search-exact-card .search-result-meta {
	grid-column: 1;
}

.search-exact-card .search-result-actions,
.search-exact-card .search-secondary-link {
	grid-column: 2;
	grid-row: 1 / span 2;
	width: 8.5em;
}

.search-result-actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.55em;
}

.search-result-actions button,
.search-secondary-link {
	min-height: 2.55em;
}

.search-suggestions-panel {
	padding: 0;
	border: 0;
	background: transparent;
}

.search-panel-head {
	display: grid;
	gap: 0.25em;
	margin-bottom: 0.3em;
}

.search-panel-head h2 {
	margin: 0;
	color: rgba(255,255,255,0.68);
	font-size: 0.78em;
	font-weight: 400;
	letter-spacing: 0;
}

.search-suggestion-grid,
.search-suggestion-slot {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
}

.search-suggestion-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 8.5em;
	gap: 0.75em 1em;
	align-items: center;
	padding: 0.68em 0;
	border-top: solid 1px rgba(255,255,255,0.12);
	background: transparent;
}

.search-suggestion-copy {
	display: grid;
	gap: 0.24em;
	min-width: 0;
}

.search-suggestion-row strong {
	color: rgba(255,255,255,0.9);
	font-size: 1em;
	font-weight: 400;
	line-height: 1.15;
	overflow-wrap: anywhere;
}

.search-result-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.2em 0.55em;
	color: rgba(255,255,255,0.62);
	font-size: 0.74em;
}

.search-result-meta > span + span:before {
	content: "\00B7";
	margin-right: 0.55em;
	color: rgba(255,255,255,0.36);
}

.search-privacy-meta {
	position: relative;
}

.search-privacy-meta .privacy-help {
	width: 1.35em;
	height: 1.35em;
	margin-left: 0.2em;
	font-size: 0.82em;
}

.show-more-suggestions {
	justify-self: start;
	margin-top: 0.55em;
	padding: 0;
	border: 0;
	background: transparent;
	color: rgba(119,255,241,0.86);
	font: inherit;
	font-size: 0.76em;
	font-weight: 400;
}

.show-more-suggestions:hover,
.show-more-suggestions:focus {
	color: #ffffff;
	text-decoration: underline;
}

.search-results-cart-action {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	padding-top: 0.1em;
}

.search-results-cart-action a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: var(--action-height);
	border: solid 1px rgba(119,255,241,0.58);
	border-radius: 4px;
	background: rgba(119,255,241,0.1);
	color: #77fff1;
	font-weight: 400;
	text-decoration: none;
}

.search-results-cart-action[hidden] {
	display: none;
}

.search-results-empty {
	width: 100%;
	margin: 0 auto;
	color: rgba(255,255,255,0.58);
	font-size: 0.78em;
	text-align: center;
}

.search-results-empty p {
	margin: 0;
}

.search-results-page .search-results-shell {
	max-width: 20em;
}

.search-results-page .search-results-toolbar {
	position: relative;
	top: auto;
	width: min(20em, 100%);
	margin: 0 auto 1.25em;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.search-results-page .search-results-form {
	grid-template-columns: minmax(0, 1fr);
	align-items: stretch;
	gap: 0.85em;
	width: 100%;
}

.search-results-page .search-results-form > button {
	min-height: calc(3.25em - 2px);
	border-color: rgba(255,255,255,0.86);
	background: transparent;
	color: rgba(255,255,255,0.9);
	font-size: 1em;
	font-weight: 400;
}

.search-results-page .search-results-form > button:hover,
.search-results-page .search-results-form > button:focus {
	border-color: #77fff1;
	color: #77fff1;
}

.search-results-page .search-mode-switch {
	margin-top: 0.7em;
}

.search-results-page .search-exact-card,
.search-results-page .search-suggestion-row {
	grid-template-columns: minmax(0, 1fr);
	gap: 0.55em;
	align-items: stretch;
}

.search-results-page .search-exact-card {
	padding: 0.62em 0;
	border-bottom: 0;
}

.search-results-page .search-exact-copy {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas: "domain status";
	gap: 0.65em;
	align-items: baseline;
}

.search-results-page .search-exact-copy > span {
	grid-area: status;
	color: rgba(119,255,241,0.78);
}

.search-results-page .search-exact-card h2 {
	grid-area: domain;
	font-size: 1em;
}

.search-results-page .search-exact-card.is-taken .search-exact-copy > span {
	color: rgba(255,154,154,0.9);
}

.search-results-page .search-exact-card .search-result-actions,
.search-results-page .search-exact-card .search-secondary-link,
.search-results-page .search-suggestion-row .search-result-actions {
	grid-column: 1;
	grid-row: auto;
	width: 100%;
}

.search-results-page .search-result-actions button {
	min-height: 2.62em;
	border-color: rgba(119,255,241,0.62);
	background: rgba(119,255,241,0.1);
	color: #77fff1;
	font-size: 0.86em;
}

.search-results-page .search-result-actions button:hover,
.search-results-page .search-result-actions button:focus {
	border-color: #77fff1;
	color: #ffffff;
}

.search-results-page .search-results-layout,
.search-results-page .search-results-main,
.search-results-page .search-suggestions-panel,
.search-results-page .search-results-cart-action,
.search-results-page .search-results-empty {
	width: min(20em, 100%);
	margin-left: auto;
	margin-right: auto;
}

.portfolio-list {
	display: grid;
	gap: 0.45em;
	margin: 0.75em 0 0;
	padding: 0;
	list-style: none;
}

.portfolio-list:not(.is-list-view) {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 25em), 1fr));
}

.portfolio-view-toggle {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.45em;
	width: min(100%, 18em);
	margin: -0.55em 0 0.85em;
}

.portfolio-view-toggle button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.45em;
	border: solid 1px rgba(119,255,241,0.34);
	border-radius: 4px;
	background: rgba(255,255,255,0.055);
	color: rgba(255,255,255,0.74);
	font-weight: 700;
}

.portfolio-view-toggle button:hover,
.portfolio-view-toggle button:focus,
.portfolio-view-toggle button.is-active {
	border-color: #77fff1;
	background: rgba(119,255,241,0.16);
	color: #ffffff;
}

.portfolio-filter-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35em 0.55em;
	max-width: 54em;
	margin: 0 0 0.75em;
}

.portfolio-filter-bar button {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.42em;
	min-height: 2.05em;
	padding: 0.22em 0.5em;
	border: solid 1px rgba(255,255,255,0.12);
	border-radius: 999px;
	background: rgba(255,255,255,0.035);
	color: rgba(255,255,255,0.66);
	font-size: var(--portfolio-label, 0.68rem);
	font-weight: 500;
	line-height: 1.1;
}

.portfolio-filter-bar button:hover,
.portfolio-filter-bar button:focus,
.portfolio-filter-bar button.is-active {
	border-color: rgba(119,255,241,0.46);
	background: rgba(119,255,241,0.12);
	color: rgba(255,255,255,0.9);
}

.portfolio-filter-bar span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.55em;
	height: 1.55em;
	padding: 0 0.32em;
	border-radius: 999px;
	background: rgba(119,255,241,0.12);
	color: rgba(119,255,241,0.88);
	font-size: 0.88em;
	line-height: 1;
}

.portfolio-actions {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.55em;
	margin: 0.9em 0 1.1em;
}

.portfolio-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--action-height);
	border: solid 1px rgba(119,255,241,0.58);
	border-radius: 4px;
	background: rgba(119,255,241,0.1);
	color: #77fff1;
	padding: 0 0.85em;
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
}

.portfolio-actions .checkout-primary {
	background: rgba(119,255,241,0.22);
	box-shadow: 0 0.7em 1.7em rgba(0,0,0,0.16);
	color: #ffffff;
}

.portfolio-utility-links {
	display: grid;
	gap: 0.35em;
	margin: 0.25em 0 0.85em;
	padding-bottom: 0.85em;
	border-bottom: solid 1px rgba(255,255,255,0.14);
	color: rgba(255,255,255,0.62);
	font-size: 0.84em;
	line-height: 1.42;
}

.portfolio-utility-links p {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35em 0.7em;
	margin: 0;
}

.portfolio-utility-links span {
	color: rgba(255,255,255,0.48);
	font-weight: 700;
}

.portfolio-utility-links a {
	color: #77fff1;
	font-weight: 700;
	text-decoration: none;
}

.portfolio-utility-links a:hover,
.portfolio-utility-links a:focus {
	color: #ffffff;
}

.renewal-list {
	display: grid;
	gap: 0.65em;
	margin: 1em 0 0;
	padding: 0;
	list-style: none;
}

.portfolio-list li {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.65em;
	padding: 0.62em;
	border: solid 1px rgba(255,255,255,0.16);
	border-radius: 4px;
	background: rgba(0,0,0,0.12);
	min-width: 0;
}

.portfolio-list .portfolio-empty-result {
	grid-template-columns: 1fr;
	color: rgba(255,255,255,0.72);
}

.dns-domain-list {
	gap: 0.55em;
}

.dns-domain-list li {
	grid-template-columns: minmax(0, 1fr) minmax(15em, 0.72fr);
	padding: 0.72em;
	border-color: rgba(255,255,255,0.12);
	background: rgba(255,255,255,0.06);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
}

.dns-domain-list .portfolio-domain-main {
	gap: 0.34em;
}

.dns-domain-list .portfolio-domain-main strong {
	color: #ffffff;
	font-size: 1em;
	line-height: 1.15;
}

.dns-domain-list .portfolio-status-row {
	gap: 0.42em 0.75em;
}

.dns-domain-list .portfolio-status-row > span:not(.status-dot-label) {
	color: rgba(255,255,255,0.58);
	font-size: 0.82em;
}

.dns-domain-list .domain-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.48em;
	width: 100%;
}

.dns-domain-list .domain-actions a {
	width: 100%;
	min-height: 2.55em;
	min-width: 0;
	padding: 0 0.65em;
	box-shadow: none;
	white-space: nowrap;
}

@media (max-width: 760px) {

	.dns-domain-list li {
		grid-template-columns: 1fr;
		align-items: stretch;
	}

	.dns-domain-list .domain-actions {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dns-layout.is-dns-detail-view .checkout-summary {
		grid-template-columns: 1fr;
	}

	.dns-layout.is-dns-detail-view .checkout-summary h2 {
		white-space: normal;
	}

	.dns-layout.is-dns-detail-view .checkout-summary dl {
		grid-template-columns: 1fr;
	}

	.transfer-readiness {
		grid-template-columns: 1fr;
	}

}

.portfolio-list.is-list-view {
	gap: 0.18em;
	overflow-x: visible;
}

.portfolio-list.is-list-view li {
	display: grid;
	grid-template-columns: minmax(10em, 1.25fr) minmax(11em, 1fr) minmax(13.5em, 1.22fr) minmax(4.7em, 0.42fr) minmax(6.4em, 0.58fr);
	gap: 0.28em 0.55em;
	align-items: center;
	min-width: 0;
	padding: 0.34em 0.48em;
}

.portfolio-list.is-list-view .portfolio-list-header {
	border-color: rgba(255,255,255,0.08);
	background: rgba(255,255,255,0.025);
	color: rgba(255,255,255,0.48);
	font-size: var(--portfolio-label, 0.68rem);
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.portfolio-list.is-list-view .portfolio-list-row {
	border-color: rgba(255,255,255,0.1);
	background: rgba(255,255,255,0.028);
	color: rgba(255,255,255,0.74);
	font-size: var(--portfolio-text, 0.78rem);
	line-height: 1.18;
}

.portfolio-list-name,
.portfolio-list-health,
.portfolio-list-dates,
.portfolio-list-settings {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.2em 0.5em;
	min-width: 0;
}

.portfolio-list-name {
	display: grid;
	gap: 0.08em;
}

.portfolio-list-settings {
	justify-content: flex-start;
}

.portfolio-list-name > span,
.portfolio-list-dates span,
.portfolio-list-settings > span:not(.status-dot-label) {
	color: rgba(255,255,255,0.58);
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.portfolio-list-dates b {
	color: rgba(119,255,241,0.82);
	font-weight: 500;
}

.portfolio-list.is-list-view .status-dot-label i {
	width: 0.42em;
	height: 0.42em;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.08);
}

.portfolio-list-domain {
	color: #ffffff;
	font-size: 1.06em;
	font-weight: 500 !important;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.portfolio-list-domain:hover,
.portfolio-list-domain:focus {
	color: #77fff1;
}

.portfolio-list.is-list-view .domain-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.22em;
}

.portfolio-list.is-list-view .domain-actions a {
	min-height: 1.95em;
	padding: 0 0.34em;
	font-size: var(--portfolio-control, 0.76rem);
	font-weight: 500;
}

@media (max-width: 760px) {

	.portfolio-list.is-list-view .portfolio-list-header {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-areas:
			"name name"
			"health auto"
			"dates actions";
		gap: 0.24em 0.65em;
		padding: 0.48em 0.62em;
	}

	.portfolio-list.is-list-view .portfolio-list-header span:nth-child(1) { grid-area: name; }
	.portfolio-list.is-list-view .portfolio-list-header span:nth-child(2) { grid-area: health; }
	.portfolio-list.is-list-view .portfolio-list-header span:nth-child(3) { grid-area: dates; }
	.portfolio-list.is-list-view .portfolio-list-header span:nth-child(4) { grid-area: auto; text-align: right; }
	.portfolio-list.is-list-view .portfolio-list-header span:nth-child(5) { grid-area: actions; text-align: right; }

	.portfolio-list.is-list-view li {
		grid-template-columns: 1fr;
	}

	.portfolio-list.is-list-view .domain-actions {
		grid-column: 1 / -1;
	}

}

@media (min-width: 761px) and (max-width: 1020px) {

	.portfolio-list.is-list-view li {
		grid-template-columns: minmax(10em, 1.25fr) minmax(10em, 1fr) minmax(12.5em, 1.16fr) minmax(4.5em, 0.42fr) minmax(6.2em, 0.56fr);
		grid-template-areas: none;
	}

	.portfolio-list.is-list-view .domain-actions {
		grid-column: auto;
		grid-area: auto;
	}

	.portfolio-list.is-list-view .portfolio-list-name,
	.portfolio-list.is-list-view .portfolio-list-health,
	.portfolio-list.is-list-view .portfolio-list-dates,
	.portfolio-list.is-list-view .portfolio-list-settings {
		grid-area: auto;
	}

}

@media (max-width: 860px) {

	.portfolio-layout.is-list-view .portfolio-side-stack {
		grid-template-columns: 1fr;
	}

	.search-results-layout {
		grid-template-columns: 1fr;
	}

	.search-results-toolbar {
		top: 4.55em;
	}

	.search-results-toolbar.bulk-search-landing {
		top: auto;
	}

	.search-results-form {
		grid-template-columns: 1fr;
	}

	.search-results-form input {
		font-size: 1.08em;
	}

	.search-exact-card,
	.search-suggestion-row {
		grid-template-columns: minmax(0, 1fr);
	}

	.search-exact-card .search-result-actions,
	.search-exact-card .search-secondary-link,
	.search-suggestion-row .search-result-actions {
		grid-column: 1;
		grid-row: auto;
		width: 100%;
	}

	.bulk-search-result {
		grid-template-columns: 1fr;
	}

}

.renewal-list li {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	align-items: stretch;
	gap: 0.85em;
	padding: 1em;
	border: solid 1px rgba(255,255,255,0.16);
	border-radius: 4px;
	background: rgba(0,0,0,0.12);
}

.renewal-anchor {
	position: absolute;
	top: -5.2em;
}

.renewal-list li.has-billing-risk {
	border-color: rgba(var(--gooder-red-rgb),0.62);
	background: linear-gradient(180deg, rgba(var(--gooder-red-rgb),0.18), rgba(var(--gooder-red-rgb),0.075));
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 1.1em 2.6em rgba(var(--gooder-red-rgb),0.16);
}

.portfolio-domain-main {
	display: grid;
	gap: 0.18em;
	min-width: 0;
}

.renewal-domain-main {
	display: grid;
	gap: 0.38em;
	min-width: 0;
}

.portfolio-domain-main strong {
	font-size: 0.98em;
	line-height: 1.18;
	overflow-wrap: anywhere;
}

.portfolio-domain-main strong a {
	color: #ffffff;
	text-decoration: none;
}

.portfolio-domain-main strong a:hover,
.portfolio-domain-main strong a:focus {
	color: #77fff1;
}

.renewal-domain-main strong {
	font-size: 1.16em;
	line-height: 1.18;
	overflow-wrap: anywhere;
}

.portfolio-status-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35em 0.65em;
	align-items: center;
	color: rgba(255,255,255,0.64);
	font-size: 0.78em;
}

.status-dot-label {
	display: inline-flex;
	align-items: center;
	gap: 0.32em;
	min-width: 0;
	white-space: nowrap;
}

.status-dot-label i {
	display: inline-block;
	width: 0.52em;
	height: 0.52em;
	border-radius: 999px;
	background: rgba(255,255,255,0.42);
	box-shadow: 0 0 0 2px rgba(255,255,255,0.08);
}

.status-dot-label.is-good i {
	background: #77f7a7;
	box-shadow: 0 0 0 2px rgba(119,247,167,0.13);
}

.status-dot-label.is-risk i {
	background: var(--gooder-red);
	box-shadow: 0 0 0 2px rgba(var(--gooder-red-rgb),0.14);
}

.dns-record-list {
	display: grid;
	gap: 0.45em;
	margin-top: 0.9em;
}

.dns-detail-grid {
	display: grid;
	gap: 0.75em;
	margin-top: 0.85em;
}

.dns-detail-card {
	display: grid;
	gap: 0.55em;
	padding: 0.68em;
	border: solid 1px rgba(255,255,255,0.13);
	border-radius: 4px;
	background: rgba(255,255,255,0.055);
}

.dns-detail-card h3 {
	display: inline-flex;
	align-items: center;
	gap: 0.45em;
	margin: 0;
	color: rgba(255,255,255,0.92);
	font-size: 0.95em;
	line-height: 1.2;
}

.dns-detail-card h3 i {
	color: #77fff1;
	font-size: 0.9em;
	line-height: 1;
}

.dns-detail-card .dns-record-list,
.dns-detail-card .domain-mini-list {
	margin: 0;
}

.dns-card-actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	margin-top: 0.1em;
}

.dns-card-actions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.55em;
	min-width: 0;
	padding: 0 0.75em;
	border: solid 1px rgba(119,255,241,0.42);
	border-radius: 4px;
	background: rgba(119,255,241,0.08);
	color: #77fff1;
	font-weight: 700;
	line-height: 1.1;
}

.dns-card-actions button:hover,
.dns-card-actions button:focus {
	border-color: rgba(119,255,241,0.72);
	background: rgba(119,255,241,0.15);
	color: #ffffff;
}

.dns-record-list > div {
	display: grid;
	grid-template-columns: 4.5em minmax(0, 1fr) minmax(0, 1.2fr) minmax(9.5em, 0.72fr);
	gap: 0.5em;
	align-items: center;
	padding: 0.62em;
	border: solid 1px rgba(255,255,255,0.14);
	border-radius: 4px;
	background: rgba(0,0,0,0.12);
}

.dns-record-list > div.is-muted {
	opacity: 0.58;
}

.dns-row-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.35em;
}

.dns-row-actions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.25em;
	min-width: 0;
	padding: 0 0.5em;
	border: solid 1px rgba(119,255,241,0.36);
	border-radius: 4px;
	background: rgba(255,255,255,0.055);
	color: #77fff1;
	font-size: 0.78em;
	font-weight: 700;
	line-height: 1.1;
}

.dns-row-actions button:hover,
.dns-row-actions button:focus {
	border-color: rgba(119,255,241,0.68);
	background: rgba(119,255,241,0.14);
	color: #ffffff;
}

.dns-record-editor {
	display: grid;
	gap: 0.75em;
	margin-top: 0.9em;
	padding: 0.85em;
	border: solid 1px rgba(119,255,241,0.28);
	border-radius: 4px;
	background: rgba(0,0,0,0.14);
}

.dns-record-editor[hidden] {
	display: none;
}

.dns-record-editor h3 {
	margin: 0;
	color: rgba(255,255,255,0.94);
	font-size: 1em;
	line-height: 1.2;
}

.dns-record-list span {
	color: #77fff1;
	font-size: 0.78em;
	font-weight: 700;
}

.dns-record-list strong,
.dns-record-list em {
	min-width: 0;
	color: rgba(255,255,255,0.86);
	font-style: normal;
	overflow-wrap: anywhere;
}

.portfolio-date-row {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.35em;
	margin: 0;
	min-width: 0;
}

.portfolio-date-row span {
	display: inline-flex;
	align-items: center;
	gap: 0.35em;
	min-width: 0;
	padding: 0.28em 0.42em;
	border: solid 1px rgba(119,255,241,0.18);
	border-radius: 4px;
	background: rgba(119,255,241,0.07);
	color: rgba(255,255,255,0.82);
	font-size: 0.72em;
	line-height: 1.15;
	white-space: nowrap;
	justify-content: center;
	overflow: hidden;
	text-overflow: ellipsis;
}

.portfolio-date-row b {
	color: #77fff1;
	font-weight: 700;
}

.renewal-domain-main span {
	color: rgba(255,255,255,0.64);
	font-size: 0.88em;
	line-height: 1.35;
}

.renewal-status {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
}

.renewal-control {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 0.7em 1em;
	padding-top: 0.1em;
}

.bulk-renewal-control {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.85em;
	margin: 0.8em 0 1em;
	padding: 0.85em;
	border: solid 1px rgba(255,255,255,0.14);
	border-radius: 4px;
	background: rgba(0,0,0,0.1);
	text-align: left;
}

.bulk-renewal-control .renewal-switch {
	justify-self: end;
}

.bulk-renewal-control strong {
	display: block;
	margin-bottom: 0.18em;
}

.bulk-renewal-control p {
	margin: 0;
	font-size: 0.86em;
}

.renewal-sort-control {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: end;
	justify-content: stretch;
	gap: 0.7em;
	margin: 0 0 1.35em;
	color: rgba(255,255,255,0.72);
	font-size: 0.86em;
	font-weight: 400;
	text-align: left;
}

.renewal-sort-control label,
.renewal-sort-menu {
	display: grid;
	align-content: end;
	width: 100%;
	min-width: 0;
}

.portfolio-sort-control {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
	align-items: end;
	gap: 0.7em;
	width: 100%;
	max-width: none;
	font-size: var(--portfolio-text, 0.78rem);
}

.portfolio-sort-control label,
.portfolio-sort-control .renewal-sort-menu {
	grid-template-rows: 1.1em 2.65em;
	align-content: stretch;
	min-width: 0;
}

.portfolio-sort-control .renewal-sort-label {
	display: flex;
	align-items: center;
	min-height: 1.1em;
	margin: 0;
	font-size: var(--portfolio-label, 0.68rem);
}

.portfolio-sort-control .renewal-domain-filter,
.portfolio-sort-control .renewal-sort-toggle {
	box-sizing: border-box;
	width: 100%;
	min-height: 2.65em;
	min-width: 0;
	padding: 0;
	font-size: var(--portfolio-control, 0.76rem);
	line-height: 2.65em;
}

.renewal-domain-filter {
	width: 100%;
	min-height: 2.65em;
	padding: 0 0 0.75em;
	border: 0;
	border-bottom: solid 1px rgba(255,255,255,0.9);
	border-radius: 0;
	background: transparent;
	color: rgba(255,255,255,0.72);
	outline: 0;
	transition: border-color 0.25s ease, color 0.25s ease;
}

.renewal-domain-filter::placeholder {
	color: rgba(255,255,255,0.5);
}

.renewal-domain-filter:hover,
.renewal-domain-filter:focus {
	border-color: #77fff1;
	color: #77fff1;
}

.renewal-sort-menu {
	position: relative;
}

.renewal-sort-label {
	display: block;
	margin: 0 0 0.28em;
	color: rgba(255,255,255,0.52);
	font-size: 0.76em;
	font-weight: 400;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.renewal-sort-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.65em;
	width: 100%;
	min-height: 2.65em;
	padding: 0 0 0.75em;
	border: 0;
	border-bottom: solid 1px rgba(255,255,255,0.9);
	border-radius: 0;
	background: transparent;
	color: rgba(255,255,255,0.72);
	font-weight: 400;
	outline: 0;
	text-align: left;
	transition: border-color 0.25s ease, color 0.25s ease;
}

.renewal-sort-toggle,
.renewal-sort-toggle span {
	font-weight: 400 !important;
}

.renewal-sort-toggle:hover,
.renewal-sort-toggle:focus,
.renewal-sort-menu.is-open .renewal-sort-toggle {
	border-color: #77fff1;
	color: #77fff1;
}

.renewal-sort-toggle i {
	color: inherit;
	font-size: 0.9em;
	font-style: normal;
	transition: transform 0.2s ease;
}

.renewal-sort-menu.is-open .renewal-sort-toggle i {
	transform: rotate(180deg);
}

.renewal-sort-options {
	display: none;
	position: absolute;
	top: calc(100% + 0.55em);
	left: 0;
	z-index: 20;
	width: 100%;
	max-height: 15em;
	padding: 0.48em;
	border: solid 1px rgba(255,255,255,0.18);
	border-radius: 4px;
	background: rgba(28, 30, 39, 0.72);
	box-shadow: 0 18px 45px rgba(0,0,0,0.24);
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	overflow: hidden;
}

.renewal-sort-menu.is-open .renewal-sort-options {
	display: grid;
	gap: 0.16em;
}

.renewal-sort-options button {
	width: 100%;
	padding: 0.4em 0.5em;
	border: 0;
	border-radius: 4px;
	background: transparent;
	color: rgba(255,255,255,0.86);
	font-weight: 400;
	text-align: left;
}

.renewal-sort-options button:hover,
.renewal-sort-options button:focus {
	background: rgba(119,255,241,0.1);
	color: #77fff1;
}

.domain-workspace {
	display: grid;
	gap: 1.15em;
}

.domain-workspace [data-domain-ready]:not([hidden]) {
	display: grid;
	gap: 1.15em;
}

.domain-command-bar {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.72em;
	margin-bottom: 0;
}

.domain-command-bar a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--action-height);
	padding: 0 0.85em;
	border: solid 1px rgba(119,255,241,0.58);
	border-radius: 4px;
	background: rgba(119,255,241,0.1);
	color: #77fff1;
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
}

.domain-command-bar .checkout-primary,
.domain-command-bar a:hover,
.domain-command-bar a:focus {
	border-color: #77fff1;
	background: #77fff1;
	color: #122229;
}

.domain-snapshot {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(0, 1.42fr);
	gap: 0.9em;
	padding: 1em;
	border: solid 1px rgba(255,255,255,0.16);
	border-radius: 4px;
	background: rgba(255,255,255,0.08);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.domain-snapshot-main {
	display: grid;
	align-content: center;
	gap: 0.42em;
	min-width: 0;
}

.domain-snapshot-main > span,
.domain-snapshot-facts span {
	color: rgba(255,255,255,0.58);
	font-size: 0.74em;
	font-weight: 700;
	text-transform: uppercase;
}

.domain-snapshot-main > strong {
	color: #ffffff;
	font-size: clamp(1.8em, 4vw, 3.2em);
	line-height: 0.96;
	overflow-wrap: anywhere;
}

.domain-snapshot-main p {
	display: flex;
	flex-wrap: wrap;
	gap: 0.38em 0.7em;
	margin: 0;
}

.domain-snapshot-facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.68em;
}

.domain-snapshot-facts div {
	display: grid;
	gap: 0.26em;
	min-width: 0;
	padding: 0.68em;
	border: solid 1px rgba(255,255,255,0.12);
	border-radius: 4px;
	background: rgba(0,0,0,0.1);
}

.domain-snapshot-facts strong {
	color: rgba(255,255,255,0.9);
	font-size: 0.92em;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.domain-health-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(8.8em, 1fr));
	gap: 0.72em;
	margin-bottom: 0;
}

.domain-health-grid div {
	display: grid;
	gap: 0.26em;
	min-width: 0;
	padding: 0.68em;
	border: solid 1px rgba(255,255,255,0.14);
	border-radius: 4px;
	background: rgba(0,0,0,0.12);
}

.domain-health-grid strong {
	color: rgba(255,255,255,0.9);
	font-size: 0.9em;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.domain-control-panel {
	margin-bottom: 0;
}

.domain-control-panel h2 {
	margin-bottom: 0.7em;
}

.domain-control-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.68em;
}

.domain-control-grid a {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.18em 0.5em;
	align-items: center;
	min-width: 0;
	min-height: 3.55em;
	padding: 0.58em 0.62em;
	border: solid 1px rgba(255,255,255,0.14);
	border-radius: 4px;
	background: rgba(255,255,255,0.055);
	color: rgba(255,255,255,0.86);
	text-decoration: none;
	transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.domain-control-grid a:hover,
.domain-control-grid a:focus {
	border-color: rgba(119,255,241,0.48);
	background: rgba(119,255,241,0.12);
	color: #ffffff;
}

.domain-control-grid i {
	grid-row: 1 / span 2;
	width: 1.15em;
	color: #77fff1;
	font-size: 1em;
	line-height: 1;
	text-align: center;
}

.domain-control-grid span {
	min-width: 0;
	color: #ffffff;
	font-size: 0.84em;
	font-weight: 700;
	line-height: 1.15;
	overflow-wrap: anywhere;
}

.domain-control-grid small {
	min-width: 0;
	color: rgba(255,255,255,0.55);
	font-size: 0.68em;
	font-weight: 400;
	line-height: 1.2;
}

.domain-section-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.05em;
	align-items: stretch;
}

.domain-section {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.domain-section h2 {
	display: inline-flex;
	align-items: center;
	gap: 0.48em;
	margin-bottom: 0.58em;
}

.domain-section h2 i {
	color: #77fff1;
	font-size: 0.9em;
	line-height: 1;
}

.domain-section p {
	margin-top: 0;
}

.domain-section .receipt-detail-list {
	margin-bottom: 0.9em;
}

.domain-mini-list {
	display: grid;
	gap: 0.35em;
	margin: -0.25em 0 0.9em;
}

.domain-mini-list div {
	display: grid;
	grid-template-columns: 4.2em minmax(0, 0.7fr) minmax(0, 1.2fr) auto;
	align-items: center;
	gap: 0.45em;
	min-width: 0;
	padding: 0.48em 0.55em;
	border: solid 1px rgba(255,255,255,0.13);
	border-radius: 4px;
	background: rgba(255,255,255,0.055);
}

.domain-mini-list span,
.domain-mini-list small {
	color: #77fff1;
	font-size: 0.72em;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
}

.domain-mini-list strong,
.domain-mini-list em {
	min-width: 0;
	color: rgba(255,255,255,0.82);
	font-size: 0.78em;
	font-style: normal;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.domain-section .checkout-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.65em;
	margin-top: auto;
}

.domain-section .checkout-actions a,
.domain-section .checkout-actions button {
	width: 100%;
	min-width: 0;
	flex: none;
	gap: 0.45em;
}

.domain-section .checkout-actions .checkout-primary {
	flex-basis: auto;
}

.renewal-nudge {
	flex: 1 1 16em;
	margin: 0;
	color: rgba(255,255,255,0.68);
	font-size: 0.84em;
	line-height: 1.35;
	text-align: left;
}

.has-billing-risk .renewal-nudge {
	color: #ffd2dc;
	font-weight: 700;
}

.status-pill {
	display: inline-flex;
	align-items: center;
	min-height: 2em;
	padding: 0.35em 0.58em;
	border: solid 1px rgba(255,255,255,0.18);
	border-radius: 999px;
	background: rgba(255,255,255,0.07);
	color: rgba(255,255,255,0.74);
	font-size: 0.75em;
	font-weight: 700;
}

.status-pill.is-on {
	border-color: rgba(119,255,241,0.42);
	background: rgba(119,255,241,0.1);
	color: #77fff1;
}

.status-pill.is-good {
	border-color: rgba(77,255,164,0.42);
	background: rgba(77,255,164,0.1);
	color: #7dffbd;
}

.status-pill.is-off {
	border-color: rgba(var(--gooder-red-rgb),0.46);
	background: rgba(var(--gooder-red-rgb),0.12);
	color: #ffd2dc;
}

.status-pill.is-risk {
	border-color: rgba(var(--gooder-red-rgb),0.78);
	background: rgba(var(--gooder-red-rgb),0.26);
	color: #ffffff;
	box-shadow: 0 0.45em 1.25em rgba(var(--gooder-red-rgb),0.2);
}

.renewal-switch {
	display: inline-grid !important;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 0.55em;
	width: auto !important;
	min-width: 10.5em !important;
	min-height: 2.9em;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: rgba(255,255,255,0.78) !important;
	text-align: left !important;
}

.renewal-switch.is-on {
	color: #ffffff !important;
}

.switch-track {
	position: relative;
	display: inline-flex;
	width: 3.15em;
	height: 1.7em;
	border: solid 1px rgba(255,255,255,0.3);
	border-radius: 999px;
	background: rgba(0,0,0,0.28);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.14), 0 0.35em 1em rgba(0,0,0,0.16);
	transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.renewal-switch.is-on .switch-track {
	border-color: rgba(119,255,241,0.74);
	background: rgba(119,255,241,0.36);
	box-shadow: inset 0 0 0 1px rgba(119,255,241,0.12), 0 0 1.05em rgba(119,255,241,0.18);
}

.switch-thumb {
	position: absolute;
	top: 50%;
	left: 0.2em;
	width: 1.18em;
	height: 1.18em;
	border-radius: 999px;
	background: rgba(255,255,255,0.9);
	box-shadow: 0 0.18em 0.5em rgba(0,0,0,0.36);
	transform: translateY(-50%);
	transition: transform 0.2s ease, background 0.2s ease;
}

.renewal-switch.is-on .switch-thumb {
	background: #77fff1;
	transform: translate(1.52em, -50%);
}

.switch-label {
	overflow: hidden;
	font-size: 0.86em;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.renew-now-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100% !important;
	min-width: 0 !important;
	min-height: var(--action-height) !important;
	padding: 0 0.85em !important;
	border: solid 1px rgba(119,255,241,0.72) !important;
	border-radius: 4px !important;
	background: rgba(119,255,241,0.22) !important;
	box-shadow: 0 0.65em 1.45em rgba(0,0,0,0.14);
	color: #ffffff !important;
	font-weight: 700;
	line-height: 1.1;
	text-align: center !important;
	text-decoration: none !important;
	white-space: nowrap;
}

.renew-now-button:hover,
.renew-now-button:focus {
	border-color: rgba(119,255,241,0.9) !important;
	background: rgba(119,255,241,0.3) !important;
}

.billing-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100% !important;
	min-width: 0 !important;
	min-height: var(--action-height) !important;
	padding: 0 0.85em !important;
	border: solid 1px rgba(119,255,241,0.58) !important;
	border-radius: 4px !important;
	border-color: rgba(119,255,241,0.58) !important;
	background: rgba(119,255,241,0.1) !important;
	color: #77fff1 !important;
	font-weight: 700;
	line-height: 1.1;
	text-align: center !important;
	text-decoration: none !important;
	white-space: nowrap;
}

.billing-button:hover,
.billing-button:focus {
	border-color: rgba(119,255,241,0.82) !important;
	background: rgba(119,255,241,0.18) !important;
	color: #ffffff !important;
}

.billing-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(18em, 0.8fr);
	gap: 0.9em;
	align-items: start;
}

.billing-panel-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1em;
	margin-bottom: 1em;
}

.billing-panel-head h2 {
	margin-bottom: 0.25em;
}

.billing-panel-head p {
	margin: 0;
	color: rgba(255,255,255,0.62);
}

.billing-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.7em;
	margin: 1em 0;
}

.billing-stat {
	padding: 0.85em;
	border: solid 1px rgba(255,255,255,0.14);
	border-radius: 4px;
	background: rgba(0,0,0,0.12);
}

.billing-stat span {
	display: block;
	margin-bottom: 0.35em;
	color: rgba(255,255,255,0.62);
	font-size: 0.78em;
}

.billing-stat strong {
	display: block;
	color: #ffffff;
	font-size: 1.05em;
	line-height: 1.2;
}

.billing-alert {
	margin: 1em 0;
	padding: 0.85em;
	border: solid 1px rgba(var(--gooder-red-rgb),0.45);
	border-radius: 4px;
	background: rgba(var(--gooder-red-rgb),0.14);
	color: #ffd2dc;
}

.billing-alert strong {
	color: #ff8da5;
}

.billing-alert p {
	margin: 0.35em 0 0;
}

.billing-activity {
	display: grid;
	gap: 0.55em;
	margin: 0;
	padding: 0;
	list-style: none;
}

.billing-activity li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
	padding: 0.75em;
	border: solid 1px rgba(255,255,255,0.14);
	border-radius: 4px;
	background: rgba(0,0,0,0.12);
}

.billing-activity span {
	overflow-wrap: anywhere;
	color: rgba(255,255,255,0.78);
}

.billing-activity a {
	flex: 0 0 auto;
	color: rgba(119,255,241,0.86);
	font-size: 0.86em;
	font-weight: 700;
	text-decoration: none;
}

.billing-activity a:hover,
.billing-activity a:focus {
	color: #ffffff;
	text-decoration: underline;
}

.billing-activity li.is-risk {
	border-color: rgba(var(--gooder-red-rgb),0.46);
	background: rgba(var(--gooder-red-rgb),0.14);
}

.billing-activity li.is-risk a {
	color: #ff8da5;
}

.saved-payment-panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.8em;
	margin: 1em 0;
	padding: 0.85em;
	border: solid 1px rgba(119,255,241,0.24);
	border-radius: 4px;
	background: rgba(119,255,241,0.08);
}

.saved-payment-panel.is-primary {
	grid-template-columns: 1fr;
	border-color: rgba(119,255,241,0.42);
	background: rgba(119,255,241,0.12);
	box-shadow: 0 0.7em 1.7em rgba(0,0,0,0.16);
}

.saved-payment-panel span {
	display: block;
	margin-bottom: 0.25em;
	color: rgba(255,255,255,0.62);
	font-size: 0.78em;
}

.saved-payment-panel strong {
	display: block;
	color: #ffffff;
}

.saved-payment-panel em {
	display: block;
	margin-top: 0.28em;
	color: rgba(255,255,255,0.56);
	font-size: 0.78em;
	font-style: normal;
}

.saved-payment-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 0.45em;
}

.saved-payment-panel.is-primary .saved-payment-actions {
	display: grid;
	grid-template-columns: 1fr;
	width: 100%;
}

.saved-payment-panel button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.45em;
	padding: 0 0.75em;
	border: solid 1px rgba(119,255,241,0.58);
	border-radius: 4px;
	background: rgba(119,255,241,0.12);
	color: #77fff1;
	font-weight: 700;
}

.saved-payment-panel.is-primary [data-use-saved-payment] {
	width: 100%;
	min-height: var(--action-height);
	padding: 0 1em;
	background: rgba(119,255,241,0.24);
	color: #ffffff;
	font-size: 0.95em;
}

.saved-payment-panel button[disabled] {
	border-color: rgba(255,255,255,0.14);
	background: rgba(255,255,255,0.04);
	color: rgba(255,255,255,0.34);
	cursor: not-allowed;
}

.saved-payment-panel button:hover,
.saved-payment-panel button:focus {
	background: rgba(119,255,241,0.22);
	color: #ffffff;
}

.saved-payment-panel button[disabled]:hover,
.saved-payment-panel button[disabled]:focus {
	background: rgba(255,255,255,0.04);
	color: rgba(255,255,255,0.34);
}

.text-link-button {
	display: inline-flex;
	margin: 0 0 0.9em;
	padding: 0;
	border: 0;
	background: transparent;
	color: rgba(119,255,241,0.86);
	font-size: 0.82em;
	font-weight: 400;
	text-align: left;
}

.text-link-button:hover,
.text-link-button:focus {
	color: #ffffff;
	text-decoration: underline;
}

.checkout-actions .is-payment-utility {
	min-height: auto;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: rgba(255,255,255,0.58);
	font-size: 0.82em;
	font-weight: 400;
}

.checkout-actions .is-payment-utility:hover,
.checkout-actions .is-payment-utility:focus {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}

.payment-term-row dd {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.45em;
}

.payment-term-row button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2em;
	height: 2em;
	padding: 0;
	border: solid 1px rgba(119,255,241,0.42);
	border-radius: 4px;
	background: rgba(119,255,241,0.08);
	color: #77fff1;
	font-weight: 700;
	line-height: 1;
}

.payment-term-row button:hover,
.payment-term-row button:focus {
	background: rgba(119,255,241,0.18);
	color: #ffffff;
}

.payment-term-row span {
	min-width: 4.8em;
	color: #ffffff;
	text-align: center;
}

.receipt-detail-list {
	display: grid;
	gap: 0.55em;
	margin: 1em 0;
	padding: 0;
	list-style: none;
}

.receipt-detail-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
	padding: 0.75em;
	border: solid 1px rgba(255,255,255,0.14);
	border-radius: 4px;
	background: rgba(0,0,0,0.12);
}

.receipt-detail-list span {
	color: rgba(255,255,255,0.62);
}

.receipt-detail-list strong {
	color: #ffffff;
	text-align: right;
	overflow-wrap: anywhere;
}

.receipt-print-header,
.receipt-print-table,
.receipt-print-note,
.print-fallback-note {
	display: none;
}

body.receipt-print-mode {
	padding: 0;
	background: #ffffff !important;
	color: #111111;
	text-align: left;
}

body.receipt-print-mode:before,
body.receipt-print-mode .site-nav,
body.receipt-print-mode .site-footer {
	display: none !important;
}

body.receipt-print-mode .page-shell {
	width: min(52em, calc(100% - 2em));
	padding: 2em 0;
}

body.receipt-print-mode .receipt-print-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2em;
	margin: 0 0 1.4em;
	padding-bottom: 1em;
	border-bottom: solid 2px #111111;
}

body.receipt-print-mode .receipt-print-header div {
	display: grid;
	gap: 0.2em;
}

body.receipt-print-mode .receipt-print-header div:last-child {
	text-align: right;
}

body.receipt-print-mode .receipt-print-header strong {
	color: #111111;
	font-size: 1.3em;
	line-height: 1.1;
}

body.receipt-print-mode .receipt-print-header span {
	color: #555555;
	font-size: 0.72em;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

body.receipt-print-mode .page-hero h1,
body.receipt-print-mode .checkout-panel h2,
body.receipt-print-mode .checkout-summary h2 {
	color: #111111;
}

body.receipt-print-mode .page-hero p {
	color: #444444;
}

body.receipt-print-mode .checkout-layout {
	display: block;
}

body.receipt-print-mode .checkout-panel,
body.receipt-print-mode .checkout-summary {
	margin: 0 0 1em;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

body.receipt-print-mode .receipt-detail-list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	margin: 0 0 1em;
	border-top: solid 1px #dddddd;
	border-left: solid 1px #dddddd;
}

body.receipt-print-mode .receipt-detail-list li,
body.receipt-print-mode .checkout-summary dl div {
	border-color: #dddddd;
	background: transparent;
	color: #111111;
}

body.receipt-print-mode .receipt-detail-list li {
	display: grid;
	gap: 0.15em;
	padding: 0.65em;
	border-top: 0;
	border-left: 0;
	border-right: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	border-radius: 0;
}

body.receipt-print-mode .receipt-detail-list span,
body.receipt-print-mode .checkout-summary dt {
	color: #555555;
}

body.receipt-print-mode .receipt-detail-list strong,
body.receipt-print-mode .checkout-summary dd,
body.receipt-print-mode .checkout-summary .summary-total {
	color: #111111;
	text-align: left;
}

body.receipt-print-mode .receipt-print-table {
	display: table;
	width: 100%;
	margin: 1em 0;
	border-collapse: collapse;
}

body.receipt-print-mode .receipt-print-table th,
body.receipt-print-mode .receipt-print-table td {
	padding: 0.7em;
	border: solid 1px #dddddd;
	color: #111111;
	text-align: left;
}

body.receipt-print-mode .receipt-print-table th {
	background: #f4f4f4;
	font-size: 0.72em;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

body.receipt-print-mode .receipt-print-table th:nth-child(2),
body.receipt-print-mode .receipt-print-table th:nth-child(3),
body.receipt-print-mode .receipt-print-table td:nth-child(2),
body.receipt-print-mode .receipt-print-table td:nth-child(3) {
	text-align: right;
}

body.receipt-print-mode .receipt-print-note {
	display: block;
	margin-top: 2em;
	padding-top: 1em;
	border-top: solid 1px #dddddd;
	color: #555555;
	font-size: 0.78em;
}

body.receipt-print-mode .print-fallback-note:not([hidden]) {
	display: block;
	margin: 1em 0 0;
	padding: 0.85em;
	border: solid 1px #111111;
	border-radius: 4px;
	background: #f7f7f7;
	color: #111111;
	font-size: 0.86em;
	line-height: 1.35;
}

body.receipt-print-mode .checkout-actions {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.65em;
	margin: 1.3em 0 0;
	padding-top: 1em;
	border-top: solid 1px #dddddd;
}

body.receipt-print-mode .checkout-actions a,
body.receipt-print-mode .checkout-actions button {
	width: 100%;
	min-width: 0;
	border-color: #111111;
	background: #ffffff;
	box-shadow: none;
	color: #111111;
}

body.receipt-print-mode .checkout-actions .checkout-primary {
	background: #111111;
	color: #ffffff;
}

.payment-domain-list {
	display: grid;
	gap: 0.45em;
	margin: 0.8em 0 0;
	padding: 0;
	list-style: none;
}

.payment-domain-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
	padding: 0.62em 0.7em;
	border: solid 1px rgba(255,255,255,0.14);
	border-radius: 4px;
	background: rgba(0,0,0,0.12);
}

.payment-domain-list span {
	overflow-wrap: anywhere;
	color: rgba(255,255,255,0.78);
}

.payment-domain-list strong {
	flex: 0 0 auto;
	color: rgba(119,255,241,0.86);
	font-size: 0.82em;
}

.renewal-list .domain-actions {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.65em;
}

.renewal-list .domain-actions a,
.renewal-list .domain-actions button {
	height: var(--action-height);
	min-width: 0;
}

.checkout-privacy {
	margin-top: 0.9em;
	padding: 0.8em;
	border: solid 1px rgba(119,255,241,0.24);
	border-radius: 4px;
	background: rgba(119,255,241,0.08);
}

.checkout-privacy strong {
	color: #77fff1;
}

.checkout-privacy p {
	margin: 0.35em 0 0;
}

.order-success-note {
	margin-bottom: 0.9em;
	padding: 0.85em;
	border: solid 1px rgba(255,255,255,0.2);
	border-radius: 4px;
	background: rgba(255,255,255,0.08);
}

.order-success-note strong {
	color: #ffffff;
}

.order-success-note p {
	margin: 0.35em 0 0;
	color: rgba(255,255,255,0.76);
	line-height: 1.42;
}

.checkout-summary dl {
	display: grid;
	gap: 0.65em;
	margin: 1em 0;
}

.checkout-summary dl div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
	padding-bottom: 0.65em;
	border-bottom: solid 1px rgba(255,255,255,0.12);
}

.checkout-summary .summary-link {
	display: block;
	padding-bottom: 0;
}

.checkout-summary .summary-link a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
	width: 100%;
	padding-bottom: 0.65em;
	color: inherit;
	text-decoration: none;
}

.checkout-summary .summary-link a:hover dt,
.checkout-summary .summary-link a:hover dd {
	color: #ffffff;
}

.checkout-summary .summary-link dd {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
}

.checkout-summary .summary-link i {
	color: rgba(119,255,241,0.72);
	font-style: normal;
	font-weight: 700;
}

.checkout-summary dt {
	color: rgba(255,255,255,0.7);
}

.checkout-summary dd {
	margin: 0;
	font-weight: 700;
}

.checkout-summary .summary-total {
	border-bottom: 0;
	color: #77fff1;
	font-size: 1.08em;
}

.checkout-summary .summary-risk {
	border-color: rgba(var(--gooder-red-rgb),0.32);
	color: #ffd2dc;
}

.checkout-summary .summary-risk dt,
.checkout-summary .summary-risk dd {
	color: #ff8da5;
	font-weight: 700;
}

.checkout-summary .summary-risk i {
	color: #ff8da5;
}

.account-hero {
	max-width: 48em;
}

.account-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.9em;
}

.account-overview {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.7em;
	margin: 0 0 0.9em;
	padding: 0.85em;
	border: solid 1px rgba(255,255,255,0.18);
	border-radius: 8px;
	background: rgba(255,255,255,0.08);
	backdrop-filter: blur(14px);
}

.account-overview div {
	min-width: 0;
	padding: 0.45em 0.65em;
	border-left: solid 1px rgba(119,255,241,0.2);
}

.account-overview div:first-child {
	border-left: 0;
}

.account-overview span,
.account-overview strong {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.account-overview span {
	color: rgba(255,255,255,0.68);
	font-size: 0.72em;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.account-overview strong {
	margin-top: 0.25em;
	color: #ffffff;
	font-size: 1.04em;
	font-weight: 500;
}

.account-workspace {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.95fr) minmax(0, 0.95fr);
	gap: 0.9em;
	align-items: stretch;
}

.account-primary-panel,
.account-action-panel {
	border: solid 1px rgba(255,255,255,0.16);
	border-radius: 8px;
	background: rgba(255,255,255,0.075);
	backdrop-filter: blur(14px);
}

.account-primary-panel {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1em;
	padding: 1.05em;
}

.account-primary-panel p {
	margin: 0;
	color: rgba(255,255,255,0.78);
	line-height: 1.5;
}

.account-primary-panel > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--action-height);
	border: solid 1px #77fff1;
	border-radius: 4px;
	background: #77fff1;
	color: #122229;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
}

.account-action-panel {
	padding: 0.85em;
}

.account-action-panel h2 {
	margin: 0 0 0.55em;
	color: #ffffff;
	font-size: 1em;
	font-weight: 600;
}

.account-link-list {
	display: grid;
	gap: 0.45em;
}

.account-link-list a {
	display: grid;
	grid-template-columns: 1.35em minmax(0, 1fr);
	align-items: center;
	gap: 0.55em;
	min-height: 2.75em;
	padding: 0 0.7em;
	border: solid 1px rgba(119,255,241,0.28);
	border-radius: 4px;
	background: rgba(255,255,255,0.045);
	color: rgba(255,255,255,0.88);
	font-weight: 500;
	text-decoration: none;
}

.account-link-list a:hover,
.account-link-list a:focus {
	border-color: rgba(119,255,241,0.68);
	background: rgba(119,255,241,0.11);
	color: #ffffff;
}

.account-link-list i {
	color: #77fff1;
	text-align: center;
}

.account-link-list span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.account-card {
	display: flex;
	flex-direction: column;
	min-height: 14.25em;
}

.account-card > i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.35em;
	height: 2.35em;
	margin-bottom: 0.85em;
	border: solid 1px rgba(119,255,241,0.26);
	border-radius: 999px;
	background: rgba(119,255,241,0.08);
	color: #77fff1;
	font-size: 1em;
}

.account-card p {
	flex: 1 1 auto;
}

.account-card-primary {
	border-color: rgba(119,255,241,0.34);
	background: rgba(119,255,241,0.1);
}

.account-card-primary > a {
	background: rgba(119,255,241,0.22);
	box-shadow: 0 0.7em 1.7em rgba(0,0,0,0.16);
	color: #ffffff;
}

.domains-hero {
	max-width: 48em;
}

.domains-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.9em;
}

.domain-card {
	display: flex;
	flex-direction: column;
	min-height: 14.25em;
}

.domain-card > i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.35em;
	height: 2.35em;
	margin-bottom: 0.85em;
	border: solid 1px rgba(119,255,241,0.26);
	border-radius: 999px;
	background: rgba(119,255,241,0.08);
	color: #77fff1;
	font-size: 1em;
}

.domain-card p {
	flex: 1 1 auto;
}

.domain-card-primary {
	border-color: rgba(119,255,241,0.34);
	background: rgba(119,255,241,0.1);
}

.domain-card-primary > a {
	background: rgba(119,255,241,0.22);
	box-shadow: 0 0.7em 1.7em rgba(0,0,0,0.16);
	color: #ffffff;
}

.contact-shell {
	display: grid;
	align-content: center;
	min-height: calc(100vh - 8.8em);
}

.contact-panel {
	display: grid;
	gap: 0.85em;
	width: min(20em, 100%);
	margin: 0 auto;
	padding: 0;
	border: 0;
	background: transparent;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	text-align: left;
}

.contact-direct-grid {
	display: block;
}

.contact-direct-item + .contact-direct-item {
	margin-top: 0.95em;
}

.contact-direct-item {
	display: grid;
	grid-template-rows: auto 1fr auto;
	align-content: start;
	gap: 0.6em;
	min-height: 7.6em;
	padding: 0;
}

.contact-help-item {
	order: 1;
}

.contact-phone-item {
	order: 2;
}

.contact-direct-item h2 {
	margin: 0;
	color: rgba(255,255,255,0.88);
	font-size: 1em;
	font-weight: 400;
}

.contact-direct-item p {
	margin: 0;
	color: rgba(255,255,255,0.58);
	font-size: 0.78em;
	line-height: 1.45;
}

.contact-direct-item a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: calc(3.25em - 2px);
	padding: 0.72em 0.9em;
	border: solid 1px rgba(255,255,255,0.78);
	border-radius: 4px;
	background: transparent;
	color: rgba(255,255,255,0.86);
	font-size: 1em;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	transition: border-color 0.25s ease, color 0.25s ease;
}

.contact-direct-item a:hover,
.contact-direct-item a:focus {
	border-color: #77fff1;
	color: #77fff1;
}

.contact-note {
	margin: 0.2em 0 0;
	color: rgba(255,255,255,0.5);
	font-size: 0.72em;
	line-height: 1.45;
	text-align: center;
}

.help-hero {
	max-width: 50em;
}

.help-panel {
	display: grid;
	gap: 0.95em;
	text-align: left;
}

.help-route-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55em;
	padding-bottom: 0.8em;
	border-bottom: solid 1px rgba(255,255,255,0.12);
}

.help-route-list a {
	flex: 1 1 7.6em;
	padding: 0.68em 0.78em;
	border: solid 1px rgba(119,255,241,0.2);
	border-radius: 4px;
	background: rgba(119,255,241,0.08);
	color: rgba(255,255,255,0.82);
	font-size: 0.8em;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
}

.help-route-list a:hover,
.help-route-list a:focus {
	border-color: rgba(119,255,241,0.42);
	background: rgba(119,255,241,0.14);
	color: #ffffff;
}

.help-topic-list {
	display: grid;
	gap: 0;
	border: solid 1px rgba(119,255,241,0.16);
	border-radius: 4px;
	background: rgba(0,0,0,0.16);
	overflow: hidden;
}

.help-topic-group {
	padding: 0.72em 0.95em 0.45em;
	border-top: solid 1px rgba(255,255,255,0.12);
	background: rgba(255,255,255,0.035);
	color: rgba(255,255,255,0.55);
	font-size: 0.68em;
	font-weight: 400;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.help-topic-group:first-child {
	border-top: 0;
}

.help-topic {
	padding: 0.8em 0.95em;
	border-top: solid 1px rgba(255,255,255,0.09);
}

.help-topic:first-child,
.help-topic-group + .help-topic {
	border-top: 0;
}

.help-topic[open] {
	background: rgba(119,255,241,0.08);
}

.help-topic summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
	color: rgba(119,255,241,0.9);
	cursor: pointer;
	font-size: 0.92em;
	font-weight: 400;
	list-style: none;
}

.help-topic summary::-webkit-details-marker {
	display: none;
}

.help-topic summary:after {
	content: "+";
	color: rgba(255,255,255,0.58);
	font-size: 1em;
}

.help-topic[open] summary:after {
	content: "-";
}

.help-topic p {
	margin: 0.65em 0 0;
	color: rgba(255,255,255,0.62);
	font-size: 0.84em;
	line-height: 1.45;
}

.help-topic-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8em;
	margin-top: 0.65em;
}

.help-topic-actions a {
	color: rgba(119,255,241,0.88);
	font-size: 0.82em;
	font-weight: 400;
	text-decoration: none;
}

.help-topic-actions span {
	color: rgba(255,255,255,0.48);
	font-size: 0.78em;
	font-weight: 400;
}

.help-topic-actions a:hover,
.help-topic-actions a:focus {
	color: #ffffff;
	text-decoration: underline;
}

.help-contact-line {
	margin: 0;
	color: rgba(255,255,255,0.64);
	font-size: 0.86em;
}

.help-contact-line a {
	color: rgba(119,255,241,0.88);
	font-weight: 400;
	text-decoration: none;
}

.help-contact-line a:hover,
.help-contact-line a:focus {
	color: #ffffff;
	text-decoration: underline;
}

.whois-hero {
	max-width: 50em;
}

.whois-shell {
	max-width: 44em;
	display: grid;
	align-content: center;
	min-height: calc(100vh - 8.8em);
}

.whois-lookup-panel {
	display: grid;
	gap: 0.75em;
	padding: 0;
	border: 0;
	background: transparent;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	text-align: left;
}

.whois-context-bar {
	display: flex;
	width: min(20em, 100%);
	margin: 0 auto;
}

.whois-back-button {
	display: inline-flex;
	align-items: center;
	gap: 0.45em;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: rgba(119,255,241,0.86);
	cursor: pointer;
	font: inherit;
	font-size: 0.76em;
	font-weight: 400;
}

.whois-back-button:hover,
.whois-back-button:focus {
	color: #ffffff;
	text-decoration: underline;
}

.whois-back-button[hidden] {
	display: none;
}

.whois-lookup-form {
	width: min(20em, 100%);
	grid-template-columns: 1fr;
	align-items: end;
	gap: 0.85em;
	margin: 0 auto;
}

.whois-lookup-form input[type="text"] {
	min-height: 2.65em;
	padding: 0 0 0.62em;
	border: 0;
	border-bottom: solid 1px rgba(255,255,255,0.84);
	border-radius: 0;
	background: transparent;
	color: rgba(255,255,255,0.9);
	font-size: 1em;
}

.whois-lookup-form input[type="text"]:focus {
	border-color: #77fff1;
	box-shadow: none;
	color: #77fff1;
}

.whois-lookup-form button {
	min-height: calc(3.25em - 2px);
	border-color: rgba(255,255,255,0.86);
	background: transparent;
	color: rgba(255,255,255,0.9);
	font-size: 1em;
	font-weight: 400;
}

.whois-lookup-form button:hover,
.whois-lookup-form button:focus {
	border-color: #77fff1;
	color: #77fff1;
}

.whois-lookup-form .form-status {
	grid-column: 1 / -1;
}

.whois-result {
	display: grid;
	width: min(20em, 100%);
	grid-template-columns: 1fr;
	gap: 0;
	margin: 0.15em auto 0;
	padding: 0.75em;
	border: solid 1px rgba(119,255,241,0.18);
	border-radius: 4px;
	background: rgba(0,0,0,0.22);
	font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

.whois-result h2 {
	grid-column: 1 / -1;
	margin: 0.05em 0 0.3em;
	color: rgba(119,255,241,0.92);
	font-size: 0.92em;
	font-weight: 400;
	text-align: left;
	text-transform: uppercase;
}

.whois-result div {
	display: contents;
}

.whois-result span,
.whois-result strong {
	min-width: 0;
	padding: 0.3em 0;
	border-top: solid 1px rgba(255,255,255,0.1);
}

.whois-result .whois-result-wide {
	display: contents;
}

.whois-result span,
.whois-support-links {
	color: rgba(255,255,255,0.64);
	font-size: 0.72em;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.whois-result strong {
	padding-top: 0;
	border-top: 0;
	color: rgba(255,255,255,0.86);
	font-size: 0.78em;
	font-weight: 400;
	line-height: 1.32;
	overflow-wrap: anywhere;
	text-align: left;
}

.whois-contact-value {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.8em;
}

.whois-contact-value > span {
	padding: 0;
	border-top: 0;
	color: inherit;
	font-size: inherit;
	letter-spacing: 0;
	text-transform: none;
}

.whois-holder-link {
	flex: 0 0 auto;
	color: #66fff0;
	font-size: 0.9em;
	font-weight: 400;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: none;
}

.whois-holder-link:hover,
.whois-holder-link:focus {
	color: #ffffff;
}

.whois-raw-record {
	display: grid !important;
	grid-column: 1 / -1;
	grid-template-columns: 1fr;
	gap: 0.45em;
	margin-top: 0.55em;
	padding-top: 0.6em;
	border-top: solid 1px rgba(255,255,255,0.1);
}

.whois-raw-record summary {
	width: max-content;
	padding: 0;
	border-top: 0;
	color: #66fff0;
	cursor: pointer;
	font-size: 0.78em;
	font-weight: 400;
	letter-spacing: 0.02em;
	list-style: none;
}

.whois-raw-record summary::-webkit-details-marker {
	display: none;
}

.whois-raw-record summary:before {
	content: "+";
	margin-right: 0.45em;
	color: rgba(102,255,240,0.78);
}

.whois-raw-record[open] summary:before {
	content: "-";
}

.whois-full-record {
	max-height: 22em;
	margin: 0;
	padding: 0;
	overflow: auto;
	border: 0;
	background: transparent;
	color: rgba(255,255,255,0.82);
}

.whois-full-record div {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.18em;
	padding: 0.42em 0;
	border-top: solid 1px rgba(255,255,255,0.08);
}

.whois-full-record span,
.whois-full-record strong {
	padding: 0;
	border-top: 0;
	font-size: 0.72em;
	font-weight: 400;
	line-height: 1.35;
	text-align: left;
	text-transform: none;
}

.whois-full-record span:before {
	content: none;
}

.whois-full-record span {
	color: rgba(255,255,255,0.56);
}

.whois-full-record strong {
	color: rgba(255,255,255,0.86);
	overflow-wrap: anywhere;
}

.whois-support-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.85em;
	width: min(20em, 100%);
	margin: 0 auto;
	letter-spacing: 0;
	text-transform: none;
}

.whois-support-links a,
.whois-support-links button {
	-webkit-appearance: none;
	appearance: none;
	padding: 0;
	border: 0;
	background: transparent;
	color: rgba(119,255,241,0.86);
	cursor: pointer;
	font: inherit;
	font-weight: 400;
	text-decoration: none;
}

.whois-support-links a:hover,
.whois-support-links a:focus,
.whois-support-links button:hover,
.whois-support-links button:focus {
	color: #ffffff;
	text-decoration: underline;
}

.whois-privacy-popup {
	box-sizing: border-box;
	justify-self: center;
	width: min(20em, 100%);
	max-width: 20em;
	margin-top: -0.25em;
	padding: 0.85em 0.95em;
	border: solid 1px rgba(119,255,241,0.18);
	border-radius: 4px;
	background: rgba(13,18,24,0.68);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	color: rgba(255,255,255,0.78);
	font-size: 0.82em;
	line-height: 1.45;
}

.whois-privacy-popup p {
	margin: 0;
}

.holder-contact-shell {
	max-width: 52em;
}

.holder-contact-panel {
	display: grid;
	gap: 1em;
}

.holder-contact-record {
	display: grid;
	grid-template-columns: minmax(8.5em, 0.36fr) minmax(0, 1fr);
	gap: 0;
	padding: 0.75em;
	border: solid 1px rgba(119,255,241,0.18);
	border-radius: 4px;
	background: rgba(0,0,0,0.22);
	font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

.holder-contact-record h2 {
	grid-column: 1 / -1;
	margin: 0.05em 0 0.3em;
	color: rgba(119,255,241,0.92);
	font-size: 0.92em;
	font-weight: 400;
	text-align: left;
	text-transform: uppercase;
}

.holder-contact-record div {
	display: contents;
}

.holder-contact-record span,
.holder-contact-record strong {
	min-width: 0;
	padding: 0.3em 0;
	border-top: solid 1px rgba(255,255,255,0.1);
	font-weight: 400;
	line-height: 1.32;
	text-align: left;
}

.holder-contact-record span {
	color: rgba(255,255,255,0.64);
	font-size: 0.72em;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.holder-contact-record strong {
	color: rgba(255,255,255,0.86);
	font-size: 0.78em;
	overflow-wrap: anywhere;
}

.holder-contact-form {
	margin-top: 0;
}

.holder-contact-success {
	display: grid;
	gap: 0.85em;
	padding: 1em;
	border: solid 1px rgba(119,255,241,0.2);
	border-radius: 4px;
	background: rgba(0,0,0,0.16);
}

.holder-contact-success[hidden] {
	display: none;
}

.holder-contact-success h2 {
	margin: 0;
	color: rgba(119,255,241,0.94);
	font-size: 1.05em;
	font-weight: 400;
	text-transform: none;
}

.holder-contact-success p {
	margin: 0;
	color: rgba(255,255,255,0.76);
	font-size: 0.9em;
	line-height: 1.45;
}

.holder-contact-reference {
	color: rgba(255,255,255,0.58) !important;
	font-size: 0.78em !important;
}

.holder-contact-reference span {
	color: rgba(255,255,255,0.74);
}

.holder-contact-success-actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.75em;
}

.holder-contact-success-actions .button {
	margin: 0;
}

.turnstile-field {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0;
	background: transparent;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
}

.turnstile-field [data-turnstile-widget],
.turnstile-field iframe {
	width: 1px !important;
	height: 1px !important;
}

.holder-contact-note {
	margin: 0;
}

.holder-contact-empty {
	display: grid;
	gap: 0.65em;
	margin: 0;
	padding: 0.85em;
	border: solid 1px rgba(119,255,241,0.18);
	border-radius: 4px;
	background: rgba(0,0,0,0.16);
}

.holder-contact-empty p {
	margin: 0;
	color: rgba(255,255,255,0.72);
	font-size: 0.9em;
	line-height: 1.45;
}

.holder-contact-empty a {
	color: #66fff0;
	font-weight: 400;
	text-decoration: none;
}

.holder-contact-empty a:hover,
.holder-contact-empty a:focus {
	color: #ffffff;
	text-decoration: underline;
}

.whois-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.9em;
}

.whois-card {
	display: flex;
	flex-direction: column;
	min-height: 14.25em;
}

.whois-card > i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.35em;
	height: 2.35em;
	margin-bottom: 0.85em;
	border: solid 1px rgba(119,255,241,0.26);
	border-radius: 999px;
	background: rgba(119,255,241,0.08);
	color: #77fff1;
	font-size: 1em;
}

.whois-card p {
	flex: 1 1 auto;
}

.whois-card-primary {
	border-color: rgba(119,255,241,0.34);
	background: rgba(119,255,241,0.1);
}

.whois-card-primary > a {
	background: rgba(119,255,241,0.22);
	box-shadow: 0 0.7em 1.7em rgba(0,0,0,0.16);
	color: #ffffff;
}

.whois-note {
	width: min(20em, 100%);
	max-width: 20em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.privacy-hero {
	max-width: 52em;
}

.privacy-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.9em;
}

.privacy-card {
	display: flex;
	flex-direction: column;
	min-height: 14.25em;
}

.privacy-card > i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.35em;
	height: 2.35em;
	margin-bottom: 0.85em;
	border: solid 1px rgba(119,255,241,0.26);
	border-radius: 999px;
	background: rgba(119,255,241,0.08);
	color: #77fff1;
	font-size: 1em;
}

.privacy-card p {
	flex: 1 1 auto;
}

.privacy-card-primary {
	border-color: rgba(119,255,241,0.34);
	background: rgba(119,255,241,0.1);
}

.privacy-card-primary > a {
	background: rgba(119,255,241,0.22);
	box-shadow: 0 0.7em 1.7em rgba(0,0,0,0.16);
	color: #ffffff;
}

.legal-hero {
	max-width: 52em;
}

.legal-panel {
	display: grid;
	gap: 1.25em;
	max-width: 64em;
	text-align: left;
}

.legal-intro {
	margin: 0;
	max-width: 58em;
	color: rgba(255,255,255,0.72);
	font-size: 0.92em;
	line-height: 1.5;
}

.legal-directory {
	display: grid;
	gap: 1.35em;
}

.legal-directory-group {
	display: grid;
	gap: 0.45em;
}

.legal-directory-group h2 {
	margin: 0;
	color: #ffffff;
	font-size: 0.8em;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: uppercase;
}

.legal-resource-list {
	display: grid;
	gap: 0;
	border-top: solid 1px rgba(255,255,255,0.16);
	border-bottom: solid 1px rgba(255,255,255,0.16);
}

.legal-resource-list a {
	display: grid;
	grid-template-columns: minmax(14em, 0.36fr) minmax(0, 1fr);
	align-items: center;
	gap: 1em;
	padding: 0.72em 0;
	border-top: solid 1px rgba(255,255,255,0.1);
	color: inherit;
	font-weight: 400;
	text-decoration: none;
}

.legal-resource-list a:first-child {
	border-top: 0;
}

.legal-resource-list a:hover,
.legal-resource-list a:focus {
	background: linear-gradient(90deg, rgba(119,255,241,0.08), rgba(119,255,241,0));
}

.legal-resource-list span {
	color: rgba(119,255,241,0.9);
	font-size: 0.9em;
	font-weight: 400;
}

.legal-resource-list small,
.legal-note {
	color: rgba(255,255,255,0.62);
	font-size: 0.8em;
	line-height: 1.4;
}

.legal-note {
	margin: 0;
}

.policy-document {
	display: grid;
	gap: 1.15em;
	max-width: 64em;
	color: rgba(255,255,255,0.72);
	font-size: 0.9em;
	line-height: 1.55;
}

.policy-document section {
	display: grid;
	gap: 0.42em;
	padding-top: 0.95em;
	border-top: solid 1px rgba(255,255,255,0.14);
}

.policy-document section:first-of-type {
	padding-top: 0;
	border-top: 0;
}

.policy-document h2 {
	margin: 0;
	color: rgba(119,255,241,0.92);
	font-size: 0.96em;
	font-weight: 400;
	letter-spacing: 0;
}

.policy-document p,
.policy-document ul {
	margin: 0;
}

.policy-document ul {
	padding-left: 1.1em;
	color: rgba(255,255,255,0.66);
}

.policy-document li + li {
	margin-top: 0.28em;
}

.policy-meta {
	color: rgba(255,255,255,0.52);
	font-size: 0.78em;
}

.policy-link-list {
	display: grid;
	gap: 0;
	border-top: solid 1px rgba(255,255,255,0.14);
	border-bottom: solid 1px rgba(255,255,255,0.14);
}

.policy-link-list a {
	display: grid;
	grid-template-columns: minmax(14em, 0.36fr) minmax(0, 1fr);
	gap: 1em;
	padding: 0.68em 0;
	border-top: solid 1px rgba(255,255,255,0.09);
	color: inherit;
	text-decoration: none;
}

.policy-link-list a:first-child {
	border-top: 0;
}

.policy-link-list span {
	color: rgba(119,255,241,0.9);
}

.policy-link-list small {
	color: rgba(255,255,255,0.62);
	font-size: 0.9em;
	line-height: 1.35;
}

.policy-link-list-compact {
	max-width: 42em;
}

.legal-doc-stack {
	display: grid;
	gap: 1.05em;
	max-width: 64em;
}

.legal-compact-group {
	display: grid;
	gap: 0;
	border-top: solid 1px rgba(255,255,255,0.16);
}

.legal-compact-group h2 {
	margin: 0;
	padding: 0.78em 0 0.36em;
	color: rgba(255,255,255,0.82);
	font-size: 0.78em;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: uppercase;
}

.legal-disclosure {
	gap: 0.85em;
	padding: 0;
	border-top: solid 1px rgba(255,255,255,0.09);
}

.legal-disclosure summary {
	display: grid;
	grid-template-columns: minmax(14em, 0.36fr) minmax(0, 1fr) auto;
	align-items: center;
	gap: 1em;
	padding: 0.68em 0;
	color: inherit;
	font-size: 0.9em;
	font-weight: 400;
	cursor: pointer;
	list-style: none;
}

.legal-disclosure summary::-webkit-details-marker {
	display: none;
}

.legal-disclosure summary span {
	color: rgba(119,255,241,0.92);
}

.legal-disclosure summary small {
	color: rgba(255,255,255,0.58);
	font-size: 0.9em;
	line-height: 1.35;
}

.legal-disclosure summary::after {
	content: "+";
	color: rgba(255,255,255,0.62);
	font-size: 1.1em;
	line-height: 1;
}

.legal-disclosure[open] summary::after {
	content: "-";
}

.legal-disclosure[open] {
	padding-bottom: 0.8em;
}

.legal-disclosure > :not(summary) {
	max-width: 58em;
}

.legal-disclosure section {
	border-top-color: rgba(255,255,255,0.1);
}

.terms-hero {
	max-width: 54em;
}

.terms-panel {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	gap: 0.9em;
}

.terms-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 13.5em;
}

.terms-card > i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.35em;
	height: 2.35em;
	margin-bottom: 0.85em;
	border: solid 1px rgba(119,255,241,0.26);
	border-radius: 999px;
	background: rgba(119,255,241,0.08);
	color: #77fff1;
	font-size: 1em;
}

.terms-card p {
	flex: 1 1 auto;
	margin-bottom: 1em;
}

.terms-card > a {
	margin-top: auto;
}

.terms-card-primary {
	border-color: rgba(119,255,241,0.34);
	background: rgba(119,255,241,0.1);
}

.terms-card-primary > a {
	background: rgba(119,255,241,0.22);
	box-shadow: 0 0.7em 1.7em rgba(0,0,0,0.16);
	color: #ffffff;
}

:is(.signin-card, .account-card, .domain-card, .contact-card, .help-card, .whois-card, .privacy-card, .legal-card, .terms-card) {
	display: block;
	min-height: 12.35em;
	text-align: left;
}

:is(.signin-card, .account-card, .domain-card, .contact-card, .help-card, .whois-card, .privacy-card, .legal-card, .terms-card) > i {
	display: inline-block;
	width: auto;
	height: auto;
	margin: 0 0.45em 0.65em 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #77fff1;
	font-size: 1.08em;
	line-height: 1;
	vertical-align: middle;
}

:is(.signin-card, .account-card, .domain-card, .contact-card, .help-card, .whois-card, .privacy-card, .legal-card, .terms-card) > h2 {
	display: inline-block;
	margin: 0 0 0.65em;
	text-align: left;
	vertical-align: middle;
}

@media (max-width: 980px) {

	.account-grid,
	.domains-grid,
	.contact-direct-grid,
	.help-grid,
	.whois-grid,
	.privacy-grid,
	.terms-panel {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.terms-panel {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

}

.full-nav .site-nav-links {
	flex: 1 1 auto;
	gap: 1.15em;
}

.full-nav .site-nav-links .nav-utility {
	display: inline-flex;
}

.full-nav .site-nav-links .currency-panel.nav-utility {
	display: flex;
}

.full-nav .site-nav-toggle {
	display: none;
}

.domain-list {
	display: grid;
	gap: 0.55em;
	margin: 1em 0;
	padding: 0;
	list-style: none;
}

.domain-list li {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.8em;
	padding: 0.75em;
	border: solid 1px rgba(255,255,255,0.16);
	border-radius: 4px;
	background: rgba(0,0,0,0.12);
}

.domain-list strong {
	overflow-wrap: anywhere;
}

.domain-list button,
.domain-list a,
.checkout-actions a,
.checkout-actions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: var(--action-height);
	border: solid 1px rgba(119,255,241,0.58);
	border-radius: 4px;
	background: rgba(119,255,241,0.1);
	color: #77fff1;
	padding: 0 0.85em;
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
}

.domain-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45em;
}

.domain-actions a,
.domain-actions button {
	flex: 0 1 8.5em;
	min-width: min(100%, 7.5em);
}

.portfolio-list .domain-actions {
	grid-column: 1 / -1;
	gap: 0.42em;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	width: 100%;
	min-width: 0;
}

.portfolio-list .domain-actions a,
.portfolio-list .domain-actions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: var(--action-height);
	min-width: 0;
	padding: 0 0.75em;
	font-size: 0.84em;
	line-height: 1.1;
	box-shadow: none;
	text-align: center;
	white-space: nowrap;
}

.portfolio-list:not(.is-list-view) li {
	grid-template-columns: minmax(0, 1fr) minmax(10.5em, 14em);
	align-items: stretch;
}

.portfolio-list:not(.is-list-view) .domain-actions {
	grid-column: 2;
	grid-row: 1 / span 2;
	align-self: stretch;
	width: 100%;
	grid-template-columns: 1fr;
	grid-auto-rows: 1fr;
}

.portfolio-list:not(.is-list-view) .domain-actions a,
.portfolio-list:not(.is-list-view) .domain-actions button {
	min-height: var(--action-height);
}

.portfolio-list .domain-action-primary {
	border-color: rgba(119,255,241,0.58);
	background: rgba(119,255,241,0.14);
	color: #77fff1;
}

.portfolio-list .domain-action-secondary {
	border-color: rgba(255,255,255,0.16);
	background: rgba(255,255,255,0.035);
	color: rgba(255,255,255,0.76);
}

.portfolio-list .domain-action-primary:hover,
.portfolio-list .domain-action-primary:focus {
	border-color: rgba(119,255,241,0.84);
	background: rgba(119,255,241,0.2);
	color: #ffffff;
}

.portfolio-list .domain-action-secondary:hover,
.portfolio-list .domain-action-secondary:focus {
	border-color: rgba(119,255,241,0.76);
	background: rgba(119,255,241,0.16);
	color: #ffffff;
}

.checkout-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55em;
	margin-top: 1em;
}

.checkout-actions a,
.checkout-actions button {
	flex: 1 1 12em;
	min-width: min(100%, 12em);
}

.checkout-actions .checkout-primary {
	flex-basis: 100%;
	background: rgba(119,255,241,0.22);
	box-shadow: 0 0.7em 1.7em rgba(0,0,0,0.16);
	color: #ffffff;
}

.workflow-list {
	margin: 0;
	padding-left: 1.2em;
	color: rgba(255,255,255,0.76);
	line-height: 1.55;
}

.transfer-form {
	display: grid;
	gap: 0.85em;
	margin-top: 0.75em;
}

.transfer-form textarea {
	min-height: 12em;
	resize: vertical;
}

.transfer-readiness {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.55em;
	margin-top: 1em;
}

.transfer-readiness.is-stacked {
	grid-template-columns: 1fr;
}

.transfer-readiness div {
	display: grid;
	gap: 0.32em;
	min-width: 0;
	padding: 0.68em;
	border: solid 1px rgba(255,255,255,0.13);
	border-radius: 4px;
	background: rgba(255,255,255,0.055);
}

.transfer-readiness strong {
	color: rgba(255,255,255,0.78);
	font-size: 0.82em;
	line-height: 1.25;
}

.transfer-timeline {
	display: grid;
	gap: 0.7em;
	margin-top: 1em;
}

.transfer-timeline div {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.15em 0.65em;
	align-items: start;
	padding: 0.7em;
	border: solid 1px rgba(255,255,255,0.13);
	border-radius: 4px;
	background: rgba(255,255,255,0.055);
}

.transfer-timeline div > span {
	grid-row: 1 / span 2;
	width: 0.82em;
	height: 0.82em;
	margin-top: 0.18em;
	border-radius: 999px;
	background: rgba(255,255,255,0.28);
}

.transfer-timeline .is-complete > span,
.transfer-timeline .is-active > span {
	background: #77f7a7;
	box-shadow: 0 0 0 3px rgba(119,247,167,0.12);
}

.transfer-timeline strong {
	color: #ffffff;
	line-height: 1.2;
}

.transfer-timeline p {
	margin: 0;
	color: rgba(255,255,255,0.64);
	font-size: 0.84em;
	line-height: 1.35;
}

.transfer-list {
	display: grid;
	gap: 0.62em;
	margin: 1em 0 0;
	padding: 0;
	list-style: none;
}

.transfer-row {
	display: grid;
	grid-template-columns: minmax(12em, 1.5fr) minmax(7em, 0.7fr) minmax(7em, 0.7fr) minmax(12em, 1fr);
	gap: 0.7em;
	align-items: center;
	padding: 0.78em;
	border: solid 1px rgba(255,255,255,0.13);
	border-radius: 6px;
	background: rgba(255,255,255,0.055);
}

.transfer-row.is-selected {
	border-color: rgba(119,255,241,0.44);
	background: rgba(119,255,241,0.1);
}

.transfer-row.has-transfer-risk {
	border-color: rgba(255,108,124,0.42);
	background: rgba(255,108,124,0.1);
}

.transfer-row-main {
	display: grid;
	gap: 0.18em;
	min-width: 0;
}

.transfer-row-main strong {
	color: #ffffff;
	font-size: 1.02em;
	overflow-wrap: anywhere;
}

.transfer-row-main span,
.transfer-row > span:not(.status-dot-label) {
	color: rgba(255,255,255,0.68);
	font-size: 0.86em;
	line-height: 1.35;
}

.transfer-row-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.45em;
}

.transfer-row-actions a,
.transfer-row-actions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 2.75em;
	padding: 0.72em 0.85em;
	border: solid 1px rgba(119,255,241,0.42);
	border-radius: 4px;
	background: rgba(255,255,255,0.08);
	color: #77fff1;
	font: inherit;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.transfer-row-actions a:hover,
.transfer-row-actions a:focus,
.transfer-row-actions button:hover,
.transfer-row-actions button:focus {
	background: rgba(119,255,241,0.18);
	color: #ffffff;
}

.utility-note {
	margin-top: 1em;
	color: rgba(255,255,255,0.62);
	font-size: 0.86em;
}

@media (min-width: 561px) {

	.site-nav-toggle {
		display: none !important;
	}

	.site-nav-links {
		display: flex !important;
	}

}

@media (max-width: 820px) {

	.transfer-row {
		grid-template-columns: 1fr;
		align-items: stretch;
	}

	.transfer-row-actions {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

}

@media (max-width: 840px) {

	.full-nav .site-nav {
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.full-nav .site-nav-toggle {
		display: block;
	}

	.full-nav .site-nav-links {
		display: none !important;
		flex-basis: 100%;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: stretch;
		gap: 0.15em;
		margin: 0.75em 0 0;
		text-align: left;
	}

	.full-nav .site-nav.is-open .site-nav-links {
		display: grid !important;
	}

	.full-nav .site-nav-links .nav-utility,
	.full-nav .site-nav-links .currency-panel.nav-utility {
		display: block;
	}

	.full-nav .site-nav-links a,
	.full-nav .site-nav-links summary,
	.full-nav .currency-panel {
		padding: 0.65em 0;
		border-top: solid 1px rgba(255,255,255,0.14);
		white-space: normal;
	}

	.page-grid {
		grid-template-columns: 1fr;
	}

}

@media (max-width: 560px) {

	:root {
		--nav-clearance: 4em;
	}

	body {
		font-size: 12pt;
	}

	.site-nav {
		align-items: center;
		flex-wrap: nowrap;
		top: 0;
		width: 100%;
		min-height: 4em;
		padding: 0.7em 1em;
	}

	.site-nav-toggle {
		display: none;
	}

	.site-nav-links {
		display: flex;
		flex-basis: auto;
		align-items: center;
		gap: 0.95em;
		margin: 0 0 0 1em;
		text-align: right;
	}

	.site-nav.is-open .site-nav-links {
		display: flex;
	}

	.site-nav-links .nav-utility {
		display: block;
	}

	.site-nav-links .currency-panel.nav-utility {
		display: flex;
	}

	.site-nav-links a,
	.site-nav-links summary,
	.currency-panel {
		padding: 0.65em 0;
		border-top: solid 1px rgba(255,255,255,0.14);
		white-space: normal;
	}

	.site-nav-links .cart-link {
		text-align: center;
	}

	.site-nav-links small {
		display: block;
	}

	.signin-panel,
	.market-panel,
	.currency-panel {
		grid-column: 1 / -1;
	}

	.signin-panel[open] .signin-list,
	.market-panel[open] .market-list {
		position: static;
		min-width: 0;
		width: auto;
		border: 0;
		background: transparent;
		box-shadow: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}

	.signin-panel[open] .signin-list {
		padding: 0;
	}

	#wrapper {
		width: min(20em, calc(100% - 2em));
		padding: 0;
	}

	body.has-domain-results #wrapper {
		padding-top: 1.4em;
	}

	.domain-search-fields {
		padding: 0;
	}

	.site-nav-links,
	.market-list,
	#wrapper form .suggestion-item {
		grid-template-columns: 1fr;
	}

	.full-nav .site-nav {
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.full-nav .site-nav-toggle {
		display: block;
	}

	.full-nav .site-nav-links {
		display: none;
		flex-basis: 100%;
		grid-template-columns: 1fr;
		margin: 0.75em 0 0;
		text-align: left;
	}

	.full-nav .site-nav.is-open .site-nav-links {
		display: grid;
	}

		#wrapper header {
		}

			#wrapper header h1 {
				height: 1.25em;
			}

}

/* Unified signed-in workspace language */

body.account-ui .page-shell {
	width: min(58em, calc(100% - 2em));
	padding: 1.35em 0 2.8em;
}

body.account-ui.account-ui-narrow .page-shell {
	display: grid;
	align-content: center;
	width: min(24em, calc(100% - 2em));
	min-height: calc(100vh - var(--nav-clearance));
}

body.account-ui .page-hero {
	display: none;
}

body.account-ui .page-card,
body.account-ui .checkout-panel,
body.account-ui .account-overview,
body.account-ui .account-primary-panel,
body.account-ui .account-action-panel {
	padding: 0.78rem;
	border-color: rgba(255,255,255,0.13);
	border-radius: 4px;
	background: rgba(255,255,255,0.045);
	box-shadow: none;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

body.account-ui .page-card h2,
body.account-ui .checkout-panel h2,
body.account-ui .account-action-panel h2,
body.account-ui .card-title-line > h2 {
	margin: 0 0 0.55rem;
	color: rgba(255,255,255,0.9);
	font-size: 0.92rem;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.2;
}

body.account-ui .card-title-line {
	gap: 0.42rem;
	margin-bottom: 0.55rem;
}

body.account-ui .card-title-line > h2 {
	margin: 0;
}

body.account-ui .card-title-line > i,
body.account-ui .domain-section h2 i,
body.account-ui .dns-detail-card h3 i {
	color: rgba(119,255,241,0.76);
	font-size: 0.84rem;
}

body.account-ui .page-card p,
body.account-ui .checkout-panel p,
body.account-ui .utility-note,
body.account-ui .workflow-list {
	color: rgba(255,255,255,0.64);
	font-size: 0.8rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.38;
}

body.account-ui .page-card a,
body.account-ui .checkout-panel a,
body.account-ui .checkout-panel button,
body.account-ui .gooder-form label,
body.account-ui .gooder-form button {
	font-weight: 400;
}

body.account-ui .checkout-layout,
body.account-ui .billing-layout {
	grid-template-columns: minmax(0, 1.4fr) minmax(15.5em, 0.72fr);
	gap: 0.65rem;
}

body.account-ui .portfolio-layout,
body.account-ui .domain-section-grid,
body.account-ui .account-workspace {
	gap: 0.65rem;
}

body.account-ui .checkout-actions {
	gap: 0.45rem;
	margin-top: 0.72rem;
}

body.account-ui .checkout-actions a,
body.account-ui .checkout-actions button,
body.account-ui .gooder-form button,
body.account-ui .domain-command-bar a,
body.account-ui .dns-card-actions button,
body.account-ui .saved-payment-panel button {
	min-height: 2.38rem;
	padding: 0 0.68rem;
	box-shadow: none;
	font-size: 0.8rem;
	font-weight: 400;
}

body.account-ui .checkout-actions .checkout-primary,
body.account-ui .gooder-form button,
body.account-ui .domain-command-bar .checkout-primary {
	font-weight: 500;
}

body.account-ui .checkout-summary dl {
	margin: 0.15rem 0 0;
	font-size: 0.78rem;
}

body.account-ui .checkout-summary dl div {
	padding: 0.5rem 0;
}

body.account-ui .checkout-summary dt,
body.account-ui .checkout-summary dd {
	font-weight: 400;
}

body.account-ui .checkout-summary .summary-total {
	font-size: 0.86rem;
}

body.account-ui .gooder-form {
	gap: 0.58rem;
	margin-top: 0.55rem;
}

body.account-ui .gooder-form label {
	gap: 0.24rem;
	font-size: 0.78rem;
}

body.account-ui .gooder-form input[type="email"],
body.account-ui .gooder-form input[type="password"],
body.account-ui .gooder-form input[type="text"],
body.account-ui .gooder-form textarea,
body.account-ui .renewal-domain-filter,
body.account-ui .renewal-sort-toggle {
	min-height: 2.35rem;
	padding: 0.42rem 0.56rem;
	border-radius: 4px;
	font-size: 0.84rem;
	font-weight: 400;
}

body.account-ui .account-overview {
	gap: 0;
	margin-bottom: 0.65rem;
	padding: 0.52rem;
}

body.account-ui .account-overview div {
	padding: 0.36rem 0.58rem;
}

body.account-ui .account-overview span {
	font-size: 0.66rem;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}

body.account-ui .account-overview strong {
	margin-top: 0.16rem;
	font-size: 0.86rem;
	font-weight: 400;
}

body.account-ui .account-primary-panel {
	gap: 0.65rem;
}

body.account-ui .account-primary-panel > a,
body.account-ui .account-link-list a {
	min-height: 2.38rem;
	font-size: 0.78rem;
	font-weight: 400;
}

body.account-ui .account-action-panel h2 {
	margin-bottom: 0.45rem;
}

body.account-ui .account-link-list {
	gap: 0.35rem;
}

body.account-ui .account-link-list a {
	grid-template-columns: 1.15rem minmax(0, 1fr);
	gap: 0.45rem;
	padding: 0 0.58rem;
	border-color: rgba(255,255,255,0.1);
	background: rgba(255,255,255,0.025);
}

body.account-ui .account-link-list i {
	color: rgba(119,255,241,0.72);
	font-size: 0.8rem;
}

body.account-ui .portfolio-tools-strip {
	margin: 0 0 0.65rem;
	padding-bottom: 0.58rem;
	font-size: 0.78rem;
}

body.account-ui .portfolio-tool-grid {
	gap: 0.38rem;
}

body.account-ui .portfolio-tool-grid a {
	min-height: 2.18rem;
	font-size: 0.72rem;
}

body.account-ui .domain-workspace,
body.account-ui .domain-workspace [data-domain-ready]:not([hidden]) {
	gap: 0.72rem;
}

body.account-ui .domain-command-bar {
	gap: 0.45rem;
}

body.account-ui .domain-snapshot {
	gap: 0.65rem;
	padding: 0.75rem;
	border-color: rgba(255,255,255,0.13);
	background: rgba(255,255,255,0.045);
	box-shadow: none;
}

body.account-ui .domain-snapshot-main > span,
body.account-ui .domain-snapshot-facts span {
	font-size: 0.65rem;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}

body.account-ui .domain-snapshot-main > strong {
	font-size: 1.28rem;
	font-weight: 500;
	line-height: 1.12;
}

body.account-ui .domain-snapshot-facts,
body.account-ui .domain-health-grid,
body.account-ui .domain-control-grid {
	gap: 0.45rem;
}

body.account-ui .domain-snapshot-facts div,
body.account-ui .domain-health-grid div {
	gap: 0.18rem;
	padding: 0.48rem;
	border-color: rgba(255,255,255,0.09);
	background: rgba(255,255,255,0.025);
}

body.account-ui .domain-snapshot-facts strong,
body.account-ui .domain-health-grid strong {
	font-size: 0.78rem;
	font-weight: 400;
}

body.account-ui .domain-control-panel h2 {
	margin-bottom: 0.5rem;
}

body.account-ui .domain-control-grid a {
	min-height: 2.85rem;
	padding: 0.46rem 0.52rem;
	border-color: rgba(255,255,255,0.1);
	background: rgba(255,255,255,0.025);
}

body.account-ui .domain-control-grid span {
	font-size: 0.76rem;
	font-weight: 500;
}

body.account-ui .domain-control-grid small {
	font-size: 0.63rem;
}

body.account-ui .domain-section {
	padding: 0.72rem;
}

body.account-ui .domain-section h2 {
	margin-bottom: 0.48rem;
}

body.account-ui .domain-mini-list,
body.account-ui .dns-record-list,
body.account-ui .receipt-detail-list,
body.account-ui .billing-activity,
body.account-ui .transfer-timeline,
body.account-ui .transfer-list {
	gap: 0;
	margin: 0.58rem 0;
}

body.account-ui .domain-mini-list div,
body.account-ui .dns-record-list > div,
body.account-ui .receipt-detail-list li,
body.account-ui .billing-activity li,
body.account-ui .transfer-timeline div,
body.account-ui .transfer-row {
	padding: 0.52rem 0;
	border: 0;
	border-top: solid 1px rgba(255,255,255,0.1);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

body.account-ui .domain-mini-list div:first-child,
body.account-ui .dns-record-list > div:first-child,
body.account-ui .receipt-detail-list li:first-child,
body.account-ui .billing-activity li:first-child,
body.account-ui .transfer-timeline div:first-child,
body.account-ui .transfer-row:first-child {
	border-top: 0;
}

body.account-ui .receipt-detail-list span,
body.account-ui .receipt-detail-list strong,
body.account-ui .billing-activity span,
body.account-ui .billing-activity a,
body.account-ui .transfer-row-main span,
body.account-ui .transfer-row > span:not(.status-dot-label) {
	font-size: 0.76rem;
	font-weight: 400;
}

body.account-ui .dns-detail-grid {
	gap: 0;
	margin-top: 0.55rem;
}

body.account-ui .dns-detail-card {
	gap: 0.42rem;
	padding: 0.62rem 0;
	border: 0;
	border-top: solid 1px rgba(255,255,255,0.1);
	border-radius: 0;
	background: transparent;
}

body.account-ui .dns-detail-card:first-child {
	border-top: 0;
}

body.account-ui .dns-detail-card h3 {
	font-size: 0.82rem;
	font-weight: 500;
}

body.account-ui .dns-row-actions button {
	min-height: 2.1rem;
	font-size: 0.72rem;
	font-weight: 400;
}

body.account-ui .renewal-sort-control {
	gap: 0.5rem;
	margin: 0.55rem 0 0.68rem;
}

body.account-ui .renewal-sort-label,
body.account-ui .renewal-sort-toggle,
body.account-ui .renewal-sort-options button {
	font-size: 0.72rem;
	font-weight: 400;
}

body.account-ui .bulk-renewal-control {
	margin: 0.55rem 0 0.65rem;
	padding: 0.58rem 0;
	border: 0;
	border-top: solid 1px rgba(255,255,255,0.1);
	border-bottom: solid 1px rgba(255,255,255,0.1);
	border-radius: 0;
	background: transparent;
}

body.account-ui .renewal-list li {
	gap: 0.58rem;
	padding: 0.65rem 0;
	border: 0;
	border-top: solid 1px rgba(255,255,255,0.1);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

body.account-ui .renewal-list li.has-billing-risk {
	padding: 0.65rem;
	border: solid 1px rgba(var(--gooder-red-rgb),0.5);
	border-radius: 4px;
	background: rgba(var(--gooder-red-rgb),0.12);
}

body.account-ui .renewal-domain-main strong {
	font-size: 0.92rem;
	font-weight: 500;
}

body.account-ui .renewal-domain-main span,
body.account-ui .renewal-nudge {
	font-size: 0.75rem;
	font-weight: 400;
}

body.account-ui .billing-panel-head {
	margin-bottom: 0.58rem;
}

body.account-ui .billing-panel-head p {
	font-size: 0.72rem;
}

body.account-ui .billing-grid {
	gap: 0;
	margin: 0.58rem 0;
}

body.account-ui .billing-stat {
	padding: 0.45rem 0.62rem;
	border: 0;
	border-left: solid 1px rgba(255,255,255,0.1);
	border-radius: 0;
	background: transparent;
}

body.account-ui .billing-stat:first-child {
	border-left: 0;
}

body.account-ui .billing-stat span,
body.account-ui .billing-stat strong {
	font-size: 0.74rem;
	font-weight: 400;
}

body.account-ui .billing-alert {
	margin: 0.65rem 0;
	padding: 0.58rem;
}

body.account-ui .saved-payment-panel {
	gap: 0.55rem;
	margin: 0.58rem 0;
	padding: 0.58rem 0;
	border: 0;
	border-top: solid 1px rgba(119,255,241,0.2);
	border-bottom: solid 1px rgba(119,255,241,0.2);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

body.account-ui .saved-payment-panel.is-primary {
	background: transparent;
	box-shadow: none;
}

body.account-ui .saved-payment-panel span,
body.account-ui .saved-payment-panel em {
	font-size: 0.7rem;
}

body.account-ui .saved-payment-panel strong {
	font-size: 0.82rem;
	font-weight: 500;
}

body.account-ui .transfer-form textarea {
	min-height: 8.5rem;
}

body.account-ui .transfer-readiness {
	gap: 0;
	margin-top: 0.65rem;
}

body.account-ui .transfer-readiness div {
	padding: 0.48rem 0.58rem;
	border: 0;
	border-left: solid 1px rgba(255,255,255,0.1);
	border-radius: 0;
	background: transparent;
}

body.account-ui .transfer-readiness div:first-child {
	border-left: 0;
}

body.account-ui .transfer-readiness.is-stacked div {
	border-left: 0;
	border-top: solid 1px rgba(255,255,255,0.1);
}

body.account-ui .transfer-readiness.is-stacked div:first-child {
	border-top: 0;
}

body.account-ui .transfer-readiness strong,
body.account-ui .transfer-timeline strong,
body.account-ui .transfer-timeline p {
	font-size: 0.72rem;
	font-weight: 400;
}

body.account-ui .transfer-row {
	grid-template-columns: minmax(10em, 1.35fr) minmax(6em, 0.65fr) minmax(6em, 0.65fr) minmax(10em, 0.9fr);
	gap: 0.5rem;
}

body.account-ui .transfer-row.is-selected,
body.account-ui .transfer-row.has-transfer-risk {
	padding: 0.58rem;
	border: solid 1px rgba(119,255,241,0.3);
	border-radius: 4px;
}

body.account-ui .transfer-row.has-transfer-risk {
	border-color: rgba(var(--gooder-red-rgb),0.42);
}

body.account-ui .transfer-row-main strong {
	font-size: 0.84rem;
	font-weight: 500;
}

body.account-ui .transfer-row-actions a,
body.account-ui .transfer-row-actions button {
	min-height: 2.15rem;
	padding: 0 0.45rem;
	font-size: 0.7rem;
	font-weight: 400;
}

@media (max-width: 860px) {
	body.account-ui .page-shell,
	body.account-ui.account-ui-narrow .page-shell {
		width: min(100% - 1.4em, 58em);
		padding-top: 1em;
	}

	body.account-ui .checkout-layout,
	body.account-ui .billing-layout {
		grid-template-columns: 1fr;
	}

	body.account-ui .domain-command-bar,
	body.account-ui .domain-snapshot,
	body.account-ui .domain-section-grid {
		grid-template-columns: 1fr;
	}

	body.account-ui .transfer-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.account-ui .transfer-row-actions {
		grid-column: 1 / -1;
	}
}

@media (max-width: 560px) {
	body.account-ui .page-shell,
	body.account-ui.account-ui-narrow .page-shell {
		width: min(100% - 1.1em, 58em);
		padding-top: 0.78em;
	}

	body.account-ui .page-card,
	body.account-ui .checkout-panel,
	body.account-ui .account-overview,
	body.account-ui .account-primary-panel,
	body.account-ui .account-action-panel {
		padding: 0.68rem;
	}

	body.account-ui .gooder-form input[type="email"],
	body.account-ui .gooder-form input[type="password"],
	body.account-ui .gooder-form input[type="text"],
	body.account-ui .gooder-form textarea,
	body.account-ui .renewal-domain-filter,
	body.account-ui .renewal-sort-toggle {
		font-size: 1rem;
	}

	body.account-ui .account-overview,
	body.account-ui .account-workspace,
	body.account-ui .account-link-list,
	body.account-ui .billing-grid,
	body.account-ui .domain-control-grid,
	body.account-ui .domain-snapshot-facts,
	body.account-ui .transfer-readiness,
	body.account-ui .transfer-row {
		grid-template-columns: 1fr;
	}

	body.account-ui .account-overview div,
	body.account-ui .billing-stat,
	body.account-ui .transfer-readiness div {
		border-left: 0;
		border-top: solid 1px rgba(255,255,255,0.1);
	}

	body.account-ui .account-overview div:first-child,
	body.account-ui .billing-stat:first-child,
	body.account-ui .transfer-readiness div:first-child {
		border-top: 0;
	}

	body.account-ui .domain-control-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.account-ui .dns-record-list > div,
	body.account-ui .domain-mini-list div {
		grid-template-columns: 1fr;
	}

	body.account-ui .checkout-actions,
	body.account-ui .domain-section .checkout-actions,
	body.account-ui .renewal-list .domain-actions,
	body.account-ui .transfer-row-actions {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.account-ui .checkout-actions > :only-child,
	body.account-ui .domain-section .checkout-actions > :only-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 860px) {

	.portfolio-layout.is-list-view .portfolio-side-stack {
		grid-template-columns: 1fr !important;
	}

}

@media print {

	:root {
		--nav-clearance: 0;
	}

	body {
		min-height: auto;
		padding: 0;
		background: #ffffff !important;
		color: #111111;
		font-size: 12pt;
		text-align: left;
	}

	body:before,
	.site-nav,
	.site-footer,
	.checkout-actions {
		display: none !important;
	}

	.page-shell {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.receipt-print-header {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 2em;
		margin: 0 0 1.4em;
		padding-bottom: 1em;
		border-bottom: solid 2px #111111;
	}

	.receipt-print-header div {
		display: grid;
		gap: 0.2em;
	}

	.receipt-print-header div:last-child {
		text-align: right;
	}

	.receipt-print-header strong {
		color: #111111;
		font-size: 18pt;
		line-height: 1.1;
	}

	.receipt-print-header span {
		color: #555555;
		font-size: 10pt;
		text-transform: uppercase;
		letter-spacing: 0.08em;
	}

	.page-hero {
		margin: 0 0 1em;
		padding-bottom: 0;
		border-bottom: 0;
	}

	.page-hero h1 {
		color: #111111;
		font-size: 24pt;
	}

	.page-hero p {
		max-width: none;
		color: #444444;
	}

	.checkout-layout {
		display: block;
	}

	.checkout-panel,
	.checkout-summary {
		margin: 0 0 1em;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}

	.checkout-panel h2,
	.checkout-summary h2 {
		color: #111111;
	}

	.receipt-detail-list li,
	.checkout-summary dl div {
		border-color: #dddddd;
		background: transparent;
		color: #111111;
	}

	.receipt-detail-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0;
		margin: 0 0 1em;
		border-top: solid 1px #dddddd;
		border-left: solid 1px #dddddd;
	}

	.receipt-detail-list li {
		display: grid;
		gap: 0.15em;
		padding: 0.65em;
		border-top: 0;
		border-left: 0;
		border-right: solid 1px #dddddd;
		border-bottom: solid 1px #dddddd;
		border-radius: 0;
	}

	.receipt-detail-list span,
	.checkout-summary dt {
		color: #555555;
	}

	.receipt-detail-list strong,
	.checkout-summary dd,
	.checkout-summary .summary-total {
		color: #111111;
	}

	.receipt-detail-list strong {
		text-align: left;
	}

	.receipt-print-table {
		display: table;
		width: 100%;
		margin: 1em 0;
		border-collapse: collapse;
	}

	.receipt-print-table th,
	.receipt-print-table td {
		padding: 0.7em;
		border: solid 1px #dddddd;
		color: #111111;
		text-align: left;
	}

	.receipt-print-table th {
		background: #f4f4f4;
		font-size: 10pt;
		text-transform: uppercase;
		letter-spacing: 0.06em;
	}

	.receipt-print-table th:nth-child(2),
	.receipt-print-table th:nth-child(3),
	.receipt-print-table td:nth-child(2),
	.receipt-print-table td:nth-child(3) {
		text-align: right;
	}

	.receipt-print-note {
		display: block;
		margin-top: 2em;
		padding-top: 1em;
		border-top: solid 1px #dddddd;
		color: #555555;
		font-size: 10pt;
	}

}

body.full-nav {
	padding-top: 0;
}

.full-nav .site-nav {
	position: sticky;
	top: 0;
	align-items: center;
	flex-wrap: wrap;
	min-height: 4.35em;
	padding: 0.75em 2.1em;
}

.full-nav .site-nav-brand {
	margin-right: auto;
}

.full-nav .site-nav-toggle {
	display: none !important;
}

.full-nav .site-nav-links {
	display: flex !important;
	flex: 1 1 auto;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 0.75em 1.15em;
	margin: 0 0 0 1.5em;
	text-align: right;
}

.full-nav .site-nav-links a,
.full-nav .site-nav-links summary,
.full-nav .currency-panel {
	padding: 0.55em 0.15em;
	border-top: 0;
	white-space: nowrap;
}

.full-nav .page-shell {
	flex: 0 0 auto;
	min-height: calc(100svh - 4.35em);
	padding-top: 2em;
}

body.auth-page .page-shell {
	display: grid;
	align-content: center;
	min-height: calc(100vh - 4.35em);
	padding-top: 1.25em;
	padding-bottom: 1.25em;
}

body.auth-page .signin-layout-single {
	width: min(20em, 100%);
}

body.auth-page .signin-tabs-card {
	padding: 0;
	border: 0;
	background: transparent;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

body.auth-page .signin-tabs {
	margin-bottom: 0.72em;
	border-color: rgba(255,255,255,0.14);
	background: transparent;
}

body.auth-page .signin-tabs button {
	min-height: 2.18em;
	color: rgba(255,255,255,0.62);
	font-size: 1em;
	font-weight: 400;
}

body.auth-page .signin-tabs button.is-active {
	border-color: rgba(119,255,241,0.58);
	background: rgba(119,255,241,0.1);
	color: #77fff1;
}

body.auth-page .signin-tabs-card .gooder-form {
	gap: 0.9em;
}

body.auth-page .signin-tabs-card .gooder-form label {
	gap: 0.32em;
	color: rgba(255,255,255,0.62);
	font-size: 1em;
	font-weight: 400;
}

body.auth-page .signin-tabs-card .gooder-form input[type="email"],
body.auth-page .signin-tabs-card .gooder-form input[type="password"],
body.auth-page .signin-tabs-card .gooder-form input[type="text"] {
	min-height: 2.65em;
	padding: 0 0 0.62em;
	border: 0;
	border-bottom: solid 1px rgba(255,255,255,0.84);
	border-radius: 0;
	background: transparent;
	color: rgba(255,255,255,0.9);
	font-size: 1em;
	transition: border-color 0.25s ease, color 0.25s ease;
}

body.auth-page .signin-tabs-card .gooder-form input:focus {
	border-color: #77fff1;
	box-shadow: none;
	color: #77fff1;
}

body.auth-page .signin-form-row {
	margin-top: -0.2em;
	font-size: 0.78em;
}

body.auth-page .signin-tabs-card .gooder-form .check-row {
	grid-template-columns: auto minmax(0, 1fr);
	align-items: start;
	gap: 0.45em !important;
	font-size: 0.78em;
	font-weight: 400 !important;
}

body.auth-page .signin-tabs-card .gooder-form .check-row input {
	width: 1em;
	height: 1em;
	margin-top: 0.12em;
	accent-color: #77fff1;
}

body.auth-page .signin-tabs-card .gooder-form button {
	min-height: calc(3.25em - 2px);
	margin-top: 0.15em;
	border-color: rgba(255,255,255,0.86);
	background: transparent;
	color: rgba(255,255,255,0.9);
	font-size: 1em;
	font-weight: 400;
	transition: border-color 0.25s ease, color 0.25s ease;
}

body.auth-page .signin-tabs-card .gooder-form button:hover,
body.auth-page .signin-tabs-card .gooder-form button:focus {
	border-color: #77fff1;
	color: #77fff1;
}

body.forgot-password-page .forgot-password-card .gooder-form {
	margin-top: 0;
}

body.forgot-password-page .forgot-password-back {
	justify-self: center;
	color: rgba(119,255,241,0.72);
	font-size: 0.78em;
	font-weight: 400;
	text-decoration: none;
}

body.forgot-password-page .forgot-password-back:hover,
body.forgot-password-page .forgot-password-back:focus {
	color: #ffffff;
	text-decoration: underline;
}

@media (max-width: 640px) {

	.full-nav .site-nav {
		align-items: flex-start;
		padding: 0.8em 1em;
	}

	.full-nav .site-nav-links {
		justify-content: flex-start;
		width: 100%;
		margin: 0.75em 0 0;
		text-align: left;
	}

	.full-nav .site-nav-links a,
	.full-nav .site-nav-links summary,
	.full-nav .currency-panel {
		white-space: normal;
	}

	.full-nav .page-shell {
		padding-top: 1.4em;
	}

	body.auth-page .page-shell {
		min-height: calc(100vh - 4.35em);
		padding-top: 1em;
		padding-bottom: 1em;
	}

}

/* Final navigation contract: index is minimal; internal pages get desktop nav + mobile drawer. */
body.full-nav .site-nav {
	position: sticky;
	top: 0;
	align-items: center;
	flex-wrap: wrap;
	min-height: 4.35em;
	padding: 0.75em 2.1em;
	row-gap: 0.55em;
}

body.full-nav .site-nav-brand {
	flex: 0 0 auto;
	margin-right: auto;
}

body.full-nav .site-nav-logo {
	display: inline-flex;
	align-items: center;
	width: 12.25em;
	max-width: calc(100vw - 5.5em);
	padding: 0;
}

body.full-nav .site-nav-logo img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 2.05em;
	object-fit: contain;
}

body.full-nav .site-nav-toggle {
	display: none !important;
}

body.full-nav .site-nav-toggle.has-cart-items:after {
	content: attr(data-cart-count);
	position: absolute;
	top: -0.62em;
	right: -0.72em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.75em;
	height: 1.75em;
	padding: 0 0.42em;
	border: solid 1px rgba(8,10,18,0.8);
	border-radius: 999px;
	background: #77fff1;
	box-shadow: 0 0.35em 0.85em rgba(0,0,0,0.22);
	box-sizing: border-box;
	color: #081019;
	font-size: 0.72em;
	font-weight: 800;
	line-height: 1;
}

body.full-nav .site-nav-links {
	display: flex !important;
	flex: 1 1 auto;
	min-width: 0;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap;
	gap: 1.05em;
	margin: 0 0 0 1.5em;
	text-align: right;
	font-size: 0.78em;
	font-weight: 400;
}

body.full-nav .site-nav-links a,
body.full-nav .site-nav-links summary,
body.full-nav .currency-panel {
	flex: 0 0 auto;
	padding: 0.45em 0.1em;
	border-top: 0;
	font-weight: 400;
	white-space: nowrap;
}

body.full-nav .site-nav-links .cart-link {
	margin-left: 0.15em;
	min-width: 1.85em;
	min-height: 1.85em;
	padding: 0.1em 0.15em;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: rgba(255,255,255,0.9);
	font-size: 1.22em;
}

body.full-nav .site-nav-links .cart-link:hover,
body.full-nav .site-nav-links .cart-link:focus {
	color: #77fff1;
}

.cart-flight-token {
	position: fixed;
	z-index: 10000;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1em;
	height: 1em;
	pointer-events: none;
	color: #77fff1;
	font-size: 1.45em;
	font-weight: 400;
	line-height: 1;
	text-shadow: 0 0 0.55em rgba(119,255,241,0.72);
}

.cart-flight-token.is-remove {
	color: #ff9a9a;
	text-shadow: 0 0 0.55em rgba(255,122,122,0.58);
}

.is-cart-confirmed {
	animation: cart-add-confirm 0.62s ease-out;
}

.cart-link.is-cart-receiving,
.site-nav-toggle.is-cart-receiving {
	animation: cart-target-receive 0.52s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.cart-link.is-cart-receiving span {
	animation: cart-count-receive 0.52s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.domain-list > li.is-cart-removing {
	pointer-events: none;
	animation: cart-row-remove 0.3s ease-in forwards;
}

.cart-link.is-cart-releasing,
.site-nav-toggle.is-cart-releasing {
	animation: cart-target-release 0.52s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.cart-link.is-cart-releasing span {
	animation: cart-count-release 0.52s cubic-bezier(0.2, 0.8, 0.2, 1);
}

@keyframes cart-add-confirm {
	0%, 100% { border-color: rgba(119,255,241,0.62); }
	45% { border-color: #77fff1; background: rgba(119,255,241,0.22); color: #ffffff; }
}

@keyframes cart-target-receive {
	0%, 100% { transform: scale(1); color: rgba(255,255,255,0.9); }
	48% { transform: scale(1.22); color: #77fff1; }
}

@keyframes cart-count-receive {
	0%, 100% { transform: scale(1); }
	48% { transform: scale(1.28); }
}

@keyframes cart-row-remove {
	0% { opacity: 1; transform: translateX(0); }
	100% { opacity: 0; transform: translateX(0.8em); }
}

@keyframes cart-target-release {
	0%, 100% { transform: scale(1); color: rgba(255,255,255,0.9); }
	48% { transform: scale(0.86); color: #ff9a9a; }
}

@keyframes cart-count-release {
	0%, 100% { transform: scale(1); }
	48% { transform: scale(0.78); }
}

@media (prefers-reduced-motion: reduce) {
	.cart-flight-token {
		display: none;
	}

	.is-cart-confirmed,
	.cart-link.is-cart-receiving,
	.site-nav-toggle.is-cart-receiving,
	.cart-link.is-cart-receiving span,
	.domain-list > li.is-cart-removing,
	.cart-link.is-cart-releasing,
	.site-nav-toggle.is-cart-releasing,
	.cart-link.is-cart-releasing span {
		animation: none;
	}
}

.cart-page .cart-shell {
	display: grid;
	align-content: center;
	width: min(20em, calc(100% - 2em));
	min-height: calc(100vh - 4.5em);
	padding: 2.2em 0 3em;
}

.cart-page .checkout-panel {
	width: 100%;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.cart-page .checkout-panel h2 {
	margin: 0 0 0.65em;
	color: rgba(255,255,255,0.66);
	font-size: 0.78em;
	font-weight: 400;
}

.cart-page .domain-list {
	gap: 0;
	margin: 0.9em 0 0;
}

.cart-page .domain-list li {
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"domain remove"
		"details details";
	align-items: center;
	gap: 0.38em 0.75em;
	padding: 0.66em 0;
	border: 0;
	border-top: solid 1px rgba(255,255,255,0.14);
	border-radius: 0;
	background: transparent;
}

.cart-page .cart-domain-name {
	grid-area: domain;
	color: rgba(255,255,255,0.9);
	font-size: 1em;
	font-weight: 400;
}

.cart-page .cart-remove-action {
	grid-area: remove;
	display: flex;
	justify-content: flex-end;
	width: auto;
}

.cart-page .cart-remove-action button {
	width: auto;
	min-height: 0;
	padding: 0.25em 0;
	border: 0;
	background: transparent;
	color: rgba(255,255,255,0.48);
	font-size: 0.72em;
	font-weight: 400;
}

.cart-page .cart-remove-action button:hover,
.cart-page .cart-remove-action button:focus {
	background: transparent;
	color: #ff9a9a;
	text-decoration: underline;
}

.cart-page .cart-domain-details {
	grid-area: details;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 0.58em;
	min-width: 0;
	color: rgba(255,255,255,0.58);
	font-size: 0.72em;
	font-weight: 400;
}

.cart-page .cart-unit-price {
	overflow-wrap: anywhere;
}

.cart-page .cart-year-stepper {
	display: grid;
	grid-template-columns: 1.72em auto 1.72em;
	align-items: center;
	gap: 0.38em;
}

.cart-page .cart-year-stepper button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.72em;
	min-width: 1.72em;
	height: 1.72em;
	min-height: 1.72em;
	padding: 0;
	border: solid 1px rgba(255,255,255,0.25);
	border-radius: 4px;
	background: rgba(255,255,255,0.04);
	color: rgba(255,255,255,0.82);
	font-size: 1em;
	font-weight: 400;
	line-height: 1;
}

.cart-page .cart-year-stepper button:hover,
.cart-page .cart-year-stepper button:focus {
	border-color: rgba(119,255,241,0.64);
	background: rgba(119,255,241,0.1);
	color: #77fff1;
}

.cart-page .cart-year-stepper button:disabled {
	opacity: 0.28;
	cursor: default;
}

.cart-page .cart-year-count,
.cart-page .cart-line-total {
	white-space: nowrap;
}

.cart-page .cart-line-total {
	color: rgba(255,255,255,0.86);
	font-size: 1.08em;
}

.cart-page .cart-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
	margin: 0 0 0.72em;
	padding: 0.64em 0;
	border-top: solid 1px rgba(255,255,255,0.14);
	border-bottom: solid 1px rgba(255,255,255,0.14);
	color: rgba(255,255,255,0.66);
	font-size: 0.82em;
	font-weight: 400;
}

.cart-page .cart-summary[hidden] {
	display: none;
}

.cart-page .cart-summary strong {
	color: #ffffff;
	font-size: 1.1em;
	font-weight: 400;
}

.cart-page .checkout-actions a {
	width: 100%;
	min-height: 2.62em;
	font-size: 0.86em;
	font-weight: 400;
}

.cart-page .checkout-actions [data-checkout-link] {
	min-height: calc(3.25em - 2px);
	border-color: rgba(119,255,241,0.78);
	background: rgba(119,255,241,0.2);
	color: #ffffff;
	font-size: 1em;
}

.cart-page .checkout-actions [data-checkout-link]:hover,
.cart-page .checkout-actions [data-checkout-link]:focus {
	border-color: #77fff1;
	background: rgba(119,255,241,0.28);
}

.cart-page .checkout-actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
	margin-top: 0;
}

.cart-page [data-cart-empty-actions] {
	margin-top: 0.8em;
}

.cart-page [data-cart-empty] {
	margin: 0;
	color: rgba(255,255,255,0.72);
	font-size: 0.86em;
	font-weight: 400;
	text-align: left;
}

.cart-page .utility-note {
	margin: 0.8em 0 0;
	color: rgba(255,255,255,0.56);
	font-size: 0.72em;
	font-weight: 400;
	line-height: 1.35;
	text-align: center;
}

.checkout-page .checkout-shell {
	display: grid;
	align-content: center;
	width: min(20em, calc(100% - 2em));
	min-height: calc(100vh - 4.35em);
	padding: 2.2em 0 3em;
}

.checkout-page .checkout-flow {
	width: 100%;
}

.checkout-page .checkout-domain-list {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.checkout-page .checkout-domain-list li {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.72em;
	padding: 0.68em 0;
	border: 0;
	border-top: solid 1px rgba(255,255,255,0.14);
	border-radius: 0;
	background: transparent;
}

.checkout-page .checkout-domain-list strong {
	color: rgba(255,255,255,0.9);
	font-size: 1em;
	font-weight: 400;
}

.checkout-page .checkout-domain-list span {
	color: rgba(255,255,255,0.58);
	font-size: 0.72em;
	font-weight: 400;
	text-align: right;
}

.checkout-page .checkout-total-line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
	padding: 0.68em 0;
	border-top: solid 1px rgba(255,255,255,0.14);
	border-bottom: solid 1px rgba(255,255,255,0.14);
	color: rgba(255,255,255,0.66);
	font-size: 0.82em;
	font-weight: 400;
}

.checkout-page .checkout-total-line strong {
	color: #ffffff;
	font-size: 1.1em;
	font-weight: 400;
}

.checkout-page .checkout-privacy-note,
.checkout-page .utility-note {
	margin: 0.78em 0 0;
	color: rgba(255,255,255,0.56);
	font-size: 0.72em;
	font-weight: 400;
	line-height: 1.35;
	text-align: center;
}

.checkout-page .checkout-actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
	margin-top: 0.78em;
}

.checkout-page .checkout-actions a {
	width: 100%;
	min-width: 0;
	min-height: calc(3.25em - 2px);
	border-color: rgba(255,255,255,0.86);
	background: transparent;
	box-shadow: none;
	color: rgba(255,255,255,0.9);
	font-size: 1em;
	font-weight: 400;
}

.checkout-page .checkout-actions .checkout-primary {
	border-color: rgba(119,255,241,0.78);
	background: rgba(119,255,241,0.16);
	box-shadow: none;
}

.checkout-page .checkout-actions a:hover,
.checkout-page .checkout-actions a:focus {
	border-color: #77fff1;
	background: rgba(119,255,241,0.22);
	color: #ffffff;
}

.checkout-page .checkout-empty {
	margin: 0;
	color: rgba(255,255,255,0.72);
	font-size: 0.86em;
	font-weight: 400;
}

@media (max-width: 980px) and (min-width: 861px) {

	body.full-nav .site-nav {
		padding-left: 1.25em;
		padding-right: 1.25em;
	}

	body.full-nav .site-nav-links {
		gap: 1.05em;
		margin-left: 0.9em;
		font-size: 0.78em;
	}

}

@media (max-width: 860px) {

	body.full-nav .site-nav {
		align-items: center;
		flex-wrap: wrap;
		padding: 0.75em 1em;
	}

	body.full-nav .site-nav-toggle {
		display: block !important;
		position: relative;
		margin-left: auto;
	}

	body.full-nav .site-nav-links {
		display: none !important;
		flex: 0 0 100%;
		grid-template-columns: 1fr;
		gap: 0;
		margin: 0.75em 0 0;
		text-align: left;
	}

	body.full-nav .site-nav.is-open .site-nav-links {
		display: grid !important;
	}

	body.full-nav .site-nav-links a,
	body.full-nav .site-nav-links summary,
	body.full-nav .currency-panel {
		padding: 0.72em 0;
		border-top: solid 1px rgba(255,255,255,0.14);
		white-space: normal;
	}

	body.full-nav .site-nav-links .cart-link {
		justify-self: start;
		margin-top: 0.55em;
	}

	.page-shell {
		width: min(100% - 1.4em, 64em);
	}

	.page-hero h1 {
		font-size: 1.8em;
	}

	.signin-layout,
	.signin-grid {
		grid-template-columns: 1fr;
	}

	.whois-lookup-form,
	.whois-result {
		grid-template-columns: 1fr;
	}

	.whois-result strong {
		padding-top: 0;
		border-top: 0;
	}

	.checkout-layout {
		grid-template-columns: 1fr;
	}

	.portfolio-layout {
		grid-template-columns: 1fr;
	}

	.billing-layout {
		grid-template-columns: 1fr;
	}

	.domain-command-bar,
	.domain-snapshot,
	.domain-health-grid,
	.domain-section-grid {
		grid-template-columns: 1fr;
	}

	.domain-snapshot-facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.domain-control-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.billing-grid {
		grid-template-columns: 1fr;
	}

	.saved-payment-panel {
		grid-template-columns: 1fr;
	}

	.saved-payment-actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 100%;
	}

	.saved-payment-panel button {
		width: 100%;
	}

	.form-row {
		grid-template-columns: 1fr;
	}

	.account-grid {
		grid-template-columns: 1fr;
	}

	.account-workspace {
		grid-template-columns: 1fr;
	}

	.account-link-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.account-overview {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.account-overview div:nth-child(odd) {
		border-left: 0;
	}

	.domains-grid {
		grid-template-columns: 1fr;
	}

	.contact-direct-grid {
		grid-template-columns: 1fr;
	}

	.help-grid {
		grid-template-columns: 1fr;
	}

	.whois-grid {
		grid-template-columns: 1fr;
	}

	.privacy-grid {
		grid-template-columns: 1fr;
	}

	.terms-panel {
		grid-template-columns: 1fr;
	}

	.signin-card,
	.account-card,
	.domain-card,
	.contact-card,
	.help-card,
	.whois-card,
	.privacy-card,
	.legal-card,
	.terms-card {
		min-height: 0;
	}

	.domain-list li {
		grid-template-columns: 1fr;
	}

	.checkout-domain-list li {
		grid-template-columns: 1fr;
	}

	.portfolio-list li {
		grid-template-columns: 1fr;
		align-items: stretch;
	}

	.portfolio-list:not(.is-list-view) li {
		grid-template-columns: 1fr;
	}

	.portfolio-list.is-list-view {
		overflow-x: visible;
	}

	.portfolio-list.is-list-view .portfolio-list-header {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-areas:
			"name name"
			"health auto"
			"dates actions";
		gap: 0.24em 0.65em;
		padding: 0.48em 0.62em;
	}

	.portfolio-list.is-list-view .portfolio-list-header span:nth-child(1) { grid-area: name; }
	.portfolio-list.is-list-view .portfolio-list-header span:nth-child(2) { grid-area: health; }
	.portfolio-list.is-list-view .portfolio-list-header span:nth-child(3) { grid-area: dates; }
	.portfolio-list.is-list-view .portfolio-list-header span:nth-child(4) { grid-area: auto; text-align: right; }
	.portfolio-list.is-list-view .portfolio-list-header span:nth-child(5) { grid-area: actions; text-align: right; }

	.portfolio-list.is-list-view li {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-areas:
			"name name"
			"health auto"
			"dates dates"
			"actions actions";
		min-width: 0;
		gap: 0.42em 0.65em;
		padding: 0.62em;
	}

	.portfolio-list.is-list-view .portfolio-list-row {
		font-size: 0.82em;
		line-height: 1.22;
	}

	.portfolio-list.is-list-view .portfolio-list-row > div::before {
		display: none;
		flex: 0 0 100%;
		margin: 0 0 0.18em;
		color: rgba(255,255,255,0.46);
		font-size: 0.74em;
		font-weight: 500;
		letter-spacing: 0.04em;
		line-height: 1.1;
		text-transform: uppercase;
	}

	.portfolio-list.is-list-view .portfolio-list-name::before {
		content: "Domain";
	}

	.portfolio-list.is-list-view .portfolio-list-health::before {
		content: "Status";
	}

	.portfolio-list.is-list-view .portfolio-list-dates::before {
		content: "Renewal / Expiry";
	}

	.portfolio-list.is-list-view .portfolio-list-settings::before {
		content: "Auto";
	}

	.portfolio-list.is-list-view .domain-actions::before {
		content: "Actions";
		grid-column: 1 / -1;
	}

	.portfolio-list.is-list-view .portfolio-list-name {
		grid-area: name;
		gap: 0.12em;
		padding-bottom: 0.12em;
	}

	.portfolio-list.is-list-view .portfolio-list-health {
		grid-area: health;
		align-content: start;
		gap: 0.34em;
	}

	.portfolio-list.is-list-view .portfolio-list-settings {
		grid-area: auto;
		justify-content: flex-end;
		align-content: start;
	}

	.portfolio-list.is-list-view .portfolio-list-settings::before {
		text-align: right;
	}

	.portfolio-list.is-list-view .portfolio-list-dates {
		grid-area: dates;
		padding: 0.34em 0.42em;
		border: solid 1px rgba(255,255,255,0.08);
		border-radius: 4px;
		background: rgba(255,255,255,0.032);
		color: rgba(255,255,255,0.68);
	}

	.portfolio-list.is-list-view .portfolio-list-dates span {
		white-space: normal;
	}

	.portfolio-list.is-list-view .domain-actions {
		grid-area: actions;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.45em;
	}

	.portfolio-list.is-list-view .domain-actions a {
		width: 100%;
		min-height: 2.45em;
		font-size: 0.88em;
	}

	.portfolio-list .domain-actions {
		width: 100%;
	}

	.portfolio-list:not(.is-list-view) .domain-actions {
		grid-column: auto;
		grid-row: auto;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.portfolio-list:not(.is-list-view) .domain-actions a,
	.portfolio-list:not(.is-list-view) .domain-actions button {
		min-height: var(--action-height);
	}

	.portfolio-date-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.portfolio-list .domain-actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dns-record-list > div {
		grid-template-columns: 1fr;
	}

	.domain-mini-list div {
		grid-template-columns: 1fr;
		align-items: start;
	}

	.domain-mini-list strong,
	.domain-mini-list em,
	.domain-mini-list small {
		white-space: normal;
	}

	.renewal-list li {
		grid-template-columns: 1fr;
	}

	.renewal-list .domain-actions {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.portfolio-actions {
		grid-template-columns: 1fr;
	}

	.renewal-list .billing-button {
		width: 100% !important;
	}

	.domain-actions,
	.checkout-actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.domain-actions a,
	.domain-actions button,
	.checkout-actions a,
	.checkout-actions button {
		text-align: center;
	}

	.renewal-switch {
		width: 100%;
		min-width: 0 !important;
	}

}

@media (min-width: 761px) and (max-width: 860px) {

	.portfolio-list.is-list-view .portfolio-list-header {
		display: grid;
	}

	.portfolio-list.is-list-view li {
		grid-template-columns: minmax(10em, 1.25fr) minmax(10em, 1fr) minmax(12.5em, 1.16fr) minmax(4.5em, 0.42fr) minmax(6.2em, 0.56fr);
		grid-template-areas: none;
		align-items: center;
		gap: 0.28em 0.55em;
	}

	.portfolio-list.is-list-view .domain-actions {
		grid-column: auto;
		grid-area: auto;
	}

	.portfolio-list.is-list-view .portfolio-list-name,
	.portfolio-list.is-list-view .portfolio-list-health,
	.portfolio-list.is-list-view .portfolio-list-dates,
	.portfolio-list.is-list-view .portfolio-list-settings {
		grid-area: auto;
	}

	.portfolio-list.is-list-view .portfolio-list-row {
		font-size: var(--portfolio-text, 0.78rem);
		line-height: 1.18;
	}

	.portfolio-list.is-list-view .portfolio-list-dates {
		padding: 0;
		border: 0;
		background: transparent;
	}

	.portfolio-list.is-list-view .portfolio-list-settings {
		justify-content: flex-start;
	}

	.portfolio-list.is-list-view .domain-actions a {
		min-height: 1.95em;
		font-size: var(--portfolio-control, 0.76rem);
	}

	body.full-nav .site-nav.is-signed-in {
		align-items: center;
		flex-wrap: nowrap;
		padding-left: 1.15em;
		padding-right: 1.15em;
	}

	body.full-nav .site-nav.is-signed-in .site-nav-logo {
		width: 12.25em;
		max-width: 12.25em;
	}

	body.full-nav .site-nav.is-signed-in .site-nav-toggle {
		display: none !important;
	}

	body.full-nav .site-nav.is-signed-in .site-nav-links {
		display: flex !important;
		flex: 1 1 auto;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: nowrap;
		gap: 0.82em;
		margin: 0 0 0 1em;
		text-align: right;
	}

	body.full-nav .site-nav.is-signed-in .site-nav-links a,
	body.full-nav .site-nav.is-signed-in .site-nav-links summary,
	body.full-nav .site-nav.is-signed-in .currency-panel {
		padding: 0.45em 0.08em;
		border-top: 0;
		white-space: nowrap;
	}

}

@media (min-width: 561px) and (max-width: 860px) {

	.portfolio-list:not(.is-list-view) li {
		grid-template-columns: minmax(0, 1fr) minmax(10.5em, 14em);
		align-items: stretch;
	}

	.portfolio-list:not(.is-list-view) .domain-actions {
		grid-column: 2;
		grid-row: 1 / span 2;
		display: grid;
		grid-template-columns: 1fr;
		grid-auto-rows: 1fr;
		width: 100%;
	}

	.portfolio-list:not(.is-list-view) .domain-actions a,
	.portfolio-list:not(.is-list-view) .domain-actions button {
		min-height: var(--action-height);
	}

}

@media (max-width: 560px) {

	.contact-direct-grid {
		grid-template-columns: 1fr;
	}

	.contact-direct-item a {
		width: 100%;
	}

	.help-route-list a {
		flex-basis: calc(50% - 0.55em);
	}

	.legal-resource-list a {
		grid-template-columns: 1fr;
		gap: 0.28em;
	}

	.policy-link-list a {
		grid-template-columns: 1fr;
		gap: 0.28em;
	}

	.legal-disclosure summary {
		grid-template-columns: 1fr auto;
		gap: 0.28em 0.75em;
	}

	.legal-disclosure summary small {
		grid-column: 1 / -1;
	}

	#wrapper form .result-actions {
		grid-template-columns: 1fr;
	}

	.domain-snapshot-facts {
		grid-template-columns: 1fr;
	}

	.account-overview {
		grid-template-columns: 1fr;
	}

	.account-overview div {
		border-left: 0;
		border-top: solid 1px rgba(119,255,241,0.16);
	}

	.account-overview div:first-child {
		border-top: 0;
	}

	.account-link-list {
		grid-template-columns: 1fr;
	}

	.search-result-actions {
		grid-template-columns: 1fr;
	}

	.renewal-sort-control {
		grid-template-columns: 1fr;
		justify-content: stretch;
	}

	.bulk-renewal-control {
		grid-template-columns: 1fr;
	}

	.bulk-renewal-control .renewal-switch {
		justify-self: start;
	}

	.renewal-list .domain-actions {
		display: grid !important;
		grid-template-columns: 1fr;
	}

	.renewal-list .billing-button {
		width: 100% !important;
	}

	.renewal-list .renew-now-button {
		width: 100% !important;
	}

}

body.account-ui .account-workspace {
	align-items: start;
}

body.account-ui .account-primary-panel {
	justify-content: flex-start;
}

body.account-ui .bulk-renewal-control strong {
	font-size: 0.84rem;
	font-weight: 500;
}

body.account-ui .bulk-renewal-control p {
	margin: 0.18rem 0 0;
	font-size: 0.72rem;
}

body.account-ui .status-pill {
	min-height: 1.65rem;
	padding: 0.2rem 0.45rem;
	box-shadow: none;
	font-size: 0.68rem;
	font-weight: 400;
}

body.account-ui .switch-label,
body.account-ui .transfer-readiness .status-dot-label {
	font-size: 0.76rem;
	font-weight: 400;
}

body.account-ui .renewal-list .domain-actions a,
body.account-ui .renewal-list .domain-actions button,
body.account-ui .renew-now-button,
body.account-ui .billing-button {
	min-height: 2.38rem !important;
	padding: 0 0.68rem !important;
	box-shadow: none;
	font-size: 0.78rem;
	font-weight: 400;
}

body.account-ui .dns-record-list span,
body.account-ui .dns-record-list strong,
body.account-ui .dns-record-list em {
	font-size: 0.76rem;
	font-weight: 400;
}

body.account-ui .dns-record-list span {
	color: rgba(119,255,241,0.82);
}

body.account-ui .billing-alert strong {
	font-size: 0.82rem;
	font-weight: 500;
}

@media (max-width: 560px) {
	body.account-ui .domain-snapshot-facts,
	body.account-ui .domain-health-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Signed-in sizing correction */
@media screen {
	body.account-ui .page-shell {
		width: min(44em, calc(100% - 2em));
	}

	body.account-ui.account-ui-wide .page-shell {
		width: min(58em, calc(100% - 2em));
	}

	body.account-ui.account-ui-narrow .page-shell {
		width: min(20em, calc(100% - 2em));
	}

	body.account-ui .page-card h2,
	body.account-ui .checkout-panel h2,
	body.account-ui .account-action-panel h2,
	body.account-ui .card-title-line > h2 {
		font-size: 1rem;
	}

	body.account-ui .page-card p,
	body.account-ui .checkout-panel p,
	body.account-ui .utility-note,
	body.account-ui .workflow-list {
		font-size: 0.94rem;
	}

	body.account-ui .checkout-actions a,
	body.account-ui .checkout-actions button,
	body.account-ui .gooder-form button,
	body.account-ui .domain-command-bar a,
	body.account-ui .dns-card-actions button,
	body.account-ui .saved-payment-panel button {
		font-size: 1rem;
	}

	body.account-ui .checkout-summary dl {
		font-size: 0.88rem;
	}

	body.account-ui .checkout-summary .summary-total {
		font-size: 0.92rem;
	}

	body.account-ui .gooder-form label {
		font-size: 0.86rem;
	}

	body.account-ui .gooder-form input[type="email"],
	body.account-ui .gooder-form input[type="password"],
	body.account-ui .gooder-form input[type="text"],
	body.account-ui .gooder-form textarea,
	body.account-ui .renewal-domain-filter,
	body.account-ui .renewal-sort-toggle {
		font-size: 1rem;
	}

	body.account-ui .account-overview span {
		font-size: 0.8rem;
	}

	body.account-ui .account-overview strong {
		font-size: 1rem;
	}

	body.account-ui .account-primary-panel > a,
	body.account-ui .account-link-list a {
		font-size: 0.96rem;
	}

	body.account-ui .portfolio-tools-strip {
		font-size: 0.86rem;
	}

	body.account-ui .portfolio-tool-grid a {
		font-size: 0.84rem;
	}

	body.account-ui .portfolio-layout.is-list-view .is-portfolio-list-panel {
		--portfolio-text: 0.9rem;
		--portfolio-small: 0.8rem;
		--portfolio-label: 0.8rem;
		--portfolio-control: 0.9rem;
	}

	body.account-ui .domain-snapshot-main > span,
	body.account-ui .domain-snapshot-facts span {
		font-size: 0.76rem;
	}

	body.account-ui .domain-snapshot-facts strong,
	body.account-ui .domain-health-grid strong {
		font-size: 0.88rem;
	}

	body.account-ui .domain-control-grid span {
		font-size: 0.86rem;
	}

	body.account-ui .domain-control-grid small {
		font-size: 0.74rem;
	}

	body.account-ui .receipt-detail-list span,
	body.account-ui .receipt-detail-list strong,
	body.account-ui .billing-activity span,
	body.account-ui .billing-activity a,
	body.account-ui .transfer-row-main span,
	body.account-ui .transfer-row > span:not(.status-dot-label) {
		font-size: 0.86rem;
	}

	body.account-ui .dns-detail-card h3 {
		font-size: 0.88rem;
	}

	body.account-ui .dns-row-actions button {
		font-size: 0.82rem;
	}

	body.account-ui .renewal-sort-label,
	body.account-ui .renewal-sort-toggle,
	body.account-ui .renewal-sort-options button {
		font-size: 0.82rem;
	}

	body.account-ui .renewal-domain-main strong {
		font-size: 0.98rem;
	}

	body.account-ui .renewal-domain-main span,
	body.account-ui .renewal-nudge {
		font-size: 0.86rem;
	}

	body.account-ui .billing-panel-head p {
		font-size: 0.82rem;
	}

	body.account-ui .billing-stat span,
	body.account-ui .billing-stat strong {
		font-size: 0.86rem;
	}

	body.account-ui .saved-payment-panel span,
	body.account-ui .saved-payment-panel em {
		font-size: 0.8rem;
	}

	body.account-ui .saved-payment-panel strong {
		font-size: 0.88rem;
	}

	body.account-ui .transfer-readiness strong,
	body.account-ui .transfer-timeline strong,
	body.account-ui .transfer-timeline p {
		font-size: 0.82rem;
	}

	body.account-ui .transfer-row-main strong {
		font-size: 0.9rem;
	}

	body.account-ui .transfer-row-actions a,
	body.account-ui .transfer-row-actions button {
		font-size: 0.82rem;
	}

	body.account-ui .bulk-renewal-control strong {
		font-size: 0.9rem;
	}

	body.account-ui .bulk-renewal-control p {
		font-size: 0.82rem;
	}

	body.account-ui .status-pill {
		font-size: 0.78rem;
	}

	body.account-ui .switch-label,
	body.account-ui .transfer-readiness .status-dot-label {
		font-size: 0.86rem;
	}

	body.account-ui .renewal-list .domain-actions a,
	body.account-ui .renewal-list .domain-actions button,
	body.account-ui .renew-now-button,
	body.account-ui .billing-button {
		font-size: 0.88rem;
	}

	body.account-ui .dns-record-list span,
	body.account-ui .dns-record-list strong,
	body.account-ui .dns-record-list em {
		font-size: 0.86rem;
	}

	body.account-ui .billing-alert strong {
		font-size: 0.88rem;
	}
}

@media screen and (max-width: 860px) {
	body.account-ui .page-shell,
	body.account-ui.account-ui-wide .page-shell {
		width: min(100% - 1.4em, 58em);
	}

	body.account-ui.account-ui-narrow .page-shell {
		width: min(20em, calc(100% - 1.4em));
	}
}

@media screen and (max-width: 560px) {
	body.account-ui .page-shell,
	body.account-ui.account-ui-wide .page-shell {
		width: min(100% - 1.1em, 58em);
	}

	body.account-ui.account-ui-narrow .page-shell {
		width: min(20em, calc(100% - 1.1em));
	}

	body.account-ui .gooder-form input[type="email"],
	body.account-ui .gooder-form input[type="password"],
	body.account-ui .gooder-form input[type="text"],
	body.account-ui .gooder-form textarea,
	body.account-ui .renewal-domain-filter,
	body.account-ui .renewal-sort-toggle {
		font-size: 1rem;
	}
}

/* Index-style account workspace */
body.account-page .page-shell {
	display: grid;
	align-content: center;
	width: min(20em, calc(100% - 2em));
	min-height: calc(100vh - var(--nav-clearance));
	padding-top: 1.25em;
}

body.account-page .account-console {
	display: grid;
	gap: 1em;
	width: 100%;
	color: rgba(255,255,255,0.88);
	text-align: left;
}

body.account-page .account-console-heading {
	padding-bottom: 0.75em;
	border-bottom: solid 1px rgba(255,255,255,0.68);
}

body.account-page .account-console-heading h1 {
	margin: 0;
	color: rgba(255,255,255,0.9);
	font-size: 1em;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.25;
}

body.account-page .account-console-heading p {
	margin: 0.2em 0 0;
	color: rgba(255,255,255,0.58);
	font-size: 0.78em;
	font-weight: 400;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

body.account-page .account-console-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	padding-bottom: 0.85em;
	border-bottom: solid 1px rgba(255,255,255,0.16);
}

body.account-page .account-console-stats span {
	display: grid;
	gap: 0.12em;
	min-width: 0;
	padding: 0 0.65em;
	border-left: solid 1px rgba(255,255,255,0.12);
	color: rgba(255,255,255,0.52);
	font-size: 0.68em;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
}

body.account-page .account-console-stats span:first-child {
	padding-left: 0;
	border-left: 0;
}

body.account-page .account-console-stats span:last-child {
	padding-right: 0;
}

body.account-page .account-console-stats strong {
	color: rgba(255,255,255,0.92);
	font-size: 1.45em;
	font-weight: 400;
}

body.account-page .account-console-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: calc(3.25em - 2px);
	padding: 0;
	border: solid 1px currentColor;
	border-radius: 4px;
	background: none;
	color: rgba(255,255,255,0.9);
	font-size: 1em;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	transition: border-color 0.25s ease, color 0.25s ease;
}

body.account-page .account-console-primary:hover,
body.account-page .account-console-primary:focus {
	border-color: #77fff1;
	color: #77fff1;
}

body.account-page .account-console-section {
	display: grid;
	gap: 0.35em;
}

body.account-page .account-console-section h2 {
	margin: 0;
	color: rgba(255,255,255,0.5);
	font-size: 0.7em;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.2;
	text-transform: uppercase;
}

body.account-page .account-console-links {
	display: grid;
	border-top: solid 1px rgba(255,255,255,0.14);
}

body.account-page .account-console-links a {
	display: grid;
	grid-template-columns: 1.2em minmax(0, 1fr);
	align-items: center;
	gap: 0.6em;
	min-height: 2.35em;
	padding: 0 0.15em;
	border-bottom: solid 1px rgba(255,255,255,0.14);
	background: transparent;
	color: rgba(255,255,255,0.82);
	font-size: 0.9em;
	font-weight: 400;
	text-decoration: none;
}

body.account-page .account-console-links a:hover,
body.account-page .account-console-links a:focus {
	padding-left: 0.4em;
	background: rgba(119,255,241,0.06);
	color: #ffffff;
}

body.account-page .account-console-links i {
	color: rgba(119,255,241,0.72);
	font-size: 0.82em;
	text-align: center;
}

/* Index-style billing workspace */
body.billing-page .page-shell {
	display: grid;
	align-content: center;
	width: min(20em, calc(100% - 2em));
	min-height: calc(100vh - var(--nav-clearance));
	padding-top: 1.25em;
}

body.billing-page .billing-console {
	display: grid;
	gap: 0.85em;
	width: 100%;
	color: rgba(255,255,255,0.88);
	text-align: left;
}

body.billing-page .billing-console-heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.75em;
	padding-bottom: 0.72em;
	border-bottom: solid 1px rgba(255,255,255,0.68);
}

body.billing-page .billing-console-heading h2 {
	margin: 0;
	color: rgba(255,255,255,0.9);
	font-size: 1em;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.25;
}

body.billing-page .billing-console-heading p {
	margin: 0.2em 0 0;
	color: rgba(255,255,255,0.58);
	font-size: 0.78em;
	font-weight: 400;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

body.billing-page .billing-console-heading .status-pill {
	flex: 0 0 auto;
	min-height: 1.55em;
	padding: 0.15em 0.4em;
	font-size: 0.68em;
}

body.billing-page .billing-console-stats {
	display: grid;
	grid-template-columns: 1.5fr 0.72fr 0.72fr;
	padding-bottom: 0.78em;
	border-bottom: solid 1px rgba(255,255,255,0.16);
}

body.billing-page .billing-console-stats > span {
	display: grid;
	align-content: center;
	gap: 0.15em;
	min-width: 0;
	padding: 0 0.62em;
	border-left: solid 1px rgba(255,255,255,0.12);
	text-align: center;
}

body.billing-page .billing-console-stats > span:first-child {
	padding-left: 0;
	border-left: 0;
	text-align: left;
}

body.billing-page .billing-console-stats > span:last-child {
	padding-right: 0;
}

body.billing-page .billing-console-stats small {
	color: rgba(255,255,255,0.5);
	font-size: 0.65em;
	font-weight: 400;
	line-height: 1.2;
}

body.billing-page .billing-console-stats strong {
	min-width: 0;
	color: rgba(255,255,255,0.9);
	font-size: 0.82em;
	font-weight: 400;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

body.billing-page .billing-console-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: calc(3.25em - 2px);
	padding: 0;
	border: solid 1px currentColor;
	border-radius: 4px;
	background: none;
	color: rgba(255,255,255,0.9);
	font-size: 1em;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	transition: border-color 0.25s ease, color 0.25s ease;
}

body.billing-page .billing-console-primary:hover,
body.billing-page .billing-console-primary:focus {
	border-color: #77fff1;
	color: #77fff1;
}

body.billing-page .billing-console-links {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border-top: solid 1px rgba(255,255,255,0.14);
	border-bottom: solid 1px rgba(255,255,255,0.14);
}

body.billing-page .billing-console-links a {
	display: grid;
	grid-template-columns: 1.15em minmax(0, 1fr);
	align-items: center;
	gap: 0.5em;
	min-height: 2.35em;
	padding: 0 0.5em;
	border-left: solid 1px rgba(255,255,255,0.12);
	color: rgba(255,255,255,0.78);
	font-size: 0.78em;
	font-weight: 400;
	text-decoration: none;
}

body.billing-page .billing-console-links a:first-child {
	padding-left: 0.15em;
	border-left: 0;
}

body.billing-page .billing-console-links a:hover,
body.billing-page .billing-console-links a:focus {
	background: rgba(119,255,241,0.06);
	color: #ffffff;
}

body.billing-page .billing-console-links i {
	color: rgba(119,255,241,0.72);
	font-size: 0.82em;
	text-align: center;
}

body.billing-page .billing-console-activity {
	display: grid;
	gap: 0.25em;
}

body.billing-page .billing-console-activity h3 {
	margin: 0;
	color: rgba(255,255,255,0.5);
	font-size: 0.7em;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.2;
	text-transform: uppercase;
}

body.billing-page .billing-activity {
	margin: 0;
}

body.account-ui.billing-page .billing-activity li {
	min-height: 2.25em;
	padding: 0.42em 0;
}

body.account-ui.billing-page .billing-activity span,
body.account-ui.billing-page .billing-activity a {
	font-size: 0.76em;
	font-weight: 400;
}

body.billing-page .billing-alert {
	margin: 0;
	padding: 0.55em 0.65em;
	border-radius: 4px;
}

body.billing-page .billing-alert strong {
	font-size: 0.78em;
	font-weight: 400;
}

body.billing-page .billing-alert p {
	margin-top: 0.2em;
	font-size: 0.72em;
}

body.billing-page .billing-guest {
	gap: 1em;
}

body.payment-page .payment-method-success {
	display: grid;
	gap: 0.18em;
	margin-top: 0.7em;
	padding: 0.58em 0;
	border-top: solid 1px rgba(119,255,241,0.3);
	border-bottom: solid 1px rgba(119,255,241,0.3);
	color: rgba(255,255,255,0.72);
	font-size: 0.76em;
	font-weight: 400;
	line-height: 1.35;
	text-align: left;
}

body.payment-page .payment-method-next {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 3.14em;
	margin-top: 0.55em;
	padding: 0.58em 0.8em;
	border: solid 1px rgba(255,255,255,0.78);
	border-radius: 4px;
	color: rgba(255,255,255,0.92);
	font-size: 1.3em;
	font-weight: 400;
	line-height: 1.15;
	text-align: center;
	text-decoration: none;
}

body.payment-page .payment-method-next:hover,
body.payment-page .payment-method-next:focus {
	border-color: #77fff1;
	background: rgba(119,255,241,0.06);
	color: #77fff1;
}

body.payment-page .payment-method-success[hidden] {
	display: none;
}

body.payment-page .payment-method-success strong {
	color: #77fff1;
	font-size: 1em;
	font-weight: 400;
}

body.payment-page .payment-method-success span {
	font-weight: 400;
}

@media (max-width: 560px) {
	body.billing-page .page-shell {
		width: min(20em, calc(100% - 1.4em));
		align-content: start;
		padding-top: 1.1em;
	}
}

@media (max-width: 560px) {
	body.account-page .page-shell {
		width: min(20em, calc(100% - 1.4em));
		align-content: start;
		padding-top: 1.1em;
	}
}

/* Minimal index-width domain portfolio */
body.account-ui.account-ui-narrow.portfolio-page .page-shell {
	width: min(20em, calc(100% - 2em));
	align-content: start;
	padding-top: 1.25em;
}

body.portfolio-page .portfolio-layout,
body.portfolio-page .portfolio-layout.is-list-view {
	display: block;
}

body.portfolio-page .portfolio-layout .checkout-panel,
body.portfolio-page .portfolio-layout .is-portfolio-list-panel,
body.account-ui.portfolio-page .portfolio-layout.is-list-view .is-portfolio-list-panel {
	--portfolio-text: 0.9em;
	--portfolio-small: 0.84em;
	--portfolio-label: 0.72em;
	--portfolio-control: 0.9em;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

body.portfolio-page .portfolio-layout .checkout-panel > h2 {
	margin: 0 0 0.9em;
	padding-bottom: 0.7em;
	border-bottom: solid 1px rgba(255,255,255,0.68);
	color: rgba(255,255,255,0.9);
	font-size: 1em;
	font-weight: 400;
	line-height: 1.25;
}

body.portfolio-page [data-portfolio-empty] {
	margin: 0;
	color: rgba(255,255,255,0.58);
	font-size: 0.84em;
}

body.portfolio-page .portfolio-search-field {
	display: block;
	margin-bottom: 0.8em;
}

body.portfolio-page .portfolio-search-field .renewal-domain-filter {
	box-sizing: border-box;
	width: 100%;
	min-height: 2.75em;
	padding: 0;
	border-radius: 0;
	background: transparent;
	font-size: 1em;
	font-weight: 400;
	line-height: 2.75em;
}

body.portfolio-page .portfolio-view-controls {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75em;
	margin-bottom: 0.85em;
}

body.portfolio-page .portfolio-view-controls .renewal-sort-menu {
	display: grid;
	grid-template-rows: 1em 2.5em;
	min-width: 0;
}

body.portfolio-page .portfolio-view-controls .renewal-sort-label {
	display: block;
	min-height: 1em;
	margin: 0;
	color: rgba(255,255,255,0.48);
	font-size: 0.72em;
	font-weight: 400;
	letter-spacing: 0;
}

body.portfolio-page .portfolio-view-controls .renewal-sort-toggle {
	min-width: 0;
	min-height: 2.5em;
	padding: 0;
	border-radius: 0;
	background: transparent;
	font-size: 0.86em;
	font-weight: 400;
	line-height: 2.5em;
}

body.portfolio-page .portfolio-view-controls .renewal-sort-toggle span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.portfolio-page .portfolio-view-controls .renewal-sort-options {
	min-width: 12em;
	font-size: 0.86em;
}

body.portfolio-page .portfolio-view-controls .renewal-sort-menu:last-child .renewal-sort-options {
	left: auto;
	right: 0;
}

body.portfolio-page .portfolio-view-controls [data-portfolio-filter-option] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.7em;
}

body.portfolio-page .portfolio-view-controls [data-portfolio-filter-count] {
	color: #77fff1;
	font-size: 0.88em;
}

body.portfolio-page .portfolio-list.is-list-view {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.portfolio-page .portfolio-list.is-list-view .portfolio-list-row {
	display: block;
	padding: 0.85em 0;
	border: 0;
	border-bottom: solid 1px rgba(255,255,255,0.14);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: rgba(255,255,255,0.76);
	font-size: var(--portfolio-text);
	line-height: 1.25;
}

body.portfolio-page .portfolio-list.is-list-view .portfolio-list-row:first-child {
	border-top: solid 1px rgba(255,255,255,0.14);
}

body.portfolio-page .portfolio-list-name,
body.portfolio-page .portfolio-list-health,
body.portfolio-page .portfolio-list-dates {
	display: flex;
	min-width: 0;
}

body.portfolio-page .portfolio-list-name {
	margin-bottom: 0.4em;
}

body.portfolio-page .portfolio-list-domain {
	color: #77fff1;
	font-size: 1.06em;
	font-weight: 400 !important;
}

body.portfolio-page .portfolio-list-health {
	flex-wrap: wrap;
	gap: 0.25em 0.65em;
	margin-bottom: 0.65em;
	font-size: 0.84em;
}

body.portfolio-page .portfolio-list-dates {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75em;
	margin-bottom: 0.7em;
}

body.portfolio-page .portfolio-list-dates span {
	display: grid;
	gap: 0.12em;
	color: rgba(255,255,255,0.7);
	font-size: 0.82em;
	line-height: 1.2;
	overflow: visible;
	text-overflow: clip;
	white-space: normal;
}

body.portfolio-page .portfolio-list-dates small {
	color: rgba(255,255,255,0.42);
	font-size: 0.78em;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: uppercase;
}

body.portfolio-page .portfolio-list.is-list-view .domain-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.45em;
	width: 100%;
}

body.portfolio-page .portfolio-list.is-list-view .domain-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 2.55em;
	padding: 0 0.45em;
	border: solid 1px rgba(255,255,255,0.45);
	border-radius: 4px;
	background: transparent;
	box-shadow: none;
	color: rgba(255,255,255,0.82);
	font-size: 0.9em;
	font-weight: 400;
	text-align: center;
}

body.portfolio-page .portfolio-list.is-list-view .domain-actions .domain-action-primary {
	border-color: rgba(119,255,241,0.55);
	color: #77fff1;
}

body.portfolio-page .portfolio-list.is-list-view .domain-actions a:hover,
body.portfolio-page .portfolio-list.is-list-view .domain-actions a:focus {
	border-color: #77fff1;
	background: rgba(119,255,241,0.06);
	color: #77fff1;
}

body.portfolio-page .portfolio-empty-result {
	padding: 1em 0;
	border-bottom: solid 1px rgba(255,255,255,0.14);
	color: rgba(255,255,255,0.58);
	font-size: 0.84em;
}

body.portfolio-page .portfolio-tools-menu {
	margin-top: 0.9em;
	border-bottom: solid 1px rgba(255,255,255,0.14);
}

body.portfolio-page .portfolio-tools-menu summary {
	padding: 0.75em 0;
	color: rgba(255,255,255,0.56);
	cursor: pointer;
	font-size: 0.84em;
	font-weight: 400;
	list-style: none;
}

body.portfolio-page .portfolio-tools-menu summary::-webkit-details-marker {
	display: none;
}

body.portfolio-page .portfolio-tools-menu summary::after {
	content: "+";
	float: right;
	color: #77fff1;
}

body.portfolio-page .portfolio-tools-menu[open] summary::after {
	content: "-";
}

body.portfolio-page .portfolio-tools-menu nav {
	display: grid;
	padding-bottom: 0.35em;
}

body.portfolio-page .portfolio-tools-menu a {
	padding: 0.62em 0;
	border-top: solid 1px rgba(255,255,255,0.1);
	color: rgba(255,255,255,0.7);
	font-size: 0.84em;
	font-weight: 400;
}

body.portfolio-page .portfolio-tools-menu a:hover,
body.portfolio-page .portfolio-tools-menu a:focus {
	color: #77fff1;
}

@media (max-width: 560px) {
	body.account-ui.account-ui-narrow.portfolio-page .page-shell {
		width: min(20em, calc(100% - 1.4em));
	}
}

/* Minimal index-width renewal center */
body.account-ui.account-ui-narrow.renewals-page .page-shell {
	width: min(20em, calc(100% - 2em));
	align-content: start;
	padding-top: 1.25em;
}

body.renewals-page .portfolio-layout {
	display: block;
}

body.renewals-page .portfolio-layout .checkout-panel {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

body.renewals-page .portfolio-layout .checkout-panel > h2 {
	margin: 0;
	padding-bottom: 0.7em;
	border-bottom: solid 1px rgba(255,255,255,0.68);
	color: rgba(255,255,255,0.9);
	font-size: 1em;
	font-weight: 400;
	line-height: 1.25;
}

body.renewals-page .renewal-overview {
	display: flex;
	gap: 1em;
	margin: 0;
	padding: 0.65em 0;
	border-bottom: solid 1px rgba(255,255,255,0.14);
	color: rgba(255,255,255,0.54);
	font-size: 0.78em;
}

body.renewals-page .renewal-overview strong {
	color: rgba(255,255,255,0.84);
	font-weight: 400;
}

body.renewals-page .renewal-overview .is-risk,
body.renewals-page .renewal-overview .is-risk strong {
	color: #ff9cb1;
}

body.renewals-page .bulk-renewal-control {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.7em;
	margin: 0;
	padding: 0.7em 0;
	border: 0;
	border-bottom: solid 1px rgba(255,255,255,0.14);
	border-radius: 0;
	background: transparent;
}

body.renewals-page .bulk-renewal-control strong {
	margin: 0;
	font-size: 0.84em;
	font-weight: 400;
}

body.renewals-page .bulk-renewal-control .renewal-switch {
	justify-self: end;
}

body.renewals-page .renew-all-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 3.14em;
	margin: 0.85em 0;
	border: solid 1px rgba(255,255,255,0.78);
	border-radius: 4px;
	background: transparent;
	color: rgba(255,255,255,0.92);
	font-size: 1em;
	font-weight: 400;
}

body.renewals-page .renew-all-action:hover,
body.renewals-page .renew-all-action:focus {
	border-color: #77fff1;
	background: rgba(119,255,241,0.06);
	color: #77fff1;
}

body.renewals-page .renewal-sort-control {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75em;
	margin: 0 0 0.85em;
	font-size: 1em;
}

body.renewals-page .renewal-search-field,
body.renewals-page .renewal-sort-control .renewal-sort-menu {
	display: grid;
	width: 100%;
	min-width: 0;
}

body.renewals-page .renewal-sort-control .renewal-sort-menu {
	grid-template-rows: 1em 2.5em;
}

body.renewals-page .renewal-sort-control .renewal-domain-filter {
	box-sizing: border-box;
	width: 100%;
	min-height: 2.75em;
	padding: 0;
	border-radius: 0;
	background: transparent;
	font-size: 1em;
	font-weight: 400;
	line-height: 2.75em;
}

body.renewals-page .renewal-sort-control .renewal-sort-label {
	display: block;
	min-height: 1em;
	margin: 0;
	color: rgba(255,255,255,0.48);
	font-size: 0.72em;
	font-weight: 400;
	letter-spacing: 0;
}

body.renewals-page .renewal-sort-control .renewal-sort-toggle {
	min-height: 2.5em;
	padding: 0;
	border-radius: 0;
	background: transparent;
	font-size: 0.86em;
	font-weight: 400;
	line-height: 2.5em;
}

body.renewals-page .renewal-sort-control .renewal-sort-options {
	font-size: 0.86em;
}

body.renewals-page [data-renewal-empty] {
	margin: 0;
	padding: 0.85em 0;
	border-bottom: solid 1px rgba(255,255,255,0.14);
	color: rgba(255,255,255,0.58);
	font-size: 0.84em;
}

body.renewals-page .renewal-list {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.renewals-page .renewal-list li,
body.account-ui.renewals-page .renewal-list li {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"main main"
		"status control"
		"actions actions";
	align-items: center;
	gap: 0.4em 0.55em;
	box-sizing: border-box;
	padding: 0.62em 0;
	border: 0;
	border-bottom: solid 1px rgba(255,255,255,0.14);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

body.renewals-page .renewal-list li:first-child {
	border-top: solid 1px rgba(255,255,255,0.14);
}

body.renewals-page .renewal-list li.has-billing-risk,
body.account-ui.renewals-page .renewal-list li.has-billing-risk {
	padding: 0.62em 0.5em;
	border-top: solid 1px rgba(var(--gooder-red-rgb),0.5);
	border-bottom: solid 1px rgba(var(--gooder-red-rgb),0.5);
	border-radius: 0;
	background: rgba(var(--gooder-red-rgb),0.1);
	box-shadow: none;
}

body.renewals-page .renewal-domain-main {
	display: flex;
	grid-area: main;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.6em;
	min-width: 0;
	margin: 0;
}

body.renewals-page .renewal-domain-main strong,
body.account-ui.renewals-page .renewal-domain-main strong {
	min-width: 0;
	font-size: 0.95em;
	font-weight: 400;
	line-height: 1.2;
}

body.renewals-page .renewal-domain-main strong a {
	display: block;
	overflow: hidden;
	color: #77fff1;
	font-weight: 400;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.renewals-page .renewal-domain-main span,
body.account-ui.renewals-page .renewal-domain-main span {
	flex: 0 0 auto;
	color: rgba(255,255,255,0.52);
	font-size: 0.76em;
	font-weight: 400;
}

body.renewals-page .renewal-status {
	display: flex;
	grid-area: status;
	min-width: 0;
	margin: 0;
	font-size: 0.74em;
}

body.renewals-page .renewal-control {
	display: block;
	grid-area: control;
	align-items: center;
	justify-self: end;
	padding: 0;
}

body.renewals-page .renewal-control .renewal-switch {
	grid-template-columns: auto auto;
	gap: 0.4em;
	min-width: 0 !important;
	min-height: 2.15em;
}

body.renewals-page .renewal-control .switch-track {
	width: 2.65em;
	height: 1.45em;
	box-shadow: none;
}

body.renewals-page .renewal-control .switch-thumb {
	width: 1em;
	height: 1em;
}

body.renewals-page .renewal-control .renewal-switch.is-on .switch-thumb {
	transform: translate(1.18em, -50%);
}

body.renewals-page .renewal-control .switch-label {
	font-size: 0.74em;
	font-weight: 400;
}

body.renewals-page .renewal-list .domain-actions {
	display: grid !important;
	grid-area: actions;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.45em;
	margin-top: 0.05em;
}

body.renewals-page .renewal-list .domain-actions a,
body.account-ui.renewals-page .renewal-list .domain-actions a,
body.renewals-page .renew-now-button,
body.renewals-page .billing-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100% !important;
	min-height: 2.3em !important;
	height: auto;
	padding: 0 0.45em !important;
	border: solid 1px rgba(255,255,255,0.45);
	border-radius: 4px;
	background: transparent;
	box-shadow: none;
	color: rgba(255,255,255,0.82);
	font-size: 0.84em;
	font-weight: 400;
	text-align: center;
}

body.renewals-page .renew-now-button {
	border-color: rgba(119,255,241,0.55);
	color: #77fff1;
}

body.renewals-page .renewal-list .domain-actions a:hover,
body.renewals-page .renewal-list .domain-actions a:focus {
	border-color: #77fff1;
	background: rgba(119,255,241,0.06);
	color: #77fff1;
}

@media (max-width: 560px) {
	body.account-ui.account-ui-narrow.renewals-page .page-shell {
		width: min(20em, calc(100% - 1.4em));
	}
}

@media (max-width: 360px) {
	body.renewals-page .renewal-control .switch-label {
		display: none;
	}
}

/* Minimal index-width renewal confirmation */
body.account-ui.account-ui-narrow.renewal-confirmation-page .page-shell {
	display: grid;
	align-content: center;
	width: min(20em, calc(100% - 2em));
	min-height: calc(100vh - var(--nav-clearance));
	padding-top: 1.25em;
}

body.renewal-confirmation-page .renewal-confirmation-workspace,
body.renewal-confirmation-page .renewal-confirmation-panel {
	display: block;
	width: 100%;
}

body.renewal-confirmation-page .renewal-confirmation-panel {
	padding: 0;
	border: 0;
	background: transparent;
	text-align: left;
}

body.renewal-confirmation-page .renewal-confirmation-panel > h2 {
	margin: 0;
	padding-bottom: 0.7em;
	border-bottom: solid 1px rgba(255,255,255,0.68);
	color: rgba(255,255,255,0.9);
	font-size: 1em;
	font-weight: 400;
	line-height: 1.25;
}

body.renewal-confirmation-page [data-renewal-confirmation-empty] {
	margin: 0;
	padding: 0.8em 0;
	border-bottom: solid 1px rgba(255,255,255,0.14);
	color: rgba(255,255,255,0.58);
	font-size: 0.84em;
}

body.renewal-confirmation-page .renewal-confirmation-domain {
	display: block;
	padding: 0.72em 0;
	border-bottom: solid 1px rgba(255,255,255,0.14);
	color: #77fff1;
	font-size: 1em;
	font-weight: 400;
	overflow-wrap: anywhere;
}

body.renewal-confirmation-page .renewal-confirmation-dates {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75em;
	padding: 0.7em 0;
	border-bottom: solid 1px rgba(255,255,255,0.14);
}

body.renewal-confirmation-page .renewal-confirmation-dates span {
	display: grid;
	gap: 0.15em;
}

body.renewal-confirmation-page .renewal-confirmation-dates small,
body.renewal-confirmation-page .renewal-confirmation-line > span,
body.renewal-confirmation-page .renewal-confirmation-total > span {
	color: rgba(255,255,255,0.48);
	font-size: 0.72em;
	font-weight: 400;
}

body.renewal-confirmation-page .renewal-confirmation-dates strong,
body.renewal-confirmation-page .renewal-confirmation-line > strong {
	color: rgba(255,255,255,0.82);
	font-size: 0.82em;
	font-weight: 400;
}

body.renewal-confirmation-page .renewal-confirmation-line,
body.renewal-confirmation-page .renewal-confirmation-total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75em;
	min-height: 2.65em;
	border-bottom: solid 1px rgba(255,255,255,0.14);
}

body.renewal-confirmation-page .renewal-confirmation-line > strong.is-risk {
	color: #ff9cb1;
}

body.renewal-confirmation-page .renewal-confirmation-fees strong {
	max-width: 12em;
	color: rgba(255,255,255,0.58);
	font-size: 0.72em;
	line-height: 1.25;
	text-align: right;
}

body.renewal-confirmation-page .renewal-term-stepper {
	display: grid;
	grid-template-columns: 2em minmax(4.5em, auto) 2em;
	align-items: center;
	gap: 0.25em;
}

body.renewal-confirmation-page .renewal-term-stepper button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2em;
	height: 2em;
	padding: 0;
	border: solid 1px rgba(255,255,255,0.38);
	border-radius: 4px;
	background: transparent;
	box-shadow: none;
	color: #77fff1;
	font-weight: 400;
}

body.renewal-confirmation-page .renewal-term-stepper button:disabled {
	opacity: 0.35;
	cursor: default;
}

body.renewal-confirmation-page .renewal-term-stepper strong {
	color: rgba(255,255,255,0.82);
	font-size: 0.82em;
	font-weight: 400;
	text-align: center;
}

body.renewal-confirmation-page .renewal-confirmation-total {
	min-height: 3em;
	border-bottom-color: rgba(255,255,255,0.68);
}

body.renewal-confirmation-page .renewal-confirmation-total strong {
	color: rgba(255,255,255,0.92);
	font-size: 1em;
	font-weight: 400;
}

body.renewal-confirmation-page .renewal-confirmation-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 3.14em;
	margin-top: 0.85em;
	border: solid 1px rgba(255,255,255,0.78);
	border-radius: 4px;
	background: transparent;
	color: rgba(255,255,255,0.92);
	font-size: 1em;
	font-weight: 400;
	text-decoration: none;
}

body.renewal-confirmation-page .renewal-confirmation-primary:hover,
body.renewal-confirmation-page .renewal-confirmation-primary:focus {
	border-color: #77fff1;
	background: rgba(119,255,241,0.06);
	color: #77fff1;
}

body.renewal-confirmation-page .renewal-confirmation-back {
	display: block;
	padding: 0.75em 0 0;
	color: rgba(255,255,255,0.56);
	font-size: 0.78em;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
}

body.renewal-confirmation-page .renewal-confirmation-back:hover,
body.renewal-confirmation-page .renewal-confirmation-back:focus {
	color: #77fff1;
}

.checkout-fee-note {
	margin: -0.3em 0 0.75em;
	color: rgba(255,255,255,0.5);
	font-size: 0.72em;
	font-weight: 400;
	line-height: 1.35;
	text-align: left;
}

@media (max-width: 560px) {
	body.account-ui.account-ui-narrow.renewal-confirmation-page .page-shell {
		align-content: start;
		width: min(20em, calc(100% - 1.4em));
	}
}

/* Minimal payment and renewal completion flow */
body.account-ui.account-ui-narrow.payment-page .page-shell,
body.account-ui.account-ui-narrow.renewal-order-page .page-shell {
	display: grid;
	align-content: center;
	width: min(20em, calc(100% - 2em));
	min-height: calc(100vh - var(--nav-clearance));
	padding-top: 1.25em;
}

body.payment-page .payment-workspace,
body.payment-page .payment-panel,
body.renewal-order-page .renewal-order-workspace,
body.renewal-order-page .renewal-order-panel {
	display: block;
	width: 100%;
}

body.payment-page .payment-panel,
body.renewal-order-page .renewal-order-panel {
	padding: 0;
	border: 0;
	background: transparent;
	text-align: left;
}

body.payment-page .payment-panel > h2,
body.renewal-order-page .renewal-order-panel > h2 {
	margin: 0;
	padding-bottom: 0.7em;
	border-bottom: solid 1px rgba(255,255,255,0.68);
	color: rgba(255,255,255,0.9);
	font-size: 1em;
	font-weight: 400;
	line-height: 1.25;
}

body.payment-page .payment-panel-copy,
body.renewal-order-page [data-renewal-order-empty] {
	margin: 0;
	padding: 0.65em 0;
	border-bottom: solid 1px rgba(255,255,255,0.14);
	color: rgba(255,255,255,0.58);
	font-size: 0.78em;
	font-weight: 400;
	line-height: 1.4;
}

body.payment-page .payment-order-heading {
	display: block;
	padding: 0.68em 0 0.35em;
	color: rgba(119,255,241,0.86);
	font-size: 0.76em;
	font-weight: 400;
}

body.payment-page .payment-domain-list,
body.renewal-order-page .renewal-order-list {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.payment-page .payment-domain-list li,
body.renewal-order-page .renewal-order-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.7em;
	min-height: 2.25em;
	border-bottom: solid 1px rgba(255,255,255,0.12);
}

body.payment-page .payment-domain-list span,
body.renewal-order-page .renewal-order-list span {
	min-width: 0;
	color: rgba(255,255,255,0.84);
	font-size: 0.82em;
	overflow-wrap: anywhere;
}

body.payment-page .payment-domain-list strong,
body.renewal-order-page .renewal-order-list strong {
	flex: 0 0 auto;
	color: rgba(255,255,255,0.58);
	font-size: 0.72em;
	font-weight: 400;
	text-align: right;
}

body.payment-page .payment-breakdown,
body.renewal-order-page .renewal-order-details {
	margin: 0;
}

body.payment-page .payment-breakdown > div,
body.renewal-order-page .renewal-order-details > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.7em;
	min-height: 2.45em;
	border-bottom: solid 1px rgba(255,255,255,0.12);
}

body.payment-page .payment-breakdown dt,
body.renewal-order-page .renewal-order-details dt {
	color: rgba(255,255,255,0.48);
	font-size: 0.72em;
	font-weight: 400;
}

body.payment-page .payment-breakdown dd,
body.renewal-order-page .renewal-order-details dd {
	margin: 0;
	color: rgba(255,255,255,0.82);
	font-size: 0.76em;
	font-weight: 400;
	text-align: right;
}

body.payment-page .payment-breakdown .payment-total,
body.renewal-order-page .renewal-order-details > div:last-child {
	min-height: 2.8em;
	border-bottom-color: rgba(255,255,255,0.62);
}

body.payment-page .payment-breakdown .payment-total dd {
	color: rgba(255,255,255,0.94);
	font-size: 0.94em;
}

body.payment-page .payment-term-stepper {
	display: grid;
	grid-template-columns: 1.8em minmax(4em, auto) 1.8em;
	align-items: center;
	gap: 0.22em;
}

body.payment-page .payment-term-stepper button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.8em;
	height: 1.8em;
	min-height: 0;
	padding: 0;
	border: solid 1px rgba(255,255,255,0.34);
	border-radius: 4px;
	background: transparent;
	box-shadow: none;
	color: #77fff1;
	font-size: 0.9em;
	font-weight: 400;
}

body.payment-page .payment-term-stepper button:disabled {
	opacity: 0.32;
	cursor: default;
}

body.payment-page .payment-term-stepper strong {
	color: rgba(255,255,255,0.82);
	font-size: 1em;
	font-weight: 400;
	text-align: center;
}

body.payment-page .payment-fee-note {
	margin: 0;
	padding: 0.55em 0 0.7em;
	color: rgba(255,255,255,0.44);
	font-size: 0.68em;
	font-weight: 400;
	line-height: 1.35;
}

body.payment-page .payment-quote-status {
	margin: 0;
	padding: 0;
	color: #ffb0c0;
	font-size: 0.72em;
	font-weight: 400;
	line-height: 1.4;
}

body.payment-page .payment-quote-status.is-visible {
	padding: 0 0 0.7em;
	border-bottom: solid 1px rgba(255,255,255,0.14);
}

body.payment-page .saved-payment-panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.55em;
	margin: 0;
	padding: 0.72em 0;
	border: 0;
	border-bottom: solid 1px rgba(255,255,255,0.14);
	border-radius: 0;
	background: transparent;
}

body.payment-page .saved-payment-copy {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.12em 0.65em;
}

body.payment-page .saved-payment-copy span {
	grid-column: 1 / -1;
	color: rgba(255,255,255,0.46);
	font-size: 0.7em;
	font-style: normal;
}

body.payment-page .saved-payment-copy strong {
	color: rgba(255,255,255,0.86);
	font-size: 0.82em;
	font-weight: 400;
}

body.payment-page .saved-payment-copy em {
	color: #77fff1;
	font-size: 0.7em;
	font-style: normal;
}

body.payment-page .saved-payment-panel > button,
body.payment-page .payment-card-form > button,
body.renewal-order-page .renewal-order-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 3.14em;
	padding: 0.58em 0.8em;
	border: solid 1px rgba(255,255,255,0.78);
	border-radius: 4px;
	background: transparent;
	box-shadow: none;
	color: rgba(255,255,255,0.92);
	font-size: 1em;
	font-weight: 400;
	line-height: 1.15;
	text-decoration: none;
}

body.payment-page .saved-payment-panel > button:hover,
body.payment-page .saved-payment-panel > button:focus,
body.payment-page .payment-card-form > button:hover,
body.payment-page .payment-card-form > button:focus,
body.renewal-order-page .renewal-order-primary:hover,
body.renewal-order-page .renewal-order-primary:focus {
	border-color: #77fff1;
	background: rgba(119,255,241,0.06);
	color: #77fff1;
}

body.payment-page .saved-payment-panel > button:disabled {
	opacity: 0.42;
	cursor: default;
}

body.payment-page .text-link-button,
body.payment-page .payment-back,
body.renewal-order-page .renewal-order-back {
	display: block;
	width: 100%;
	min-height: auto;
	margin: 0;
	padding: 0.62em 0 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: rgba(255,255,255,0.54);
	font-size: 0.76em;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
}

body.payment-page .text-link-button:hover,
body.payment-page .text-link-button:focus,
body.payment-page .payment-back:hover,
body.payment-page .payment-back:focus,
body.renewal-order-page .renewal-order-back:hover,
body.renewal-order-page .renewal-order-back:focus {
	color: #77fff1;
}

body.payment-page .payment-card-form {
	display: grid;
	gap: 0.58em;
	margin-top: 0.7em;
	padding-top: 0.7em;
	border-top: solid 1px rgba(255,255,255,0.14);
}

body.payment-page .payment-card-form[hidden] {
	display: none;
}

body.payment-page .payment-card-form input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	height: 2.7em;
	padding: 0 0.55em;
	border: solid 1px rgba(255,255,255,0.24);
	border-radius: 4px;
	background: rgba(0,0,0,0.12);
	color: rgba(255,255,255,0.9);
	font-size: 0.82em;
}

body.payment-page .payment-card-form .form-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.58em;
}

body.payment-page .payment-card-form label {
	margin: 0;
}

body.renewal-order-page .renewal-order-success {
	margin: 0;
	padding: 0.75em 0;
	border-bottom: solid 1px rgba(255,255,255,0.14);
	color: #77fff1;
	font-size: 0.86em;
	font-weight: 400;
}

body.renewal-order-page .renewal-order-primary {
	margin-top: 0.85em;
}

@media (max-width: 560px) {
	body.account-ui.account-ui-narrow.payment-page .page-shell,
	body.account-ui.account-ui-narrow.renewal-order-page .page-shell {
		align-content: start;
		width: min(20em, calc(100% - 1.4em));
	}
}

/* Minimal index-width order confirmation */
body.account-ui.account-ui-narrow.order-confirmation-page .page-shell {
	display: grid;
	align-content: center;
	width: min(20em, calc(100% - 2em));
	min-height: calc(100vh - var(--nav-clearance));
	padding-top: 1.25em;
}

body.order-confirmation-page .order-confirmation-workspace,
body.order-confirmation-page .order-confirmation-panel {
	display: block;
	width: 100%;
}

body.order-confirmation-page .order-confirmation-panel {
	padding: 0;
	border: 0;
	background: transparent;
	text-align: left;
}

body.order-confirmation-page .order-confirmation-panel > h2 {
	margin: 0;
	padding-bottom: 0.7em;
	border-bottom: solid 1px rgba(255,255,255,0.68);
	color: rgba(255,255,255,0.9);
	font-size: 1em;
	font-weight: 400;
	line-height: 1.25;
}

body.order-confirmation-page [data-order-empty] {
	margin: 0;
	padding: 0.75em 0;
	border-bottom: solid 1px rgba(255,255,255,0.14);
	color: rgba(255,255,255,0.58);
	font-size: 0.78em;
	line-height: 1.4;
}

body.order-confirmation-page [data-order-empty] p {
	margin: 0;
}

body.order-confirmation-page [data-order-empty] a {
	display: inline-block;
	margin-top: 0.55em;
	color: #77fff1;
	font-weight: 400;
}

body.order-confirmation-page .order-success-note {
	margin: 0;
	padding: 0.72em 0;
	border: 0;
	border-bottom: solid 1px rgba(255,255,255,0.14);
	border-radius: 0;
	background: transparent;
}

body.order-confirmation-page .order-success-note strong {
	color: #77fff1;
	font-size: 0.86em;
	font-weight: 400;
}

body.order-confirmation-page .order-success-note p {
	margin: 0.22em 0 0;
	color: rgba(255,255,255,0.52);
	font-size: 0.72em;
	line-height: 1.35;
}

body.order-confirmation-page .order-confirmation-heading {
	display: block;
	padding: 0.68em 0 0.3em;
	color: rgba(119,255,241,0.86);
	font-size: 0.76em;
	font-weight: 400;
}

body.order-confirmation-page .checkout-domain-list {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.order-confirmation-page .checkout-domain-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.7em;
	min-height: 2.25em;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: solid 1px rgba(255,255,255,0.12);
	background: transparent;
}

body.order-confirmation-page .checkout-domain-list strong {
	min-width: 0;
	color: rgba(255,255,255,0.84);
	font-size: 0.82em;
	font-weight: 400;
	overflow-wrap: anywhere;
}

body.order-confirmation-page .checkout-domain-list span {
	flex: 0 0 auto;
	color: rgba(255,255,255,0.48);
	font-size: 0.7em;
	text-align: right;
}

body.order-confirmation-page .order-confirmation-details {
	margin: 0;
}

body.order-confirmation-page .order-confirmation-details > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.7em;
	min-height: 2.4em;
	border-bottom: solid 1px rgba(255,255,255,0.12);
}

body.order-confirmation-page .order-confirmation-details > div:last-child {
	border-bottom-color: rgba(255,255,255,0.62);
}

body.order-confirmation-page .order-confirmation-details dt {
	color: rgba(255,255,255,0.48);
	font-size: 0.72em;
	font-weight: 400;
}

body.order-confirmation-page .order-confirmation-details dd {
	margin: 0;
	color: rgba(255,255,255,0.82);
	font-size: 0.76em;
	font-weight: 400;
	text-align: right;
}

body.order-confirmation-page .order-confirmation-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 3.14em;
	margin-top: 0.85em;
	border: solid 1px rgba(255,255,255,0.78);
	border-radius: 4px;
	background: transparent;
	box-shadow: none;
	color: rgba(255,255,255,0.92);
	font-size: 1em;
	font-weight: 400;
	text-decoration: none;
}

body.order-confirmation-page .order-confirmation-primary:hover,
body.order-confirmation-page .order-confirmation-primary:focus {
	border-color: #77fff1;
	background: rgba(119,255,241,0.06);
	color: #77fff1;
}

body.order-confirmation-page .order-confirmation-links {
	display: flex;
	justify-content: center;
	gap: 1.1em;
	padding-top: 0.62em;
}

body.order-confirmation-page .order-confirmation-links a {
	color: rgba(255,255,255,0.54);
	font-size: 0.76em;
	font-weight: 400;
	text-decoration: none;
}

body.order-confirmation-page .order-confirmation-links a:hover,
body.order-confirmation-page .order-confirmation-links a:focus {
	color: #77fff1;
}

@media (max-width: 560px) {
	body.account-ui.account-ui-narrow.order-confirmation-page .page-shell {
		align-content: start;
		width: min(20em, calc(100% - 1.4em));
	}
}

/* Minimal index-width receipt */
@media screen {
	body.account-ui.account-ui-narrow.receipt-page .page-shell {
		display: grid;
		align-content: center;
		width: min(20em, calc(100% - 2em));
		min-height: calc(100vh - var(--nav-clearance));
		padding-top: 1.25em;
	}

	body.receipt-page .receipt-workspace,
	body.receipt-page .receipt-panel {
		display: block;
		width: 100%;
	}

	body.receipt-page .receipt-panel {
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
		text-align: left;
	}

	body.receipt-page .receipt-panel > h2 {
		margin: 0;
		padding-bottom: 0.7em;
		border-bottom: solid 1px rgba(255,255,255,0.68);
		color: rgba(255,255,255,0.9);
		font-size: 1em;
		font-weight: 400;
		line-height: 1.25;
	}

	body.receipt-page [data-receipt-empty] {
		margin: 0;
		padding: 0.75em 0;
		border-bottom: solid 1px rgba(255,255,255,0.14);
		color: rgba(255,255,255,0.58);
		font-size: 0.78em;
		line-height: 1.4;
	}

	body.receipt-page .receipt-detail-list {
		display: block;
		margin: 0;
		padding: 0;
	}

	body.receipt-page .receipt-detail-list li {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.7em;
		min-height: 2.4em;
		padding: 0;
		border: 0;
		border-bottom: solid 1px rgba(255,255,255,0.12);
		border-radius: 0;
		background: transparent;
	}

	body.receipt-page .receipt-detail-list span,
	body.receipt-page .receipt-summary-list dt {
		color: rgba(255,255,255,0.48);
		font-size: 0.72em;
		font-weight: 400;
	}

	body.receipt-page .receipt-detail-list strong,
	body.receipt-page .receipt-summary-list dd {
		margin: 0;
		color: rgba(255,255,255,0.82);
		font-size: 0.76em;
		font-weight: 400;
		text-align: right;
	}

	body.receipt-page .receipt-summary-list {
		margin: 0.7em 0 0;
		padding: 0;
		border-top: solid 1px rgba(255,255,255,0.62);
	}

	body.receipt-page .receipt-summary-list > div {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.7em;
		min-height: 2.4em;
		border-bottom: solid 1px rgba(255,255,255,0.12);
	}

	body.receipt-page .receipt-summary-list .summary-total {
		border-bottom-color: rgba(255,255,255,0.68);
	}

	body.receipt-page .receipt-summary-list .summary-total dt,
	body.receipt-page .receipt-summary-list .summary-total dd {
		color: rgba(255,255,255,0.94);
		font-size: 0.82em;
	}

	body.receipt-page .receipt-primary {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: 100%;
		min-height: 3.14em;
		margin-top: 0.85em;
		border: solid 1px rgba(255,255,255,0.78);
		border-radius: 4px;
		background: transparent;
		box-shadow: none;
		color: rgba(255,255,255,0.92);
		font-size: 1em;
		font-weight: 400;
		text-decoration: none;
	}

	body.receipt-page .receipt-primary:hover,
	body.receipt-page .receipt-primary:focus {
		border-color: #77fff1;
		background: rgba(119,255,241,0.06);
		color: #77fff1;
	}

	body.receipt-page .receipt-actions > div {
		display: flex;
		justify-content: center;
		gap: 1.1em;
		padding-top: 0.62em;
	}

	body.receipt-page .receipt-actions > div a {
		color: rgba(255,255,255,0.54);
		font-size: 0.76em;
		font-weight: 400;
		text-decoration: none;
	}

	body.receipt-page .receipt-actions > div a:hover,
	body.receipt-page .receipt-actions > div a:focus {
		color: #77fff1;
	}

	body.receipt-page .receipt-print-note {
		display: none;
	}
}

@media screen and (max-width: 560px) {
	body.account-ui.account-ui-narrow.receipt-page .page-shell {
		align-content: start;
		width: min(20em, calc(100% - 1.4em));
	}
}

@media screen {
	body.account-ui.account-ui-narrow.receipt-print-mode.receipt-page .page-shell {
		display: block;
		width: min(52em, calc(100% - 2em));
		min-height: 0;
		padding: 2em 0;
	}

	body.receipt-print-mode.receipt-page .receipt-panel {
		margin: 0 0 1em;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
		color: #111111;
	}

	body.receipt-print-mode.receipt-page .receipt-panel > h2 {
		padding-bottom: 0.5em;
		border-bottom-color: #111111;
		color: #111111;
	}

	body.receipt-print-mode.receipt-page .receipt-detail-list {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0;
		margin: 0 0 1em;
		border-top: solid 1px #dddddd;
		border-left: solid 1px #dddddd;
	}

	body.receipt-print-mode.receipt-page .receipt-detail-list li {
		display: grid;
		gap: 0.15em;
		min-height: 0;
		padding: 0.65em;
		border-top: 0;
		border-right: solid 1px #dddddd;
		border-bottom: solid 1px #dddddd;
		border-left: 0;
	}

	body.receipt-print-mode.receipt-page .receipt-detail-list span,
	body.receipt-print-mode.receipt-page .receipt-detail-list strong {
		font-size: 0.86em;
		font-weight: 400;
		text-align: left;
	}

	body.receipt-print-mode.receipt-page .receipt-detail-list span {
		color: #555555;
	}

	body.receipt-print-mode.receipt-page .receipt-detail-list strong {
		color: #111111;
	}

	body.receipt-print-mode.receipt-page .receipt-summary-list {
		margin: 0 0 1em;
		padding: 0;
		border-top: solid 1px #dddddd;
	}

	body.receipt-print-mode.receipt-page .receipt-summary-list > div {
		display: flex;
		justify-content: space-between;
		gap: 1em;
		padding: 0.65em;
		border-right: solid 1px #dddddd;
		border-bottom: solid 1px #dddddd;
		border-left: solid 1px #dddddd;
	}

	body.receipt-print-mode.receipt-page .receipt-summary-list dt,
	body.receipt-print-mode.receipt-page .receipt-summary-list dd {
		margin: 0;
		color: #111111;
		font-weight: 400;
	}

	body.receipt-print-mode.receipt-page .receipt-actions {
		display: grid;
		gap: 0.65em;
		margin: 1.3em 0 0;
		padding-top: 1em;
		border-top: solid 1px #dddddd;
	}

	body.receipt-print-mode.receipt-page .receipt-primary {
		margin: 0;
		border-color: #111111;
		background: #111111;
		color: #ffffff;
	}

	body.receipt-print-mode.receipt-page .receipt-actions > div a {
		color: #111111;
	}

	body.receipt-print-mode.receipt-page .receipt-print-note {
		display: block;
	}
}

@media print {
	body.receipt-page .receipt-actions {
		display: none !important;
	}

	body.receipt-page .receipt-summary-list {
		margin: 0 0 1em;
		padding: 0;
		border-top: solid 1px #dddddd;
	}

	body.receipt-page .receipt-summary-list > div {
		display: flex;
		justify-content: space-between;
		gap: 1em;
		padding: 0.65em;
		border-right: solid 1px #dddddd;
		border-bottom: solid 1px #dddddd;
		border-left: solid 1px #dddddd;
	}

	body.receipt-page .receipt-summary-list dt,
	body.receipt-page .receipt-summary-list dd {
		margin: 0;
		color: #111111;
		font-weight: 400;
	}
}

/* Minimal index-width domain workspace */
body.account-ui.account-ui-narrow.domain-page .page-shell {
	display: block;
	width: min(20em, calc(100% - 2em));
	min-height: calc(100vh - var(--nav-clearance));
	padding-top: 1.25em;
}

body.domain-page .domain-empty {
	margin: 0;
	padding: 0.75em 0;
	border-bottom: solid 1px rgba(255,255,255,0.14);
	color: rgba(255,255,255,0.58);
	font-size: 0.78em;
	line-height: 1.4;
}

body.domain-page .domain-workspace,
body.domain-page .domain-workspace [data-domain-ready]:not([hidden]),
body.domain-page .domain-index-panel {
	display: block;
	width: 100%;
}

body.domain-page .domain-index-panel {
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

body.domain-page .domain-index-panel > h2 {
	margin: 0;
	padding: 0 0 0.7em;
	border-bottom: solid 1px rgba(255,255,255,0.68);
	color: rgba(255,255,255,0.92);
	font-size: 1em;
	font-weight: 400;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

body.domain-page .domain-snapshot {
	display: block;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

body.domain-page .domain-status-line {
	display: flex;
	flex-wrap: wrap;
	gap: 0.38em 0.65em;
	margin: 0;
	padding: 0.68em 0;
	border-bottom: solid 1px rgba(255,255,255,0.12);
}

body.domain-page .domain-status-line .status-dot-label {
	font-size: 0.7em;
	font-weight: 400;
}

body.domain-page .domain-summary-list {
	margin: 0;
	padding: 0;
}

body.domain-page .domain-summary-list > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.7em;
	min-height: 2.4em;
	border-bottom: solid 1px rgba(255,255,255,0.12);
}

body.domain-page .domain-summary-list dt {
	color: rgba(255,255,255,0.48);
	font-size: 0.72em;
	font-weight: 400;
}

body.domain-page .domain-summary-list dd {
	margin: 0;
	color: rgba(255,255,255,0.82);
	font-size: 0.76em;
	font-weight: 400;
	text-align: right;
	overflow-wrap: anywhere;
}

body.domain-page .domain-summary-list .status-dot-label {
	font-size: 1em;
	font-weight: 400;
}

body.domain-page .domain-command-bar {
	display: block;
	margin: 0;
}

body.domain-page .domain-command-bar .domain-primary-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 3.14em;
	margin-top: 0.85em;
	padding: 0 0.8em;
	border: solid 1px rgba(255,255,255,0.78);
	border-radius: 4px;
	background: transparent;
	box-shadow: none;
	color: rgba(255,255,255,0.92);
	font-size: 1em;
	font-weight: 400;
	text-decoration: none;
}

body.domain-page .domain-command-bar .domain-primary-action:hover,
body.domain-page .domain-command-bar .domain-primary-action:focus {
	border-color: #77fff1;
	background: rgba(119,255,241,0.06);
	color: #77fff1;
}

body.domain-page .domain-command-bar > div {
	display: flex;
	justify-content: center;
	gap: 1.1em;
	padding-top: 0.62em;
}

body.domain-page .domain-command-bar > div a {
	min-height: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: rgba(255,255,255,0.54);
	font-size: 0.76em;
	font-weight: 400;
	text-decoration: none;
}

body.domain-page .domain-command-bar > div a:hover,
body.domain-page .domain-command-bar > div a:focus {
	background: transparent;
	color: #77fff1;
}

body.domain-page .domain-index-panel > h3 {
	margin: 1.15em 0 0;
	padding: 0 0 0.62em;
	border-bottom: solid 1px rgba(255,255,255,0.68);
	color: rgba(255,255,255,0.9);
	font-size: 0.86em;
	font-weight: 400;
	line-height: 1.25;
}

body.domain-page .domain-control-grid {
	display: block;
	margin: 0;
}

body.domain-page .domain-control-grid a {
	display: grid;
	grid-template-columns: 1.15em minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.55em;
	min-height: 2.7em;
	padding: 0;
	border: 0;
	border-bottom: solid 1px rgba(255,255,255,0.12);
	border-radius: 0;
	background: transparent;
	color: rgba(255,255,255,0.82);
	text-decoration: none;
}

body.domain-page .domain-control-grid a:hover,
body.domain-page .domain-control-grid a:focus {
	border-bottom-color: rgba(119,255,241,0.5);
	background: transparent;
	color: #77fff1;
}

body.domain-page .domain-control-grid i {
	grid-row: auto;
	width: 1.15em;
	color: rgba(119,255,241,0.78);
	font-size: 0.76em;
	text-align: center;
}

body.domain-page .domain-control-grid span {
	color: inherit;
	font-size: 0.76em;
	font-weight: 400;
	line-height: 1.2;
}

body.domain-page .domain-control-grid b {
	color: rgba(255,255,255,0.42);
	font-size: 1em;
	font-weight: 400;
}

body.domain-page .domain-detail-list {
	margin-top: 1.15em;
	border-top: solid 1px rgba(255,255,255,0.68);
}

body.domain-page .domain-detail-list details {
	margin: 0;
	border-bottom: solid 1px rgba(255,255,255,0.12);
}

body.domain-page .domain-detail-list summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.7em;
	min-height: 2.75em;
	color: rgba(255,255,255,0.76);
	font-size: 0.76em;
	font-weight: 400;
	cursor: pointer;
	list-style: none;
}

body.domain-page .domain-detail-list summary::-webkit-details-marker {
	display: none;
}

body.domain-page .domain-detail-list summary:after {
	content: "+";
	color: #77fff1;
	font-size: 1em;
	font-weight: 400;
}

body.domain-page .domain-detail-list details[open] > summary:after {
	content: "-";
}

body.domain-page .domain-detail-list details[open] > summary {
	color: #77fff1;
}

body.domain-page .domain-detail-list h4 {
	margin: 0.7em 0 0;
	padding: 0 0 0.4em;
	color: rgba(119,255,241,0.7);
	font-size: 0.62em;
	font-weight: 400;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 0;
}

body.domain-page .domain-detail-list .receipt-detail-list {
	display: block;
	margin: 0 0 0.45em;
	padding: 0 0 0.55em;
}

body.domain-page .domain-detail-list .receipt-detail-list li {
	display: grid;
	grid-template-columns: minmax(6.4em, 0.85fr) minmax(0, 1.15fr);
	align-items: start;
	gap: 0.35em 0.8em;
	min-height: 2.25em;
	padding: 0.52em 0;
	border: 0;
	border-top: solid 1px rgba(255,255,255,0.08);
	border-radius: 0;
	background: transparent;
	line-height: 1.35;
}

body.domain-page .domain-detail-list .receipt-detail-list span,
body.domain-page .domain-detail-list .receipt-detail-list strong {
	font-size: 0.7em;
	font-weight: 400;
}

body.domain-page .domain-detail-list .receipt-detail-list span {
	color: rgba(255,255,255,0.45);
	min-width: 0;
	overflow-wrap: anywhere;
}

body.domain-page .domain-detail-list .receipt-detail-list strong {
	color: rgba(255,255,255,0.76);
	min-width: 0;
	text-align: right;
	overflow-wrap: anywhere;
}

body.domain-page .domain-detail-list .status-dot-label {
	font-size: 1em;
}

body.domain-page .domain-mini-list {
	display: block;
	margin: 0 0 0.8em;
}

body.domain-page .domain-mini-list div {
	display: grid;
	grid-template-columns: 3.4em minmax(0, 1fr) auto;
	grid-template-areas:
		"type name meta"
		"type value value";
	align-items: start;
	gap: 0.18em 0.65em;
	min-height: 0;
	padding: 0.58em 0;
	border: 0;
	border-top: solid 1px rgba(255,255,255,0.08);
	border-radius: 0;
	background: transparent;
	line-height: 1.35;
}

body.domain-page .domain-mini-list span,
body.domain-page .domain-mini-list strong,
body.domain-page .domain-mini-list em,
body.domain-page .domain-mini-list small {
	font-size: 0.66em;
	font-weight: 400;
}

body.domain-page .domain-mini-list span,
body.domain-page .domain-mini-list small {
	color: rgba(119,255,241,0.72);
}

body.domain-page .domain-mini-list span {
	grid-area: type;
}

body.domain-page .domain-mini-list strong {
	grid-area: name;
	color: rgba(255,255,255,0.76);
}

body.domain-page .domain-mini-list em {
	grid-area: value;
	color: rgba(255,255,255,0.42);
}

body.domain-page .domain-mini-list small {
	grid-area: meta;
	text-align: right;
}

body.domain-page .domain-mini-list span,
body.domain-page .domain-mini-list strong,
body.domain-page .domain-mini-list em,
body.domain-page .domain-mini-list small {
	min-width: 0;
	margin: 0;
	line-height: 1.35;
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
	overflow-wrap: anywhere;
}

body.domain-page .domain-detail-action {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 2.5em;
	margin: 0 0 0.65em;
	border: solid 1px rgba(255,255,255,0.34);
	border-radius: 4px;
	color: rgba(255,255,255,0.78);
	font-size: 0.72em;
	font-weight: 400;
	text-decoration: none;
}

body.domain-page .domain-detail-links {
	display: flex;
	justify-content: center;
	gap: 1.1em;
	padding: 0 0 0.65em;
}

body.domain-page .domain-detail-links a {
	color: rgba(255,255,255,0.54);
	font-size: 0.7em;
	font-weight: 400;
	text-decoration: none;
}

body.domain-page .domain-detail-action:hover,
body.domain-page .domain-detail-action:focus,
body.domain-page .domain-detail-links a:hover,
body.domain-page .domain-detail-links a:focus {
	border-color: #77fff1;
	color: #77fff1;
}

@media (max-width: 560px) {
	body.account-ui.account-ui-narrow.domain-page .page-shell {
		width: min(20em, calc(100% - 1.4em));
	}
}

/* Minimal index-width DNS workspace */
body.account-ui.account-ui-narrow.dns-page .page-shell {
	display: block;
	width: min(20em, calc(100% - 2em));
	max-width: 20em;
	margin: 0 auto;
	padding: 2.1em 0 2.8em;
}

body.dns-page .dns-layout,
body.dns-page .dns-layout.is-dns-detail-view {
	display: block;
	width: 100%;
	margin: 0;
}

body.dns-page .dns-index-panel {
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

body.dns-page .dns-index-panel > h2 {
	margin: 0 0 0.8em;
	padding-bottom: 0.65em;
	border-bottom: solid 1px rgba(255,255,255,0.68);
	color: rgba(255,255,255,0.92);
	font-size: 0.92em;
	font-weight: 400;
	line-height: 1.25;
}

body.dns-page .dns-index-panel > p {
	margin: 0;
	color: rgba(255,255,255,0.58);
	font-size: 0.76em;
	font-weight: 400;
	line-height: 1.4;
}

body.dns-page [data-dns-detail] > .receipt-detail-list {
	display: block;
	margin: 0 0 0.85em;
	padding: 0;
}

body.dns-page [data-dns-detail] > .receipt-detail-list li {
	display: grid;
	grid-template-columns: minmax(6em, 0.82fr) minmax(0, 1.18fr);
	align-items: start;
	gap: 0.35em 0.75em;
	min-height: 2.25em;
	padding: 0.52em 0;
	border: 0;
	border-top: solid 1px rgba(255,255,255,0.1);
	border-radius: 0;
	background: transparent;
	line-height: 1.35;
}

body.dns-page [data-dns-detail] > .receipt-detail-list li:first-child {
	border-top: 0;
}

body.dns-page [data-dns-detail] > .receipt-detail-list span,
body.dns-page [data-dns-detail] > .receipt-detail-list strong {
	min-width: 0;
	font-size: 0.7em;
	font-weight: 400;
	overflow-wrap: anywhere;
}

body.dns-page [data-dns-detail] > .receipt-detail-list span {
	color: rgba(255,255,255,0.46);
}

body.dns-page [data-dns-detail] > .receipt-detail-list strong {
	color: rgba(255,255,255,0.78);
	text-align: right;
}

body.dns-page [data-dns-detail] > .receipt-detail-list .status-dot-label {
	font-size: 1em;
}

body.dns-page .dns-detail-grid {
	display: block;
	margin: 0;
}

body.dns-page .dns-detail-card {
	display: block;
	margin: 0;
	padding: 0.85em 0;
	border: 0;
	border-top: solid 1px rgba(255,255,255,0.16);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

body.dns-page .dns-detail-card:first-child {
	border-top-color: rgba(255,255,255,0.68);
}

body.dns-page .dns-detail-card h3 {
	display: flex;
	align-items: center;
	gap: 0.45em;
	margin: 0 0 0.45em;
	color: rgba(255,255,255,0.78);
	font-size: 0.76em;
	font-weight: 400;
	line-height: 1.3;
}

body.dns-page .dns-detail-card h3 i {
	width: 1em;
	color: rgba(119,255,241,0.72);
	font-size: 0.86em;
	text-align: center;
}

body.dns-page .dns-record-list,
body.dns-page .dns-detail-card .domain-mini-list {
	display: block;
	margin: 0;
}

body.dns-page .dns-record-list > div {
	display: grid;
	grid-template-columns: 3.25em 3.5em minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.35em 0.55em;
	min-height: 2.6em;
	padding: 0.5em 0;
	border: 0;
	border-top: solid 1px rgba(255,255,255,0.08);
	border-radius: 0;
	background: transparent;
	line-height: 1.3;
}

body.dns-page .dns-record-list > div:first-child,
body.dns-page .dns-detail-card .domain-mini-list > div:first-child {
	border-top: 0;
}

body.dns-page .dns-record-list span,
body.dns-page .dns-record-list strong,
body.dns-page .dns-record-list em {
	min-width: 0;
	margin: 0;
	font-size: 0.66em;
	font-weight: 400;
	line-height: 1.35;
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
	overflow-wrap: anywhere;
}

body.dns-page .dns-record-list span {
	color: rgba(119,255,241,0.72);
}

body.dns-page .dns-record-list strong {
	color: rgba(255,255,255,0.7);
}

body.dns-page .dns-record-list em {
	color: rgba(255,255,255,0.5);
}

body.dns-page .dns-row-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.55em;
}

body.dns-page .dns-row-actions button {
	min-width: 0;
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: rgba(119,255,241,0.66);
	font-size: 0.62em;
	font-weight: 400;
	line-height: 1.3;
}

body.dns-page .dns-row-actions button[data-dns-delete-record] {
	color: rgba(255,190,207,0.58);
}

body.dns-page .dns-detail-card .domain-mini-list > div {
	display: grid;
	grid-template-columns: 3.25em minmax(0, 1fr) auto;
	grid-template-areas:
		"type name meta"
		"type value value";
	align-items: start;
	gap: 0.18em 0.55em;
	min-height: 0;
	padding: 0.52em 0;
	border: 0;
	border-top: solid 1px rgba(255,255,255,0.08);
	border-radius: 0;
	background: transparent;
	line-height: 1.35;
}

body.dns-page .dns-detail-card .domain-mini-list span,
body.dns-page .dns-detail-card .domain-mini-list strong,
body.dns-page .dns-detail-card .domain-mini-list em,
body.dns-page .dns-detail-card .domain-mini-list small {
	min-width: 0;
	margin: 0;
	font-size: 0.66em;
	font-weight: 400;
	line-height: 1.35;
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
	overflow-wrap: anywhere;
}

body.dns-page .dns-detail-card .domain-mini-list span {
	grid-area: type;
	color: rgba(119,255,241,0.72);
}

body.dns-page .dns-detail-card .domain-mini-list strong {
	grid-area: name;
	color: rgba(255,255,255,0.72);
}

body.dns-page .dns-detail-card .domain-mini-list em {
	grid-area: value;
	color: rgba(255,255,255,0.48);
}

body.dns-page .dns-detail-card .domain-mini-list small {
	grid-area: meta;
	color: rgba(119,255,241,0.62);
	text-align: right;
}

body.dns-page .dns-card-actions {
	display: block;
	margin: 0.5em 0 0;
}

body.dns-page .dns-card-actions button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 2.45em;
	padding: 0 0.7em;
	border: solid 1px rgba(255,255,255,0.3);
	border-radius: 4px;
	background: transparent;
	box-shadow: none;
	color: rgba(255,255,255,0.72);
	font-size: 0.7em;
	font-weight: 400;
}

body.dns-page [data-dns-detail] > .checkout-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.55em;
	margin: 0.9em 0 0;
}

body.dns-page [data-dns-detail] > .checkout-actions .checkout-primary {
	width: 100%;
	min-height: 2.7em;
	border-color: #77fff1;
	background: #77fff1;
	color: #172a31;
	font-size: 0.74em;
	font-weight: 500;
}

body.dns-page [data-dns-detail] > .checkout-actions > a:not(.checkout-primary) {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.42em;
	min-height: 2.7em;
	padding: 0 0.65em;
	border: solid 1px rgba(255,255,255,0.3);
	border-radius: 4px;
	background: transparent;
	color: rgba(255,255,255,0.52);
	font-size: 0.7em;
	font-weight: 400;
}

body.dns-page [data-dns-detail] > .checkout-actions > a:not(.checkout-primary):hover,
body.dns-page [data-dns-detail] > .checkout-actions > a:not(.checkout-primary):focus {
	border-color: #77fff1;
	color: #77fff1;
}

body.dns-page .dns-inline-status,
body.dns-page .dns-editor-note {
	margin: 0.45em 0 0;
	color: rgba(255,255,255,0.48);
	font-size: 0.66em;
	font-weight: 400;
	line-height: 1.4;
}

body.dns-page .dns-inline-status:empty {
	display: none;
}

body.dns-page .dns-nameserver-fields {
	display: grid;
	gap: 0.55em;
}

body.dns-page .dns-nameserver-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 0.55em;
}

body.dns-page .dns-nameserver-row > button,
body.dns-page .dns-editor-link {
	min-width: 0;
	min-height: 2.35em;
	padding: 0 0.55em;
	border: 0;
	border-bottom: solid 1px rgba(255,255,255,0.24);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: rgba(255,255,255,0.5);
	font-size: 0.66em;
	font-weight: 400;
}

body.dns-page .dns-editor-link {
	justify-self: start;
	min-height: 1.8em;
	padding: 0;
	border-bottom-color: rgba(119,255,241,0.48);
	color: rgba(119,255,241,0.7);
}

body.dns-page .dns-nameserver-row > button[hidden],
body.dns-page .dns-editor-link[hidden] {
	display: none;
}

body.dns-page .dns-record-editor {
	display: grid;
	gap: 0.6em;
	margin: 1em 0 0;
	padding: 0.85em 0;
	border: 0;
	border-top: solid 1px rgba(255,255,255,0.22);
	border-bottom: solid 1px rgba(255,255,255,0.12);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

body.dns-page .dns-record-editor h3 {
	margin: 0 0 0.2em;
	font-size: 0.78em;
	font-weight: 400;
}

body.dns-page .dns-record-editor .form-row {
	grid-template-columns: 1fr;
	gap: 0.55em;
}

body.dns-page .dns-record-editor label {
	display: grid;
	gap: 0.18em;
	color: rgba(255,255,255,0.48);
	font-size: 0.66em;
	font-weight: 400;
	line-height: 1.3;
}

body.dns-page .dns-record-editor [data-dns-record-field][hidden] {
	display: none;
}

body.dns-page .dns-record-editor .dns-custom-ttl[hidden] {
	display: none;
}

body.dns-page .dns-record-editor input[type="text"],
body.dns-page .dns-record-editor input[type="number"] {
	width: 100%;
	min-height: 2.55em;
	margin: 0;
	padding: 0 0 0.58em;
	border: 0;
	border-bottom: solid 1px rgba(255,255,255,0.82);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: rgba(255,255,255,0.9);
	font-size: 1.12em;
	font-weight: 400;
	line-height: 1.25;
	outline: 0;
	transition: border-color 0.2s ease, color 0.2s ease;
}

body.dns-page .dns-record-editor input[type="number"] {
	appearance: textfield;
	-moz-appearance: textfield;
}

body.dns-page .dns-record-editor input[type="number"]::-webkit-inner-spin-button,
body.dns-page .dns-record-editor input[type="number"]::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

body.dns-page .dns-record-editor input[type="text"]:focus,
body.dns-page .dns-record-editor input[type="number"]:focus {
	border-color: #77fff1;
	box-shadow: none;
	color: #77fff1;
}

body.dns-page .dns-record-editor input[type="text"].is-invalid,
body.dns-page .dns-record-editor input[type="number"].is-invalid {
	border-color: rgba(var(--gooder-red-rgb),0.86);
	box-shadow: none;
	color: #ffd6e5;
}

body.dns-page .dns-field-picker {
	position: relative;
	display: block;
	width: 100%;
}

body.dns-page .dns-field-picker-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.65em;
	width: 100%;
	min-height: 2.55em;
	padding: 0 0 0.58em;
	border: 0;
	border-bottom: solid 1px rgba(255,255,255,0.82);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: rgba(255,255,255,0.9);
	font-size: 1.12em;
	font-weight: 400;
	line-height: 1.25;
	outline: 0;
	text-align: left;
}

body.dns-page .dns-field-picker-toggle i {
	flex: 0 0 auto;
	color: rgba(119,255,241,0.72);
	font-style: normal;
	font-size: 0.8em;
	transition: transform 0.18s ease;
}

body.dns-page .dns-field-picker.is-open .dns-field-picker-toggle,
body.dns-page .dns-field-picker-toggle:hover,
body.dns-page .dns-field-picker-toggle:focus {
	border-color: #77fff1;
	background: transparent;
	color: #77fff1;
}

body.dns-page .dns-field-picker.is-open .dns-field-picker-toggle i {
	transform: rotate(180deg);
}

body.dns-page .dns-field-picker.is-invalid .dns-field-picker-toggle {
	border-color: rgba(var(--gooder-red-rgb),0.86);
	color: #ffd6e5;
}

body.dns-page .dns-field-picker-options {
	position: absolute;
	top: calc(100% + 0.28em);
	left: 0;
	z-index: 30;
	display: none;
	width: 100%;
	max-height: 17em;
	padding: 0.32em;
	overflow-y: auto;
	border: solid 1px rgba(255,255,255,0.2);
	border-radius: 4px;
	background: rgba(25,35,46,0.9);
	box-shadow: 0 10px 24px rgba(0,0,0,0.22);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

body.dns-page .dns-field-picker.is-open .dns-field-picker-options {
	display: grid;
}

body.dns-page .dns-field-picker-group {
	padding: 0.55em 0.68em 0.3em;
	color: rgba(255,255,255,0.4);
	font-size: 0.82em;
	font-weight: 400;
	line-height: 1.2;
}

body.dns-page .dns-field-picker-options button {
	width: 100%;
	min-height: 2.55em;
	padding: 0.45em 0.68em;
	border: 0;
	border-radius: 3px;
	background: transparent;
	box-shadow: none;
	color: rgba(255,255,255,0.74);
	font-size: 0.94em;
	font-weight: 400;
	line-height: 1.25;
	text-align: left;
}

body.dns-page .dns-field-picker-options button:hover,
body.dns-page .dns-field-picker-options button:focus {
	background: rgba(119,255,241,0.1);
	color: #77fff1;
}

body.dns-page .dns-field-picker-note {
	padding: 0.58em 0.68em;
	color: rgba(255,255,255,0.34);
	font-size: 0.88em;
	font-weight: 400;
	line-height: 1.25;
}

body.dns-page .dns-record-conditional-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.55em;
}

body.dns-page .dns-record-type-help {
	margin: 0;
	color: rgba(255,255,255,0.48);
	font-size: 0.66em;
	font-weight: 400;
	line-height: 1.4;
}

body.dns-page .dns-record-preview {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: start;
	gap: 0.7em;
	margin: 0;
	padding-top: 0.58em;
	border-top: solid 1px rgba(255,255,255,0.1);
	font-size: 0.66em;
	line-height: 1.4;
}

body.dns-page .dns-record-preview span,
body.dns-page .dns-record-preview strong {
	font-weight: 400;
}

body.dns-page .dns-record-preview span {
	color: rgba(255,255,255,0.42);
}

body.dns-page .dns-record-preview strong {
	min-width: 0;
	color: rgba(119,255,241,0.76);
	overflow-wrap: anywhere;
}

body.dns-page .dns-record-editor .form-status {
	margin: 0;
	padding: 0;
	color: rgba(119,255,241,0.78) !important;
	font-size: 0.66em;
	font-weight: 400;
	line-height: 1.35;
}

body.dns-page .dns-record-editor .form-status.is-error {
	color: #ffd6e5 !important;
}

body.dns-page .dns-record-editor .checkout-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.5em;
	margin-top: 0.25em;
}

body.dns-page .dns-record-editor .checkout-actions button,
body.dns-page .dns-record-editor .checkout-actions .checkout-primary {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 2.7em;
	padding: 0 0.65em;
	border: solid 1px rgba(255,255,255,0.82);
	border-radius: 4px;
	background: transparent;
	box-shadow: none;
	color: rgba(255,255,255,0.88);
	font-size: 0.7em;
	font-weight: 400;
	line-height: 1;
	outline: 0;
}

body.dns-page .dns-record-editor .checkout-actions button:not(.checkout-primary) {
	border-color: rgba(255,255,255,0.28);
	color: rgba(255,255,255,0.58);
}

body.dns-page .dns-record-editor .checkout-actions button:hover,
body.dns-page .dns-record-editor .checkout-actions button:focus {
	border-color: #77fff1;
	background: transparent;
	color: #77fff1;
}

body.dns-page .renewal-sort-control {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: end;
	gap: 0.55em;
	margin: 0.65em 0 0.8em;
}

body.dns-page .dns-domain-list li {
	grid-template-columns: minmax(0, 1fr);
	gap: 0.45em;
	padding: 0.65em 0;
	border: 0;
	border-top: solid 1px rgba(255,255,255,0.1);
	border-radius: 0;
	background: transparent;
}

body.dns-page .dns-domain-list .domain-actions {
	grid-template-columns: 1fr;
}

body.dns-page .dns-domain-list .domain-actions a {
	min-height: 2.35em;
	font-size: 0.7em;
	font-weight: 400;
}

@media (max-width: 560px) {
	body.account-ui.account-ui-narrow.dns-page .page-shell {
		width: min(20em, calc(100% - 1.4em));
		padding-top: 1.55em;
	}

	body.dns-page .dns-record-list > div {
		grid-template-columns: 2.8em 3.1em minmax(0, 1fr) auto;
		gap: 0.3em 0.42em;
	}

	body.dns-page .dns-record-conditional-fields {
		grid-template-columns: 1fr;
	}
}