/**
 * Base styles.
 */
:where(.artbrander-social-icons, .artbrander-social-share) {
  --iconColor: #fcfcfc;
  --iconColorHover: #fcfcfc;
  --iconColorBackground: #45423E;
  --iconColorBackgroundHover: #696969;
  --iconColorBorder: var(--iconColor);
  --iconColorBorderHover: var(--iconColorHover);
  --iconGap: 0.75em;
  --iconSize: 1.5rem;
  font-size: var(--iconSize);
}

.artbrander-social-icons__links,
.artbrander-social-share__links {
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  gap: var(--iconGap);
}
.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button {
  display: flex;
  flex-flow: row;
  align-items: center;
  position: relative;
  width: -moz-max-content;
  width: max-content;
}
.artbrander-social-icons__icon-cont,
.artbrander-social-share__icon-cont {
  font-family: arial;
  color: var(--iconColor);
  aspect-ratio: 1/1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.artbrander-social-icons__icon-cont:hover, .artbrander-social-icons__icon-cont:focus,
.artbrander-social-share__icon-cont:hover,
.artbrander-social-share__icon-cont:focus {
  color: var(--iconColorHover);
}
.artbrander-social-icons__more-button,
.artbrander-social-share__more-button {
  margin: 0;
  background: transparent;
  border: 0;
  position: relative;
}
.artbrander-social-icons__more-links,
.artbrander-social-share__more-links {
  display: none;
}
.artbrander-social-icons__label,
.artbrander-social-share__label {
  font-size: clamp(12px, 0.25em, 0.5em);
  text-align: center;
}
.artbrander-social-icons[class*=circle] :where([class*=__icon-cont]),
.artbrander-social-share[class*=circle] :where([class*=__icon-cont]) {
  border-radius: 100%;
  padding: 6px;
}
.artbrander-social-icons[class*=rounded] :where([class*=__icon-cont]),
.artbrander-social-share[class*=rounded] :where([class*=__icon-cont]) {
  border-radius: 0.25em;
  padding: 6px;
}
.artbrander-social-icons[class*=square] :where([class*=__icon-cont]),
.artbrander-social-share[class*=square] :where([class*=__icon-cont]) {
  padding: 6px;
}
.artbrander-social-icons[class*=solid] .artbrander-social-icons__icon-cont,
.artbrander-social-icons[class*=solid] .artbrander-social-share__icon-cont,
.artbrander-social-share[class*=solid] .artbrander-social-icons__icon-cont,
.artbrander-social-share[class*=solid] .artbrander-social-share__icon-cont {
  background-color: var(--iconColorBackground);
}
.artbrander-social-icons[class*=solid] .artbrander-social-icons__icon-cont:hover, .artbrander-social-icons[class*=solid] .artbrander-social-icons__icon-cont:focus,
.artbrander-social-icons[class*=solid] .artbrander-social-share__icon-cont:hover,
.artbrander-social-icons[class*=solid] .artbrander-social-share__icon-cont:focus,
.artbrander-social-share[class*=solid] .artbrander-social-icons__icon-cont:hover,
.artbrander-social-share[class*=solid] .artbrander-social-icons__icon-cont:focus,
.artbrander-social-share[class*=solid] .artbrander-social-share__icon-cont:hover,
.artbrander-social-share[class*=solid] .artbrander-social-share__icon-cont:focus {
  background-color: var(--iconColorBackgroundHover);
}
.artbrander-social-icons[class*=outline] .artbrander-social-icons__icon-cont,
.artbrander-social-icons[class*=outline] .artbrander-social-share__icon-cont,
.artbrander-social-share[class*=outline] .artbrander-social-icons__icon-cont,
.artbrander-social-share[class*=outline] .artbrander-social-share__icon-cont {
  border: 1px solid var(--iconColorBorder);
}
.artbrander-social-icons[class*=outline] .artbrander-social-icons__icon-cont:hover, .artbrander-social-icons[class*=outline] .artbrander-social-icons__icon-cont:focus,
.artbrander-social-icons[class*=outline] .artbrander-social-share__icon-cont:hover,
.artbrander-social-icons[class*=outline] .artbrander-social-share__icon-cont:focus,
.artbrander-social-share[class*=outline] .artbrander-social-icons__icon-cont:hover,
.artbrander-social-share[class*=outline] .artbrander-social-icons__icon-cont:focus,
.artbrander-social-share[class*=outline] .artbrander-social-share__icon-cont:hover,
.artbrander-social-share[class*=outline] .artbrander-social-share__icon-cont:focus {
  border-color: var(--iconColorBorderHover);
}
.artbrander-social-icons.horizontal-left :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button), .artbrander-social-icons.horizontal-right :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button), .artbrander-social-icons.vertical-left :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button), .artbrander-social-icons.vertical-right :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button),
.artbrander-social-share.horizontal-left :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button),
.artbrander-social-share.horizontal-right :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button),
.artbrander-social-share.vertical-left :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button),
.artbrander-social-share.vertical-right :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button) {
  gap: 0.25em;
}
.artbrander-social-icons.horizontal-left .artbrander-social-icons__icon-cont,
.artbrander-social-icons.horizontal-left .artbrander-social-share__icon-cont, .artbrander-social-icons.horizontal-right .artbrander-social-icons__icon-cont,
.artbrander-social-icons.horizontal-right .artbrander-social-share__icon-cont, .artbrander-social-icons.vertical-left .artbrander-social-icons__icon-cont,
.artbrander-social-icons.vertical-left .artbrander-social-share__icon-cont, .artbrander-social-icons.vertical-right .artbrander-social-icons__icon-cont,
.artbrander-social-icons.vertical-right .artbrander-social-share__icon-cont,
.artbrander-social-share.horizontal-left .artbrander-social-icons__icon-cont,
.artbrander-social-share.horizontal-left .artbrander-social-share__icon-cont,
.artbrander-social-share.horizontal-right .artbrander-social-icons__icon-cont,
.artbrander-social-share.horizontal-right .artbrander-social-share__icon-cont,
.artbrander-social-share.vertical-left .artbrander-social-icons__icon-cont,
.artbrander-social-share.vertical-left .artbrander-social-share__icon-cont,
.artbrander-social-share.vertical-right .artbrander-social-icons__icon-cont,
.artbrander-social-share.vertical-right .artbrander-social-share__icon-cont {
  padding: 6px clamp(8px, 0.4em, 0.4em);
}
.artbrander-social-icons.horizontal-left .artbrander-social-icons__links,
.artbrander-social-icons.horizontal-left .artbrander-social-share__links, .artbrander-social-icons.horizontal-right .artbrander-social-icons__links,
.artbrander-social-icons.horizontal-right .artbrander-social-share__links, .artbrander-social-icons.horizontal-stacked .artbrander-social-icons__links,
.artbrander-social-icons.horizontal-stacked .artbrander-social-share__links, .artbrander-social-icons.vertical-left .artbrander-social-icons__links,
.artbrander-social-icons.vertical-left .artbrander-social-share__links, .artbrander-social-icons.vertical-right .artbrander-social-icons__links,
.artbrander-social-icons.vertical-right .artbrander-social-share__links,
.artbrander-social-share.horizontal-left .artbrander-social-icons__links,
.artbrander-social-share.horizontal-left .artbrander-social-share__links,
.artbrander-social-share.horizontal-right .artbrander-social-icons__links,
.artbrander-social-share.horizontal-right .artbrander-social-share__links,
.artbrander-social-share.horizontal-stacked .artbrander-social-icons__links,
.artbrander-social-share.horizontal-stacked .artbrander-social-share__links,
.artbrander-social-share.vertical-left .artbrander-social-icons__links,
.artbrander-social-share.vertical-left .artbrander-social-share__links,
.artbrander-social-share.vertical-right .artbrander-social-icons__links,
.artbrander-social-share.vertical-right .artbrander-social-share__links {
  display: inline-flex;
  align-items: flex-start;
}
.artbrander-social-icons.horizontal-left .artbrander-social-icons__link,
.artbrander-social-icons.horizontal-left .artbrander-social-share__link, .artbrander-social-icons.horizontal-right .artbrander-social-icons__link,
.artbrander-social-icons.horizontal-right .artbrander-social-share__link, .artbrander-social-icons.horizontal-stacked .artbrander-social-icons__link,
.artbrander-social-icons.horizontal-stacked .artbrander-social-share__link, .artbrander-social-icons.vertical-left .artbrander-social-icons__link,
.artbrander-social-icons.vertical-left .artbrander-social-share__link, .artbrander-social-icons.vertical-right .artbrander-social-icons__link,
.artbrander-social-icons.vertical-right .artbrander-social-share__link,
.artbrander-social-share.horizontal-left .artbrander-social-icons__link,
.artbrander-social-share.horizontal-left .artbrander-social-share__link,
.artbrander-social-share.horizontal-right .artbrander-social-icons__link,
.artbrander-social-share.horizontal-right .artbrander-social-share__link,
.artbrander-social-share.horizontal-stacked .artbrander-social-icons__link,
.artbrander-social-share.horizontal-stacked .artbrander-social-share__link,
.artbrander-social-share.vertical-left .artbrander-social-icons__link,
.artbrander-social-share.vertical-left .artbrander-social-share__link,
.artbrander-social-share.vertical-right .artbrander-social-icons__link,
.artbrander-social-share.vertical-right .artbrander-social-share__link {
  width: 100%;
}
.artbrander-social-icons.horizontal-right .artbrander-social-icons__links,
.artbrander-social-icons.horizontal-right .artbrander-social-share__links, .artbrander-social-icons.vertical-right .artbrander-social-icons__links,
.artbrander-social-icons.vertical-right .artbrander-social-share__links,
.artbrander-social-share.horizontal-right .artbrander-social-icons__links,
.artbrander-social-share.horizontal-right .artbrander-social-share__links,
.artbrander-social-share.vertical-right .artbrander-social-icons__links,
.artbrander-social-share.vertical-right .artbrander-social-share__links {
  align-items: flex-end;
}
.artbrander-social-icons.horizontal-right .artbrander-social-icons__link,
.artbrander-social-icons.horizontal-right .artbrander-social-share__link, .artbrander-social-icons.vertical-right .artbrander-social-icons__link,
.artbrander-social-icons.vertical-right .artbrander-social-share__link,
.artbrander-social-share.horizontal-right .artbrander-social-icons__link,
.artbrander-social-share.horizontal-right .artbrander-social-share__link,
.artbrander-social-share.vertical-right .artbrander-social-icons__link,
.artbrander-social-share.vertical-right .artbrander-social-share__link {
  flex-flow: row-reverse;
}
.artbrander-social-icons[class*=vertical] .artbrander-social-icons__links, .artbrander-social-icons[class*=stacked] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button), .artbrander-social-icons[class*=tooltip] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button),
.artbrander-social-icons[class*=vertical] .artbrander-social-share__links,
.artbrander-social-share[class*=stacked] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button),
.artbrander-social-share[class*=tooltip] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button),
.artbrander-social-share[class*=vertical] .artbrander-social-icons__links,
.artbrander-social-share[class*=vertical] .artbrander-social-share__links {
  flex-flow: column;
}
.artbrander-social-icons[class*=tooltip] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button) .artbrander-social-icons__label,
.artbrander-social-icons[class*=tooltip] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button) .artbrander-social-share__label,
.artbrander-social-share[class*=tooltip] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button) .artbrander-social-icons__label,
.artbrander-social-share[class*=tooltip] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button) .artbrander-social-share__label {
  position: absolute;
  bottom: 110%;
  left: 50%;
  width: -moz-max-content;
  width: max-content;
  transform: translate(-50%, 100%);
  background: var(--iconColorBackground);
  color: var(--iconColor);
  padding: 0.25em 1em;
  border-radius: 0.2em;
  opacity: 0;
  transition: transform 0.2s ease-in-out, opacity 0.3s ease-in-out;
}
.artbrander-social-icons[class*=tooltip] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):hover .artbrander-social-icons__label, .artbrander-social-icons[class*=tooltip] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):focus .artbrander-social-icons__label, .artbrander-social-icons[class*=tooltip] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):hover .artbrander-social-share__label, .artbrander-social-icons[class*=tooltip] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):focus .artbrander-social-share__label,
.artbrander-social-share[class*=tooltip] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):hover .artbrander-social-icons__label,
.artbrander-social-share[class*=tooltip] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):focus .artbrander-social-icons__label,
.artbrander-social-share[class*=tooltip] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):hover .artbrander-social-share__label,
.artbrander-social-share[class*=tooltip] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):focus .artbrander-social-share__label {
  transform: translate(-50%, 0);
  opacity: 1;
}
.artbrander-social-icons[class*=tooltip-below] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button) .artbrander-social-icons__label,
.artbrander-social-icons[class*=tooltip-below] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button) .artbrander-social-share__label,
.artbrander-social-share[class*=tooltip-below] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button) .artbrander-social-icons__label,
.artbrander-social-share[class*=tooltip-below] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button) .artbrander-social-share__label {
  top: 60%;
  bottom: auto;
  transform: translate(-50%, -50%);
}
.artbrander-social-icons[class*=tooltip-below] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):hover .artbrander-social-icons__label, .artbrander-social-icons[class*=tooltip-below] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):focus .artbrander-social-icons__label, .artbrander-social-icons[class*=tooltip-below] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):hover .artbrander-social-share__label, .artbrander-social-icons[class*=tooltip-below] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):focus .artbrander-social-share__label,
.artbrander-social-share[class*=tooltip-below] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):hover .artbrander-social-icons__label,
.artbrander-social-share[class*=tooltip-below] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):focus .artbrander-social-icons__label,
.artbrander-social-share[class*=tooltip-below] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):hover .artbrander-social-share__label,
.artbrander-social-share[class*=tooltip-below] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):focus .artbrander-social-share__label {
  transform: translate(-50%, 100%);
}
.artbrander-social-icons[class*=tooltip-left] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button) .artbrander-social-icons__label,
.artbrander-social-icons[class*=tooltip-left] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button) .artbrander-social-share__label,
.artbrander-social-share[class*=tooltip-left] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button) .artbrander-social-icons__label,
.artbrander-social-share[class*=tooltip-left] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button) .artbrander-social-share__label {
  bottom: 50%;
  right: 120%;
  left: auto;
  transform: translate(50%, 50%);
}
.artbrander-social-icons[class*=tooltip-left] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):hover .artbrander-social-icons__label, .artbrander-social-icons[class*=tooltip-left] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):focus .artbrander-social-icons__label, .artbrander-social-icons[class*=tooltip-left] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):hover .artbrander-social-share__label, .artbrander-social-icons[class*=tooltip-left] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):focus .artbrander-social-share__label,
.artbrander-social-share[class*=tooltip-left] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):hover .artbrander-social-icons__label,
.artbrander-social-share[class*=tooltip-left] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):focus .artbrander-social-icons__label,
.artbrander-social-share[class*=tooltip-left] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):hover .artbrander-social-share__label,
.artbrander-social-share[class*=tooltip-left] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):focus .artbrander-social-share__label {
  transform: translate(0, 50%);
}
.artbrander-social-icons[class*=tooltip-right] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button) .artbrander-social-icons__label,
.artbrander-social-icons[class*=tooltip-right] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button) .artbrander-social-share__label,
.artbrander-social-share[class*=tooltip-right] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button) .artbrander-social-icons__label,
.artbrander-social-share[class*=tooltip-right] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button) .artbrander-social-share__label {
  bottom: 50%;
  left: 120%;
  transform: translate(-50%, 50%);
}
.artbrander-social-icons[class*=tooltip-right] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):hover .artbrander-social-icons__label, .artbrander-social-icons[class*=tooltip-right] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):focus .artbrander-social-icons__label, .artbrander-social-icons[class*=tooltip-right] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):hover .artbrander-social-share__label, .artbrander-social-icons[class*=tooltip-right] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):focus .artbrander-social-share__label,
.artbrander-social-share[class*=tooltip-right] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):hover .artbrander-social-icons__label,
.artbrander-social-share[class*=tooltip-right] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):focus .artbrander-social-icons__label,
.artbrander-social-share[class*=tooltip-right] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):hover .artbrander-social-share__label,
.artbrander-social-share[class*=tooltip-right] :where(.artbrander-social-icons__link, .artbrander-social-icons__more-button,
.artbrander-social-share__link,
.artbrander-social-share__more-button):focus .artbrander-social-share__label {
  transform: translate(0, 50%);
}
/*# sourceMappingURL=social-icons.css.map */