.novablocks-sharing .wp-block-button__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .novablocks-sharing .wp-block-button__link > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .novablocks-sharing .wp-block-button__link > svg {
    width: 20px; }
  .novablocks-sharing .wp-block-button__link > * + * {
    margin-left: calc( var(--novablocks-spacing) / 3); }

.novablocks-sharing__overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  max-width: 100%;
  --block-spacing: calc( var(--novablocks-spacing) / 3 ); }
  .novablocks-sharing__overlay:not(.is-visible) {
    display: none; }

.novablocks-sharing__wrap {
  background-color: var(--novablocks-current-light-primary);
  color: var(--novablocks-current-dark-primary);
  position: relative;
  width: 25em;
  max-width: 100%;
  border-radius: 1em; }
  .novablocks-sharing__wrap a {
    color: inherit;
    text-decoration: none; }
  .novablocks-sharing__wrap:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid var(--novablocks-dark-primary);
    opacity: 0.1;
    pointer-events: none;
    border-radius: inherit; }

.novablocks-sharing__container {
  position: relative;
  max-height: 100%;
  padding: calc( var(--block-spacing) * 1.5);
  overflow: auto; }

.novablocks-sharing__content > * {
  --novablocks-element-spacing-multiplier: 0.5;
  --block-top-spacing: var(--novablocks-block-top-spacing, 0);
  --block-bottom-spacing: var(--novablocks-block-bottom-spacing, 0);
  margin-top: calc( var(--block-top-spacing) * var(--novablocks-spacing) * var(--novablocks-element-spacing-multiplier, 1));
  margin-bottom: calc( var(--block-bottom-spacing) * var(--novablocks-spacing) * var(--novablocks-element-spacing-multiplier, 1)); }
  .novablocks-sharing__content > *:first-child {
    --block-top-spacing: 0;
    --block-bottom-spacing: 0; }
  .novablocks-sharing__content > *:not(:first-child) {
    --block-top-spacing: 1;
    --block-bottom-spacing: 0; }
  @media not screen and (min-width: 768px) {
    .novablocks-sharing__content > *:first-child {
      --block-top-spacing: 0;
      --block-bottom-spacing: 0; }
    .novablocks-sharing__content > *:not(:first-child) {
      --block-top-spacing: 1;
      --block-bottom-spacing: 0; } }

.novablocks-sharing__close {
  position: absolute;
  top: var(--block-spacing);
  right: var(--block-spacing);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 2em;
  height: 2em;
  margin-top: 0;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }
  .novablocks-sharing__close:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--novablocks-current-dark-primary);
    -webkit-transition: var(--novablocks-transition);
    transition: var(--novablocks-transition);
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .15s;
            transition-duration: .15s;
    opacity: 0.1; }
  .novablocks-sharing__close:hover:before {
    background: var(--novablocks-current-light-primary); }
  .novablocks-sharing__close svg {
    width: 0.75em;
    height: 0.75em; }

.novablocks-sharing__group {
  position: relative; }

.novablocks-sharing__group-content > * {
  --novablocks-element-spacing-multiplier: 0.125;
  --block-top-spacing: var(--novablocks-block-top-spacing, 0);
  --block-bottom-spacing: var(--novablocks-block-bottom-spacing, 0);
  margin-top: calc( var(--block-top-spacing) * var(--novablocks-spacing) * var(--novablocks-element-spacing-multiplier, 1));
  margin-bottom: calc( var(--block-bottom-spacing) * var(--novablocks-spacing) * var(--novablocks-element-spacing-multiplier, 1)); }
  .novablocks-sharing__group-content > *:first-child {
    --block-top-spacing: 0;
    --block-bottom-spacing: 0; }
  .novablocks-sharing__group-content > *:not(:first-child) {
    --block-top-spacing: 1;
    --block-bottom-spacing: 0; }
  @media not screen and (min-width: 768px) {
    .novablocks-sharing__group-content > *:first-child {
      --block-top-spacing: 0;
      --block-bottom-spacing: 0; }
    .novablocks-sharing__group-content > *:not(:first-child) {
      --block-top-spacing: 1;
      --block-bottom-spacing: 0; } }

.novablocks-sharing__notification-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  opacity: 0;
  pointer-events: none; }

.novablocks-sharing__notification--visible {
  -webkit-animation: show-copied-notification 2s forwards;
          animation: show-copied-notification 2s forwards; }

@-webkit-keyframes show-copied-notification {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  70% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes show-copied-notification {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  70% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.novablocks-sharing__notification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.33em 1em;
  background: rgba(0, 0, 0, 0.75);
  color: #FFFFFF;
  border-radius: 999em; }

.novablocks-sharing__notification-icon svg {
  display: block;
  width: 0.8em; }

.novablocks-sharing__notification-icon + .novablocks-sharing__notification-text {
  margin-left: 0.66em; }

.novablocks-sharing__group > * {
  --novablocks-element-spacing-multiplier: 0.25;
  --block-top-spacing: var(--novablocks-block-top-spacing, 0);
  --block-bottom-spacing: var(--novablocks-block-bottom-spacing, 0);
  margin-top: calc( var(--block-top-spacing) * var(--novablocks-spacing) * var(--novablocks-element-spacing-multiplier, 1));
  margin-bottom: calc( var(--block-bottom-spacing) * var(--novablocks-spacing) * var(--novablocks-element-spacing-multiplier, 1)); }
  .novablocks-sharing__group > *:first-child {
    --block-top-spacing: 0;
    --block-bottom-spacing: 0; }
  .novablocks-sharing__group > *:not(:first-child) {
    --block-top-spacing: 1;
    --block-bottom-spacing: 0; }
  @media not screen and (min-width: 768px) {
    .novablocks-sharing__group > *:first-child {
      --block-top-spacing: 0;
      --block-bottom-spacing: 0; }
    .novablocks-sharing__group > *:not(:first-child) {
      --block-top-spacing: 1;
      --block-bottom-spacing: 0; } }

.novablocks-sharing__group-description[class] {
  --novablocks-element-spacing-multiplier: 0; }

.novablocks-sharing__list {
  padding-left: 0;
  margin-left: 0;
  overflow: hidden;
  border-radius: 0.5em;
  list-style: none; }

.novablocks-sharing__list-item + .novablocks-sharing__list-item {
  margin-top: 1px; }

.novablocks-sharing__link,
.novablocks-sharing__copy-input {
  padding: calc( var(--block-spacing) * 3 / 4); }

.novablocks-sharing__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  margin-left: calc( var(--block-spacing) * -3 / 4); }
  .novablocks-sharing__link:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--novablocks-current-dark-primary);
    -webkit-transition: var(--novablocks-transition);
    transition: var(--novablocks-transition);
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .15s;
            transition-duration: .15s;
    opacity: 0.1; }
  .novablocks-sharing__link:hover:before {
    background: var(--novablocks-current-light-primary); }
  .novablocks-sharing__link > * {
    margin-left: calc( var(--block-spacing) * 3 / 4); }

.novablocks-sharing__link-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.25em;
          flex: 0 0 1.25em; }
  .novablocks-sharing__link-icon svg {
    width: 1.25em;
    height: 1.25em; }