pre.highlight > button,
.highlight button.copy {
  position: absolute;
  background: var(--doc-codebox-background-color, #F2F2F2);
  border-radius: 50px;
  width: 25px;
  height: 25px;
  top: 7px;
  right: 7px;
  border: 0;
  outline: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background 0.3s;
}
pre.highlight > button:hover,
.highlight button.copy:hover {
  background-color: #D9D9D9;
}
pre.highlight > button span.copy,
.highlight button.copy span.copy {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23000' d='M3.5.5h9v9h-9z'/%3E%3Cpath d='M1 4v8h8' stroke='%23000'/%3E%3C/svg%3E");
  width: 13px;
  height: 13px;
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
}
pre.highlight > button span.copied,
.highlight button.copy span.copied {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 5.642 3.343 3.343 7.642-7.642' stroke='%23000'/%3E%3C/svg%3E");
  width: 13px;
  height: 10px;
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
}

.content.dark .highlight button.copy,
.code.dark .highlight button.copy,
.darkmode pre.highlight > button,
.darkmode .highlight button.copy {
  background: var(--grey-10);
}
.content.dark .highlight button.copy:hover,
.code.dark .highlight button.copy:hover,
.darkmode pre.highlight > button:hover,
.darkmode .highlight button.copy:hover {
  background-color: #2b2b2b;
}
.content.dark .highlight button.copy span.copy,
.code.dark .highlight button.copy span.copy,
.darkmode pre.highlight > button span.copy,
.darkmode .highlight button.copy span.copy {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fff' d='M3.5.5h9v9h-9z'/%3E%3Cpath d='M1 4v8h8' stroke='%23fff'/%3E%3C/svg%3E");
}
.content.dark .highlight button.copy span.copied,
.code.dark .highlight button.copy span.copied,
.darkmode pre.highlight > button span.copied,
.darkmode .highlight button.copy span.copied {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 5.642 3.343 3.343 7.642-7.642' stroke='%23fff'/%3E%3C/svg%3E");
}

/*# sourceMappingURL=copy_button.css.map */