.pairing-tool.login-inner {
	box-sizing: border-box;
	padding-top: 40px;
}

.pairing-tool *,
.pairing-tool *::before,
.pairing-tool *::after {
	box-sizing: inherit;
}

.pairing-tool header {
	margin-top: 36px;
	margin-bottom: 34px;
}

.pairing-tool h2 {
	font-weight: 700;
}

.pairing-tool .intro,
.pairing-tool .tool-copy p,
.pairing-tool .status,
.pairing-tool .browser-warning {
	line-height: 1.5;
}

.pairing-tool .tool-copy p {
	margin: 8px 0;
}

.pairing-tool .status {
	font-size: 90%;
}

.pairing-tool .tool-action {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 15px;
	align-items: center;
	margin-top: 15px;
}

.pairing-tool .tool-action .login-button {
	flex: 0 0 auto;
	margin-top: 0;
}

.pairing-tool .pair-spinner {
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 auto;
	position: relative;
	border: 2px solid #ccc;
	border-top-color: #474540;
	border-radius: 50%;
	animation: pairing-spinner 700ms linear infinite;
}

.pairing-tool .pair-spinner[hidden] {
	display: none;
}

@keyframes pairing-spinner {
	to {
		transform: rotate(360deg);
	}
}

.pairing-tool .status {
	display: block;
	flex: 1 1 260px;
	min-width: 0;
	margin: 0;
	color: #737373;
	overflow-wrap: anywhere;
}

.pairing-tool .status[data-state="success"] {
	color: #197239;
}

.pairing-tool .status[data-state="error"] {
	color: #b3261e;
}

.pairing-tool .output-heading {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	align-items: center;
	justify-content: space-between;
}

.pairing-tool .output-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
}

.pairing-tool .output-actions .small-button {
	margin-top: 0;
	margin-right: 0;
	border: 0;
	font: inherit;
	cursor: pointer;
}

.pairing-tool textarea.text {
	display: block;
	min-height: 360px;
	resize: vertical;
	font: 13px/1.55 "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
	tab-size: 4;
}

.pairing-tool .browser-warning {
	margin-top: 20px;
	border-radius: 7px;
	padding: 13px 21px;
	background: #e03a3a;
	color: #fff;
}

@media (max-width: 680px) {
	.pairing-tool.login-inner {
		margin-top: 30px;
	}

	.pairing-tool .status {
		flex-basis: 100%;
	}
}