.xai-social-icons-block *, .xai-social-icons-block *::before, .xai-social-icons-block *::after {
  box-sizing: border-box;
}

.xai-social-icons-stage {
  display: flex;
  justify-content: var(--xai-align);
  max-width: 100%;
  min-width: 0;
}

.xai-social-icons-block .xai-social-icons__link {
  margin: 0;
  padding: 0;
  min-width: 0;
  min-height: 0;
  max-width: none;
  max-height: none;
  font: inherit;
  line-height: 1;
  background: none;
  box-shadow: none;
  vertical-align: middle;
}

.xai-social-icons-block .xai-social-icons__link::before, .xai-social-icons-block .xai-social-icons__link::after {
  content: none;
}

.xai-social-icons-block {
  --xai-size: 48px;
  --xai-gap: 12px;
  --xai-align: flex-start;
  display: block;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  color-scheme: light;
  --xai-page: #f6f6f6;
  --xai-surface: #ffffff;
  --xai-text: #262626;
  --xai-muted: #707070;
  --xai-border: #dedede;
  --xai-line: #a3a3a3;
  --xai-subtle: #eeeeee;
  --xai-inverse: #ffffff;
  --xai-shadow: #00000020;
  --xai-shine: #ffffff;
  --xai-focus: #7151cc;
  --xai-green-bg: #e9efdf;
  --xai-green-fg: #486232;
  --xai-green-line: #bacaa7;
  --xai-gradient: linear-gradient(135deg, #4149bd, #9b287d);
  --xai-aurora: linear-gradient(135deg, #217d91, #7958bd, #b15485);
  --xai-glass: #ffffff80;
  --xai-glass-line: #ffffffd9;
  --xai-glow-a: #dad7fb;
  --xai-glow-b: #c9ebe3;
}

.xai-social-icons-block[data-theme="dark"] {
  color-scheme: dark;
  --xai-page: #151515;
  --xai-surface: #202020;
  --xai-text: #ededed;
  --xai-muted: #aaaaaa;
  --xai-border: #383838;
  --xai-line: #737373;
  --xai-subtle: #2c2c2c;
  --xai-inverse: #191919;
  --xai-shadow: #00000066;
  --xai-shine: #ffffff12;
  --xai-focus: #bca7ff;
  --xai-green-bg: #303e27;
  --xai-green-fg: #d7e9c2;
  --xai-green-line: #687b54;
  --xai-gradient: linear-gradient(135deg, #545ccd, #a8338b);
  --xai-aurora: linear-gradient(135deg, #52a0aa, #866bbd, #b86d91);
  --xai-glass: #ffffff0d;
  --xai-glass-line: #ffffff28;
  --xai-glow-a: #353247;
  --xai-glow-b: #2c3c40;
}

.xai-social-icons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  list-style: none;
}

.xai-social-icons-block .xai-social-icons {
  justify-content: var(--xai-align);
  gap: var(--xai-gap);
  padding: 0;
  margin: 0;
}

.xai-social-icons li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  flex: none;
}

.xai-social-icons li[hidden] {
  display: none;
}

.xai-social-icons li::before, .xai-social-icons li::after {
  content: none;
}

.xai-social-icons__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--xai-size) * 1);
  height: calc(var(--xai-size) * 1);
  border: calc(var(--xai-size) * 0.020833) solid transparent;
  color: var(--xai-text);
  text-decoration: none;
  border-radius: calc(var(--xai-size) * 0.25);
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.xai-social-icons__link svg {
  position: relative;
  display: block;
  width: calc(var(--xai-size) * 0.4375);
  height: calc(var(--xai-size) * 0.4375);
  fill: currentColor;
  flex: none;
}

.xai-social-icons__link:hover {
  transform: translateY(calc(var(--xai-size) * -0.0625));
}

.xai-social-icons__link--facebook {
  --xai-brand: #1877f2;
  --xai-tint: #eaf2ff;
  --xai-ink: #1764c7;
  --xai-tint-dark: #253951;
  --xai-ink-dark: #8bbdff;
}

.xai-social-icons__link--x {
  --xai-brand: #171717;
  --xai-tint: #eeeeee;
  --xai-ink: #292929;
  --xai-tint-dark: #343434;
  --xai-ink-dark: #e6e6e6;
}

.xai-social-icons__link--youtube {
  --xai-brand: #e00000;
  --xai-tint: #ffeded;
  --xai-ink: #c92323;
  --xai-tint-dark: #492c2b;
  --xai-ink-dark: #ff9690;
}

.xai-social-icons__link--pinterest {
  --xai-brand: #bd081c;
  --xai-tint: #faeaf0;
  --xai-ink: #bd081c;
  --xai-tint-dark: #482b37;
  --xai-ink-dark: #ff96b9;
}

.xai-social-icons__link--tiktok {
  --xai-brand: #414141;
  --xai-tint: #eaf0f0;
  --xai-ink: #454545;
  --xai-tint-dark: #303636;
  --xai-ink-dark: #d0dada;
}

.xai-social-icons-block[data-theme="dark"] .xai-social-icons__link {
  --xai-tint: var(--xai-tint-dark);
  --xai-ink: var(--xai-ink-dark);
}

.xai-social-icons--outline .xai-social-icons__link {
  border-color: var(--xai-line);
  border-radius: 50%;
}

.xai-social-icons--outline .xai-social-icons__link:hover {
  background: var(--xai-text);
  border-color: var(--xai-text);
  color: var(--xai-inverse);
}

.xai-social-icons--brand .xai-social-icons__link {
  background: var(--xai-brand);
  color: #fff;
  border-color: #ffffff25;
}

.xai-social-icons--brand .xai-social-icons__link:hover {
  box-shadow: 0 calc(var(--xai-size) * 0.104167) 0 var(--xai-shadow);
}

.xai-social-icons-block[data-theme="dark"] .xai-social-icons--brand .xai-social-icons__link {
  border-color: #ffffff28;
  box-shadow: 0 calc(var(--xai-size) * 0.0625) calc(var(--xai-size) * 0.1875) var(--xai-shadow);
}

.xai-social-icons-block[data-theme="dark"] .xai-social-icons--brand .xai-social-icons__link--x,
    .xai-social-icons-block[data-theme="dark"] .xai-social-icons--brand .xai-social-icons__link--tiktok {
  border-color: #ffffff48;
}

.xai-social-icons--soft .xai-social-icons__link {
  background: var(--xai-tint);
  color: var(--xai-ink);
  border-radius: calc(var(--xai-size) * 0.3125);
}

.xai-social-icons--soft .xai-social-icons__link:hover {
  box-shadow: inset 0 0 0 calc(var(--xai-size) * 0.020833) var(--xai-ink);
}

.xai-social-icons--solid .xai-social-icons__link {
  background: var(--xai-text);
  color: var(--xai-inverse);
  border-radius: calc(var(--xai-size) * 0.0625);
}

.xai-social-icons--solid .xai-social-icons__link:hover {
  box-shadow: calc(var(--xai-size) * 0.083333) calc(var(--xai-size) * 0.083333) 0 var(--xai-line);
}

.xai-social-icons--rings .xai-social-icons__link {
  border: calc(var(--xai-size) * 0.0625) double var(--xai-ink);
  color: var(--xai-ink);
  border-radius: 50%;
}

.xai-social-icons--rings .xai-social-icons__link:hover {
  background: var(--xai-tint);
  box-shadow: 0 0 0 calc(var(--xai-size) * 0.0625) var(--xai-tint);
}

.xai-social-icons-block[data-theme="dark"] .xai-social-icons--rings .xai-social-icons__link {
  border-color: color-mix(in srgb, var(--xai-ink) 68%, var(--xai-surface));
}

.xai-social-icons--gradient .xai-social-icons__link {
  background: var(--xai-gradient);
  color: #fff;
  border-radius: 50%;
  border-color: #ffffff30;
}

.xai-social-icons--gradient .xai-social-icons__link:hover {
  box-shadow: 0 calc(var(--xai-size) * 0.125) calc(var(--xai-size) * 0.25) var(--xai-shadow);
}

.xai-social-icons--aurora .xai-social-icons__link {
  border: calc(var(--xai-size) * 0.041667) solid transparent;
  background: linear-gradient(var(--xai-surface), var(--xai-surface)) padding-box, var(--xai-aurora) border-box;
}

.xai-social-icons--aurora .xai-social-icons__link:hover {
  background: linear-gradient(var(--xai-subtle), var(--xai-subtle)) padding-box, var(--xai-aurora) border-box;
  box-shadow: 0 calc(var(--xai-size) * 0.083333) calc(var(--xai-size) * 0.25) var(--xai-shadow);
}

.xai-social-icons--raised .xai-social-icons__link {
  background: var(--xai-surface);
  box-shadow: calc(var(--xai-size) * 0.104167) calc(var(--xai-size) * 0.104167) calc(var(--xai-size) * 0.25) var(--xai-shadow), calc(var(--xai-size) * -0.0625) calc(var(--xai-size) * -0.0625) calc(var(--xai-size) * 0.166667) var(--xai-shine);
  border-color: var(--xai-border);
  border-radius: calc(var(--xai-size) * 0.291667);
}

.xai-social-icons--raised .xai-social-icons__link:hover {
  color: var(--xai-ink);
  box-shadow: calc(var(--xai-size) * 0.145833) calc(var(--xai-size) * 0.1875) calc(var(--xai-size) * 0.291667) var(--xai-shadow), calc(var(--xai-size) * -0.0625) calc(var(--xai-size) * -0.0625) calc(var(--xai-size) * 0.166667) var(--xai-shine);
}

.xai-social-icons--dashed .xai-social-icons__link {
  border: calc(var(--xai-size) * 0.020833) dashed var(--xai-line);
  border-radius: 50%;
}

.xai-social-icons--dashed .xai-social-icons__link:hover {
  border-color: var(--xai-ink);
  background: var(--xai-tint);
  color: var(--xai-ink);
  transform: rotate(-8deg);
}

.xai-social-icons--capsule {
  border: calc(var(--xai-size) * 0.020833) solid var(--xai-border);
  background: var(--xai-subtle);
  border-radius: calc(var(--xai-size) * 0.666667);
}

.xai-social-icons-block .xai-social-icons--capsule {
  padding: calc(var(--xai-size) * .125) calc(var(--xai-size) * .208333);
}

.xai-social-icons--capsule .xai-social-icons__link {
  border-radius: 50%;
}

.xai-social-icons--capsule .xai-social-icons__link:hover {
  background: var(--xai-surface);
  box-shadow: 0 calc(var(--xai-size) * 0.0625) calc(var(--xai-size) * 0.145833) var(--xai-shadow);
  transform: none;
}

.xai-social-icons--segmented {
  border: calc(var(--xai-size) * 0.020833) solid var(--xai-line);
  border-radius: calc(var(--xai-size) * 0.125);
}

.xai-social-icons-block .xai-social-icons--segmented {
  gap: 0;
  padding: calc(var(--xai-size) * .104167);
}

.xai-social-icons--segmented > li:not([hidden]) ~ li:not([hidden]) {
  border-left: calc(var(--xai-size) * 0.020833) solid var(--xai-border);
}

.xai-social-icons--segmented .xai-social-icons__link {
  border-radius: 0;
}

.xai-social-icons--segmented .xai-social-icons__link:hover {
  transform: none;
  background: var(--xai-text);
  color: var(--xai-inverse);
}

.xai-social-icons--glass .xai-social-icons__link {
  background: var(--xai-glass);
  border-color: var(--xai-glass-line);
  backdrop-filter: blur(calc(var(--xai-size) * 0.166667));
  box-shadow: 0 calc(var(--xai-size) * 0.083333) calc(var(--xai-size) * 0.25) var(--xai-shadow);
}

.xai-social-icons-block--glass {
  display: flex;
  justify-content: var(--xai-align);
}

.xai-social-icons-block--glass .xai-social-icons-stage {
  width: fit-content;
  max-width: 100%;
  padding: calc(var(--xai-size) * .166667);
  border-radius: calc(var(--xai-size) * .291667);
  background: radial-gradient(ellipse at 15% 30%,var(--xai-glow-a),transparent 70%),radial-gradient(ellipse at 85% 70%,var(--xai-glow-b),transparent 70%),var(--xai-subtle);
}

.xai-social-icons--glass .xai-social-icons__link:hover {
  border-color: var(--xai-text);
}

.xai-social-icons-block[data-theme="dark"] .xai-social-icons--glass .xai-social-icons__link:hover {
  border-color: var(--xai-line);
}

.xai-social-icons--accent .xai-social-icons__link {
  background: var(--xai-subtle);
  border: calc(var(--xai-size) * 0.020833) solid var(--xai-border);
  border-bottom: calc(var(--xai-size) * 0.083333) solid var(--xai-ink);
  border-radius: calc(var(--xai-size) * 0.166667);
}

.xai-social-icons--accent .xai-social-icons__link:hover {
  background: var(--xai-tint);
  color: var(--xai-ink);
}

.xai-social-icons--collection .xai-social-icons__link--facebook {
  --xai-paint: #1877f2;
  --xai-paint-end: #1255b8;
  --xai-deep: #13478c;
  --xai-tone: #1764c7;
  --xai-tone-night: #8bbdff;
  --xai-wash: #e8f1ff;
  --xai-wash-night: #25354b;
  --xai-bloom: #2478ef35;
  --xai-bloom-night: #2478ef18;
  --xai-edge-night: #507aaa;
}

.xai-social-icons--collection .xai-social-icons__link--x {
  --xai-paint: #333333;
  --xai-paint-end: #090909;
  --xai-deep: #090909;
  --xai-tone: #292929;
  --xai-tone-night: #dedede;
  --xai-wash: #eeeeee;
  --xai-wash-night: #303030;
  --xai-bloom: #00000020;
  --xai-bloom-night: #ffffff0c;
  --xai-edge-night: #808080;
}

.xai-social-icons--collection .xai-social-icons__link--youtube {
  --xai-paint: #e52222;
  --xai-paint-end: #ba0f20;
  --xai-deep: #950d1a;
  --xai-tone: #c52323;
  --xai-tone-night: #f5a0a0;
  --xai-wash: #ffeded;
  --xai-wash-night: #452a2c;
  --xai-bloom: #e5222235;
  --xai-bloom-night: #e5222218;
  --xai-edge-night: #a45f63;
}

.xai-social-icons--collection .xai-social-icons__link--pinterest {
  --xai-paint: #c91832;
  --xai-paint-end: #96051b;
  --xai-deep: #7b0b1c;
  --xai-tone: #bd081c;
  --xai-tone-night: #f19a9f;
  --xai-wash: #fce9eb;
  --xai-wash-night: #42272d;
  --xai-bloom: #c9183235;
  --xai-bloom-night: #c9183218;
  --xai-edge-night: #a15a65;
}

.xai-social-icons--collection .xai-social-icons__link--tiktok {
  --xai-paint: #484848;
  --xai-paint-end: #303030;
  --xai-deep: #292929;
  --xai-tone: #454545;
  --xai-tone-night: #d0dada;
  --xai-wash: #eaf0f0;
  --xai-wash-night: #303636;
  --xai-bloom: #22bcb125;
  --xai-bloom-night: #22bcb112;
  --xai-edge-night: #607b7b;
}

.xai-social-icons-block[data-theme="dark"] .xai-social-icons--collection .xai-social-icons__link {
  --xai-tone: var(--xai-tone-night);
  --xai-wash: var(--xai-wash-night);
  --xai-edge: var(--xai-edge-night);
  --xai-bloom: var(--xai-bloom-night);
}

.xai-social-icons--collection .xai-social-icons__link {
  isolation: isolate;
  --xai-edge: var(--xai-tone);
}

.xai-social-icons--collection .xai-social-icons__link::before,
    .xai-social-icons--collection .xai-social-icons__link::after {
  pointer-events: none;
}

.xai-social-icons--collection .xai-social-icons__link svg {
  z-index: 1;
}

.xai-social-icons--prism .xai-social-icons__link {
  border-radius: calc(var(--xai-size) * 0.3125);
  color: white;
  background: linear-gradient(135deg, var(--xai-paint), var(--xai-paint-end));
  border-color: #ffffff35;
  box-shadow: 0 calc(var(--xai-size) * 0.125) calc(var(--xai-size) * 0.270833) var(--xai-bloom), inset 0 calc(var(--xai-size) * 0.020833) 0 #ffffff40;
}

.xai-social-icons--prism .xai-social-icons__link:hover {
  box-shadow: 0 calc(var(--xai-size) * 0.1875) calc(var(--xai-size) * 0.375) var(--xai-bloom), inset 0 calc(var(--xai-size) * 0.020833) 0 #ffffff65;
}

.xai-social-icons-block[data-theme="dark"] .xai-social-icons--prism .xai-social-icons__link {
  border-color: var(--xai-edge);
  box-shadow: 0 calc(var(--xai-size) * 0.083333) calc(var(--xai-size) * 0.1875) var(--xai-bloom), inset 0 calc(var(--xai-size) * 0.020833) 0 #ffffff18;
}

.xai-social-icons-block[data-theme="dark"] .xai-social-icons--prism .xai-social-icons__link:hover {
  box-shadow: 0 calc(var(--xai-size) * 0.125) calc(var(--xai-size) * 0.25) var(--xai-bloom), inset 0 calc(var(--xai-size) * 0.020833) 0 #ffffff28;
}

.xai-social-icons--neon .xai-social-icons__link {
  color: var(--xai-tone);
  border: calc(var(--xai-size) * 0.041667) solid var(--xai-edge);
  background: var(--xai-surface);
  border-radius: calc(var(--xai-size) * 0.208333);
  box-shadow: 0 0 0 calc(var(--xai-size) * 0.0625) var(--xai-wash);
}

.xai-social-icons--neon .xai-social-icons__link:hover {
  background: var(--xai-wash);
  box-shadow: 0 0 0 calc(var(--xai-size) * 0.0625) var(--xai-wash), 0 0 calc(var(--xai-size) * 0.3125) var(--xai-bloom);
}

.xai-social-icons-block[data-theme="dark"] .xai-social-icons--neon .xai-social-icons__link {
  background: var(--xai-wash);
  box-shadow: 0 0 calc(var(--xai-size) * 0.166667) var(--xai-bloom), inset 0 0 calc(var(--xai-size) * 0.104167) var(--xai-bloom);
}

.xai-social-icons-block[data-theme="dark"] .xai-social-icons--neon .xai-social-icons__link:hover {
  box-shadow: 0 0 calc(var(--xai-size) * 0.229167) var(--xai-bloom), inset 0 0 calc(var(--xai-size) * 0.125) var(--xai-bloom);
}

.xai-social-icons--sorbet .xai-social-icons__link {
  border: calc(var(--xai-size) * 0.125) solid var(--xai-wash);
  border-radius: 50%;
  background: var(--xai-surface);
  color: var(--xai-tone);
  box-shadow: 0 0 0 calc(var(--xai-size) * 0.020833) var(--xai-wash);
}

.xai-social-icons--sorbet .xai-social-icons__link:hover {
  background: var(--xai-wash);
  box-shadow: 0 0 0 calc(var(--xai-size) * 0.020833) var(--xai-edge);
}

.xai-social-icons--layers .xai-social-icons__link {
  background: linear-gradient(140deg, var(--xai-paint), var(--xai-paint-end));
  color: white;
  border-radius: calc(var(--xai-size) * 0.208333);
  border-color: #ffffff45;
}

.xai-social-icons--layers .xai-social-icons__link::before {
  content: '';
  position: absolute;
  inset: calc(var(--xai-size) * -0.020833);
  z-index: -1;
  border: calc(var(--xai-size) * 0.020833) solid var(--xai-edge);
  border-radius: inherit;
  background: var(--xai-wash);
  transform: translate(calc(var(--xai-size) * 0.0625), calc(var(--xai-size) * 0.083333)) rotate(8deg);
}

.xai-social-icons--layers .xai-social-icons__link::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(140deg, var(--xai-paint), var(--xai-paint-end));
  z-index: 0;
}

.xai-social-icons--layers .xai-social-icons__link:hover {
  transform: translateY(calc(var(--xai-size) * -0.083333)) rotate(-4deg);
}

.xai-social-icons-block[data-theme="dark"] .xai-social-icons--layers .xai-social-icons__link {
  border-color: var(--xai-edge);
}

.xai-social-icons--orbit .xai-social-icons__link {
  color: white;
  border: calc(var(--xai-size) * 0.020833) solid var(--xai-edge);
  border-radius: 50%;
  background: var(--xai-surface);
}

.xai-social-icons--orbit .xai-social-icons__link::before {
  content: '';
  position: absolute;
  inset: calc(var(--xai-size) * 0.083333);
  border-radius: 50%;
  background: linear-gradient(135deg, var(--xai-paint), var(--xai-paint-end));
}

.xai-social-icons--orbit .xai-social-icons__link:hover {
  box-shadow: 0 0 0 calc(var(--xai-size) * 0.0625) var(--xai-wash);
}

.xai-social-icons .xai-social-icons__link:focus-visible {
  outline: 3px solid var(--xai-focus);
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .xai-social-icons__link {
    transition: none;
  }

  .xai-social-icons .xai-social-icons__link:hover {
    transform: none;
  }
}