.sgdt-copy-code {
	--sgdt-copy-surface: rgba(1, 113, 206, 0.065);
	--sgdt-copy-mask: rgb(238, 246, 252);

	display: inline-flex;
	max-width: 100%;
	align-items: center;
	padding: 0.12em 0.42em;
	border: 1px dashed;
	border-color: rgba(1, 113, 206, 0.48);
	border-radius: 0.25em;
	background: var(--sgdt-copy-surface);
	color: #0171CE;
	font: inherit;
	font-weight: 600;
	line-height: 1.35;
	text-align: left;
	text-decoration: none;
	overflow-wrap: anywhere;
	word-break: break-word;
	cursor: pointer;
	vertical-align: baseline;
}

.sgdt-copy-code:hover {
	--sgdt-copy-surface: rgba(1, 113, 206, 0.11);
	--sgdt-copy-mask: rgb(227, 239, 250);

	border-color: rgba(1, 113, 206, 0.72);
	background: var(--sgdt-copy-surface);
}

.sgdt-copy-code:active {
	--sgdt-copy-surface: rgba(1, 113, 206, 0.16);
	--sgdt-copy-mask: rgb(214, 232, 247);

	background: var(--sgdt-copy-surface);
}

.sgdt-copy-code:focus-visible {
	outline: 2px solid #0171CE;
	outline-offset: 2px;
}

.sgdt-copy-code.is-sgdt-copied {
	--sgdt-copy-surface: rgba(22, 117, 68, 0.10);
	--sgdt-copy-mask: rgb(232, 241, 236);

	border-color: rgba(22, 117, 68, 0.58);
	background: var(--sgdt-copy-surface);
	color: #167544;
}

.sgdt-copy-code.is-sgdt-copy-failed {
	--sgdt-copy-surface: rgba(176, 49, 49, 0.08);
	--sgdt-copy-mask: rgb(249, 239, 239);

	border-color: rgba(176, 49, 49, 0.58);
	background: var(--sgdt-copy-surface);
	color: #a32d2d;
}

.sgdt-copy-code-text {
	min-width: 0;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.sgdt-copy-code-icon {
	position: relative;
	display: inline-block;
	flex: 0 0 0.78em;
	width: 0.78em;
	height: 0.78em;
	margin-left: 0.38em;
	color: inherit;
}

.sgdt-copy-code-icon::before,
.sgdt-copy-code-icon::after {
	position: absolute;
	box-sizing: border-box;
	width: 0.52em;
	height: 0.57em;
	border: 1px solid currentColor;
	border-radius: 0.08em;
	content: "";
}

.sgdt-copy-code-icon::before {
	top: 0.18em;
	left: 0.04em;
}

.sgdt-copy-code-icon::after {
	top: 0;
	left: 0.22em;
	background: var(--sgdt-copy-mask);
}

.sgdt-copy-code.is-sgdt-copied .sgdt-copy-code-icon::before {
	top: 0.12em;
	left: 0.12em;
	width: 0.58em;
	height: 0.34em;
	border: 0;
	border-bottom: 1.5px solid currentColor;
	border-left: 1.5px solid currentColor;
	border-radius: 0;
	transform: rotate(-45deg);
}

.sgdt-copy-code.is-sgdt-copied .sgdt-copy-code-icon::after {
	display: none;
}

.sgdt-copy-status {
	position: fixed;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}