/* Alignement horizontal quand le callout light précède un bloc sgn-block */
.gps-badge:has(+ .nsn-sgn-block) {
  float: left;
  margin-block: 0;
}

.gps-badge + .nsn-sgn-block {
  display: flow-root;
}

.nsn-sgn-block {
  --nsn-sgn-fg:#1f2328;
  --nsn-sgn-fg-muted:#5f6368;
  --nsn-sgn-bg:#f6f7f9;
  --nsn-sgn-border:#e3e5e8;
  --nsn-sgn-button-bg:#fff;
  --nsn-sgn-button-border:#dadce0;
  --nsn-sgn-accent:#1a73e8;
  --nsn-sgn-fb:#1877f2;
  --nsn-sgn-li:#0a66c2;
  --nsn-sgn-x:#000;
  --nsn-sgn-wa:#25d366;
  --nsn-sgn-copy:#5f6368;
  --nsn-sgn-reddit:#ff4500;
  --nsn-sgn-threads:#000;
  --nsn-sgn-bluesky:#0085ff;
  --nsn-sgn-tg:#229ed9;
  --nsn-sgn-pinterest:#e60023;
  --nsn-sgn-messenger:#0084ff;
  --nsn-sgn-email:#6b7280;
  color:var(--nsn-sgn-fg);
  display:flex;
  flex-wrap:wrap;
  gap:.75rem 1.5rem;
  margin-inline: auto 0;
  width: fit-content;
  padding: 0.5rem 1.25rem;
}
.nsn-sgn-block[data-size=compact] {
  gap:.5rem 1rem
}
.nsn-sgn-block[data-layout=stacked] {
  align-items:flex-start;
  flex-direction:column
}
.nsn-sgn-block[data-layout=inline] {
  align-items:center;
  justify-content:flex-start
}
.nsn-sgn-block[data-layout=stacked] .nsn-sgn-share {
  width:100%
}
.nsn-sgn-block[data-layout=inline] .nsn-sgn-share {
  margin-inline-start:auto
}
.nsn-sgn-block[data-labels=off] .nsn-sgn-share__name {
  display:none
}
.nsn-sgn-block[data-labels=off] .nsn-sgn-share__button {
  padding:0
}
.nsn-sgn-block[data-size=compact] .nsn-sgn-share__icon {
  height:26px;
  width:26px
}
.nsn-sgn-block[data-size=compact] .nsn-sgn-share__icon svg {
  height:16px;
  width:16px
}
.nsn-sgn-block[data-icon-style=colored] .nsn-sgn-share__button[data-network=facebook] .nsn-sgn-share__icon {
  background-color:var(--nsn-sgn-fb);
  color:#fff
}
.nsn-sgn-block[data-icon-style=colored] .nsn-sgn-share__button[data-network=linkedin] .nsn-sgn-share__icon {
  background-color:var(--nsn-sgn-li);
  color:#fff
}
.nsn-sgn-block[data-icon-style=colored] .nsn-sgn-share__button[data-network=x] .nsn-sgn-share__icon {
  background-color:var(--nsn-sgn-x);
  color:#fff
}
.nsn-sgn-block[data-icon-style=colored] .nsn-sgn-share__button[data-network=whatsapp] .nsn-sgn-share__icon {
  background-color:var(--nsn-sgn-wa);
  color:#fff
}
.nsn-sgn-block[data-icon-style=colored] .nsn-sgn-share__button[data-network=copy] .nsn-sgn-share__icon {
  background-color:var(--nsn-sgn-copy);
  color:#fff
}
.nsn-sgn-block[data-icon-style=colored] .nsn-sgn-share__button[data-network=reddit] .nsn-sgn-share__icon {
  background-color:var(--nsn-sgn-reddit);
  color:#fff
}
.nsn-sgn-block[data-icon-style=colored] .nsn-sgn-share__button[data-network=threads] .nsn-sgn-share__icon {
  background-color:var(--nsn-sgn-threads);
  color:#fff
}
.nsn-sgn-block[data-icon-style=colored] .nsn-sgn-share__button[data-network=bluesky] .nsn-sgn-share__icon {
  background-color:var(--nsn-sgn-bluesky);
  color:#fff
}
.nsn-sgn-block[data-icon-style=colored] .nsn-sgn-share__button[data-network=telegram] .nsn-sgn-share__icon {
  background-color:var(--nsn-sgn-tg);
  color:#fff
}
.nsn-sgn-block[data-icon-style=colored] .nsn-sgn-share__button[data-network=pinterest] .nsn-sgn-share__icon {
  background-color:var(--nsn-sgn-pinterest);
  color:#fff
}
.nsn-sgn-block[data-icon-style=colored] .nsn-sgn-share__button[data-network=messenger] .nsn-sgn-share__icon {
  background-color:var(--nsn-sgn-messenger);
  color:#fff
}
.nsn-sgn-block[data-icon-style=colored] .nsn-sgn-share__button[data-network=email] .nsn-sgn-share__icon {
  background-color:var(--nsn-sgn-email);
  color:#fff
}
@media(min-width:641px) {
  .nsn-sgn-block[data-icon-style=colored][data-labels=on] .nsn-sgn-share__button {
    color:#fff;
    padding:.375rem .875rem
  }
  .nsn-sgn-block[data-icon-style=colored][data-labels=on] .nsn-sgn-share__button .nsn-sgn-share__icon {
    background-color:transparent;
    color:#fff;
    height:auto;
    width:auto
  }
  .nsn-sgn-block[data-icon-style=colored][data-labels=on] .nsn-sgn-share__button[data-network=facebook] {
    background-color:var(--nsn-sgn-fb)
  }
  .nsn-sgn-block[data-icon-style=colored][data-labels=on] .nsn-sgn-share__button[data-network=linkedin] {
    background-color:var(--nsn-sgn-li)
  }
  .nsn-sgn-block[data-icon-style=colored][data-labels=on] .nsn-sgn-share__button[data-network=x] {
    background-color:var(--nsn-sgn-x)
  }
  .nsn-sgn-block[data-icon-style=colored][data-labels=on] .nsn-sgn-share__button[data-network=whatsapp] {
    background-color:var(--nsn-sgn-wa)
  }
  .nsn-sgn-block[data-icon-style=colored][data-labels=on] .nsn-sgn-share__button[data-network=copy] {
    background-color:var(--nsn-sgn-copy)
  }
  .nsn-sgn-block[data-icon-style=colored][data-labels=on] .nsn-sgn-share__button[data-network=reddit] {
    background-color:var(--nsn-sgn-reddit)
  }
  .nsn-sgn-block[data-icon-style=colored][data-labels=on] .nsn-sgn-share__button[data-network=threads] {
    background-color:var(--nsn-sgn-threads)
  }
  .nsn-sgn-block[data-icon-style=colored][data-labels=on] .nsn-sgn-share__button[data-network=bluesky] {
    background-color:var(--nsn-sgn-bluesky)
  }
  .nsn-sgn-block[data-icon-style=colored][data-labels=on] .nsn-sgn-share__button[data-network=telegram] {
    background-color:var(--nsn-sgn-tg)
  }
  .nsn-sgn-block[data-icon-style=colored][data-labels=on] .nsn-sgn-share__button[data-network=pinterest] {
    background-color:var(--nsn-sgn-pinterest)
  }
  .nsn-sgn-block[data-icon-style=colored][data-labels=on] .nsn-sgn-share__button[data-network=messenger] {
    background-color:var(--nsn-sgn-messenger)
  }
  .nsn-sgn-block[data-icon-style=colored][data-labels=on] .nsn-sgn-share__button[data-network=email] {
    background-color:var(--nsn-sgn-email)
  }
}
.nsn-sgn-share {
  align-items:center;
  display:inline-flex;
  flex-wrap:wrap;
  gap:.625rem .875rem
}
.nsn-sgn-share__label {
  color:var(--nsn-sgn-fg-muted);
  font-size:.8125rem;
  line-height:1.3
}
.nsn-sgn-share__list {
  align-items:center;
  display:inline-flex;
  flex-wrap:wrap;
  gap:.5rem;
  list-style:none;
  margin:0;
  padding:0
}
.nsn-sgn-share__item {
  margin:0;
  padding:0
}
.nsn-sgn-share__button {
  background:transparent;
  border:0;
  color:var(--nsn-sgn-fg);
  cursor:pointer;
  font:inherit;
  gap:.5rem;
  min-height:36px;
  padding:.375rem .5rem;
  text-decoration:none;
  transition:background-color .15s ease,color .15s ease
}
.nsn-sgn-share__button,
.nsn-sgn-share__icon {
  align-items:center;
  border-radius:8px;
  display:inline-flex;
  position:relative
}
.nsn-sgn-share__icon {
  flex:0 0 auto;
  height:32px;
  justify-content:center;
  line-height:0;
  width:32px
}
.nsn-sgn-share__icon svg {
  display:block;
  height:20px;
  width:20px
}
.nsn-sgn-share__name {
  font-size:.9375rem;
  font-weight:500;
  line-height:1.2
}
@media(prefers-reduced-motion:reduce) {
  .nsn-sgn-share__button {
    transition:none
  }
}