/* 所有组件页面的变量代码复制按钮。 */
.global-code-box {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}
.global-code-box > code,
.global-code-box > pre {
  box-sizing: border-box;
  width: 100%;
  min-height: 36px;
  margin: 0;
  padding-right: 70px !important;
  display: block;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.global-copy-button {
  position: absolute;
  z-index: 2;
  top: 6px;
  right: 6px;
  box-sizing: border-box;
  min-width: 52px;
  height: 24px;
  padding: 2px 8px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 4px;
  color: #d8e7ff;
  background: rgba(255,255,255,.08);
  font: 400 12px/18px "Source Han Sans CN", "思源黑体 CN", sans-serif;
  cursor: pointer;
}
.global-copy-button:hover {
  color: #fff;
  border-color: #4ba2ff;
  background: rgba(75,162,255,.18);
}
.global-copy-button:active,
.global-copy-button.copied {
  color: #fff;
  border-color: #2990ff;
  background: #2990ff;
}