:root {
  --si-primary:          #1a1a2e;
  --si-primary-light:    #ffffff;
  --si-color-instagram:  #e1306c;
  --si-color-telegram:   #0088cc;
  --si-color-twitter:    #1da1f2;
  --si-color-youtube:    #ff0000;
  --si-color-linkedin:   #0077b5;
  --si-color-whatsapp:   #25d366;
  --si-color-facebook:   #1877f2;
  --si-color-pinterest:  #bd081c;
  --si-color-aparat:     #ed1c24;
  --si-color-github:     #333333;
  --si-icon-size:        20px;
  --si-btn-size:         40px;
  --si-radius-square:    6px;
  --si-radius-circle:    50%;
  --si-border-width:     2px;
  --si-gap:              8px;
  --si-sticky-gap:       4px;
  --si-sticky-offset:    50%;
  --si-float-size:       52px;
  --si-float-btn-size:   46px;
  --si-transition:       0.22s ease;
  --si-piano-w:          44px;
  --si-piano-w-open:     52px;
  --si-piano-h:          44px;
}
.si-icon-brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--si-icon-size);
  color: var(--si-brand-color, var(--si-primary));
  text-decoration: none;
  transition: opacity var(--si-transition), transform var(--si-transition);
  line-height: 1;
}
.si-icon-brand:hover { opacity: .8; transform: scale(1.14); }
.si-icon-sq-brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--si-btn-size);
  height: var(--si-btn-size);
  border-radius: var(--si-radius-square);
  font-size: var(--si-icon-size);
  background: var(--si-brand-color, var(--si-primary));
  color: #fff;
  text-decoration: none;
  transition: filter var(--si-transition), transform var(--si-transition), box-shadow var(--si-transition);
}
.si-icon-sq-brand:hover {color:#fff; filter: brightness(1.14) saturate(1.1); transform: translateY(-3px); box-shadow: 0 6px 16px color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 55%, transparent); }
.si-icon-sq-brand:hover,
.si-icon-sq-outline-brand:hover,
.si-icon-circle-brand:hover,
.si-icon-circle-outline-brand:hover,
.si-float--brand .si-float__link,
.si-icon-morph:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
}
.si-icon-sq-mono:hover,
.si-icon-circle-mono:hover {
  background: #111827;
}
.si-icon-sq-outline-brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--si-btn-size);
  height: var(--si-btn-size);
  border-radius: var(--si-radius-square);
  font-size: var(--si-icon-size);
  border: var(--si-border-width) solid var(--si-brand-color, var(--si-primary));
  color: var(--si-brand-color, var(--si-primary));
  background: transparent;
  text-decoration: none;
  transition: background var(--si-transition), color var(--si-transition), transform var(--si-transition), box-shadow var(--si-transition);
}
.si-icon-sq-outline-brand:hover { background: var(--si-brand-color, var(--si-primary)); color: #fff; transform: translateY(-3px); box-shadow: 0 5px 14px color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 40%, transparent); }
.si-icon-circle-brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--si-btn-size);
  height: var(--si-btn-size);
  border-radius: var(--si-radius-circle);
  font-size: var(--si-icon-size);
  background: var(--si-brand-color, var(--si-primary));
  color: #fff;
  text-decoration: none;
  transition: filter var(--si-transition), transform var(--si-transition), box-shadow var(--si-transition);
}
.si-icon-circle-brand:hover { color:#fff; filter: brightness(1.14) saturate(1.1); transform: scale(1.12); box-shadow: 0 5px 16px color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 50%, transparent); }
.si-icon-circle-outline-brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--si-btn-size);
  height: var(--si-btn-size);
  border-radius: var(--si-radius-circle);
  font-size: var(--si-icon-size);
  border: var(--si-border-width) solid var(--si-brand-color, var(--si-primary));
  color: var(--si-brand-color, var(--si-primary));
  background: transparent;
  text-decoration: none;
  transition: background var(--si-transition), color var(--si-transition), transform var(--si-transition), box-shadow var(--si-transition);
}
.si-icon-circle-outline-brand:hover { background: var(--si-brand-color, var(--si-primary)); color: #fff; transform: scale(1.12); box-shadow: 0 5px 14px color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 40%, transparent); }
.si-sticky {
  position: fixed;
  top: var(--si-sticky-offset);
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: var(--si-sticky-gap);
}
.si-sticky--right { right: 0; }
.si-sticky--left  { left:  0; }
.si-sticky--left .si-sticky__item:hover {
  width: var(--si-piano-w-open);
  margin-right: calc(var(--si-piano-w) - var(--si-piano-w-open));
  box-shadow: 0 4px 14px rgba(0,0,0,.25);
}
.si-sticky__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--si-piano-w);
  height: var(--si-piano-h);
  font-size: 19px;
  text-decoration: none;
  overflow: hidden;
  transition: width var(--si-transition), 
              margin-right var(--si-transition),
              box-shadow var(--si-transition);
}
.si-sticky__item:hover { width: var(--si-piano-w-open); box-shadow: 0 4px 14px rgba(0,0,0,.25); }

.si-sticky--mono .si-sticky__item { background: var(--si-primary); color: #fff; }
.si-sticky--right.si-sticky--mono .si-sticky__item { border-radius: 6px 0 0 6px; }
.si-sticky--left.si-sticky--mono  .si-sticky__item { border-radius: 0 6px 6px 0; }

.si-sticky--brand .si-sticky__item { background: var(--si-brand-color, var(--si-primary)); color: #fff; }
.si-sticky--right.si-sticky--brand .si-sticky__item { border-radius: 6px 0 0 6px; }
.si-sticky--left.si-sticky--brand  .si-sticky__item { border-radius: 0 6px 6px 0; }

.si-float {
  position: fixed;
  bottom: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.si-float--right { right: 20px;  }
.si-float--left  { left:  20px; }
.si-float__trigger {
  width: var(--si-float-size);
  height: var(--si-float-size);
  border-radius: var(--si-radius-circle);
  border: none;
  font-size: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(0,0,0,.25);
  transition: transform var(--si-transition), box-shadow var(--si-transition);
  position: relative;
  z-index: 1;
  padding: 0;
  margin: 0;
  text-decoration: none;
  outline: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  line-height: 1;
}
.si-float__trigger:hover { transform: scale(1.1); box-shadow: 0 6px 20px rgba(0,0,0,.3); }
.si-float__trigger:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.si-float--mono  .si-float__trigger { background: var(--si-primary); color: #fff; }
.si-float--brand .si-float__trigger { background: var(--si-brand-color, var(--si-primary)); color: #fff; }

.si-float__items {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  pointer-events: none;
  transition: max-height .38s cubic-bezier(.4,0,.2,1), opacity .25s ease;
}
.si-float.sip-is-open .si-float__items { max-height: 400px; opacity: 1; pointer-events: auto; }
.si-float__link {
  position: relative;
  width: var(--si-float-btn-size);
  height: var(--si-float-btn-size);
  border-radius: var(--si-radius-circle);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  text-decoration: none;

  transform: scale(0.6);
  opacity: 0;

  transition: opacity .2s ease;
}
.si-float__link:hover {
  animation: siBounceRotate .5s ease;
}
@keyframes siBounceRotate {
  0% {
    transform: rotate(0deg);
  }

  30% {
    transform: rotate(200deg);
  }

  55% {
    transform: rotate(320deg);
  }

  75% {
    transform: rotate(380deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
.si-float.sip-is-open .si-float__link { transform: scale(1); opacity: 1; }
.si-float__link:nth-child(1) { transition-delay: .04s; }
.si-float__link:nth-child(2) { transition-delay: .09s; }
.si-float__link:nth-child(3) { transition-delay: .14s; }
.si-float__link:nth-child(4) { transition-delay: .19s; }
.si-float__link:nth-child(5) { transition-delay: .24s; }

.si-float--mono  .si-float__link { background: var(--si-primary); color: #fff; box-shadow: 0 2px 2px rgba(0,0,0,.18); }
.si-float--brand .si-float__link { background: var(--si-brand-color, var(--si-primary)); color: #fff; box-shadow: 0 2px 2px color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 40%, transparent); }

.si-float__link[data-label]:hover::before { opacity: 1; transform: translateX(0); }

.si-icon-neon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--si-btn-size);
  height: var(--si-btn-size);
  border-radius: var(--si-radius-circle);
  font-size: var(--si-icon-size);
  border: 2px solid var(--si-brand-color, var(--si-primary));
  color: var(--si-brand-color, var(--si-primary));
  background: transparent;
  text-decoration: none;
  transition: background .25s ease, color .25s ease, box-shadow .3s ease, transform .25s ease;
}
.si-icon-neon:hover {
  background: var(--si-brand-color, var(--si-primary));
  color: #fff;
  transform: translateY(-4px);
  box-shadow:
    0 0 6px  color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 80%, transparent),
    0 0 18px color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 55%, transparent),
    0 0 36px color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 30%, transparent);
}

.si-icon-morph {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 0;
  height: var(--si-btn-size);
  width: var(--si-btn-size);
  overflow: hidden;
  border-radius: 50px;
  font-size: var(--si-icon-size);
  background: var(--si-brand-color, var(--si-primary));
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  transition: width .32s cubic-bezier(.4,0,.2,1), box-shadow .25s ease, filter .2s ease;
}
.si-icon-morph .si-morph-icon { flex-shrink: 0; width: var(--si-icon-size); display: flex; align-items: center; justify-content: center; }
.si-icon-morph .si-morph-label { font-size: 12px; font-weight: 400; padding-left: 10px; padding-right: 7px; display: none; transition: opacity .22s ease .08s; }
.si-icon-morph:hover { width: 120px; filter: brightness(1.1); box-shadow: 0 4px 16px color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 40%, transparent);color:#fff }
.si-icon-morph:hover .si-morph-label { display: inline-block; color:#fff }

.si-icon-ripple {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--si-btn-size);
  height: var(--si-btn-size);
  border-radius: var(--si-radius-circle);
  font-size: var(--si-icon-size);
  background: transparent;
  border: 2px solid var(--si-brand-color, var(--si-primary));
  color: var(--si-brand-color, var(--si-primary));
  text-decoration: none;
  overflow: hidden;
  transition: color .25s ease .1s;
}
.si-icon-ripple::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: var(--si-radius-circle);
  background: var(--si-brand-color, var(--si-primary));
  transform: scale(0);
  transition: transform .35s cubic-bezier(.4,0,.2,1);
}
.si-icon-ripple span { position: relative; z-index: 1; }
.si-icon-ripple:hover { color: #fff; }
.si-icon-ripple:hover::before { transform: scale(1); }

.si-icon-tilt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  font-size: 21px;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(135deg, var(--si-brand-color, var(--si-primary)), color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 60%, #000));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 40%, transparent);
  transform-style: preserve-3d;
  transition: box-shadow .25s ease;
}
.si-icon-tilt:hover{color:#fff}

.si-icon-bounce {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--si-btn-size);
  height: var(--si-btn-size);
  font-size: var(--si-icon-size);
  color: var(--si-brand-color, var(--si-primary));
  text-decoration: none;
  overflow: hidden;
  transition: color .2s ease .1s;
}
.si-icon-bounce::before {
  content: '';
  position: absolute;
  bottom: -100%;
  left: 50%;
  transform: translateX(-50%);
  width: var(--si-btn-size);
  height: var(--si-btn-size);
  border-radius: var(--si-radius-circle);
  background: var(--si-brand-color, var(--si-primary));
  transition: bottom .35s cubic-bezier(.4,0,.2,1);
}
.si-icon-bounce span { position: relative; z-index: 1; }
.si-icon-bounce:hover { color: #fff; }
.si-icon-bounce:hover::before { bottom: 0; }

.si-icon-shutter {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--si-btn-size);
  height: var(--si-btn-size);
  border-radius: var(--si-radius-square);
  font-size: var(--si-icon-size);
  color: var(--si-brand-color, var(--si-primary));
  text-decoration: none;
  overflow: hidden;
  border: 2px solid var(--si-brand-color, var(--si-primary));
  transition: color .2s ease .1s;
}
.si-icon-shutter::before {
  content: '';
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--si-brand-color, var(--si-primary));
  transition: top .3s ease;
}
.si-icon-shutter span { position: relative; z-index: 1; }
.si-icon-shutter:hover { color: #fff; }
.si-icon-shutter:hover::before { top: 0; }

.si-icon-pulse {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--si-btn-size);
  height: var(--si-btn-size);
  border-radius: var(--si-radius-circle);
  font-size: var(--si-icon-size);
  background: var(--si-brand-color, var(--si-primary));
  color: #fff;
  text-decoration: none;
}
.si-icon-pulse:hover{color:#fff; opacity:0.9}
.si-icon-pulse::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: var(--si-radius-circle);
  background: var(--si-brand-color, var(--si-primary));
  animation: sipPulse 2s ease-out infinite;
  opacity: .6;
}
@keyframes sipPulse {
  0%   { transform: scale(1);   opacity: .6; }
  70%  { transform: scale(1.6); opacity: 0; }
  100% { transform: scale(1.6); opacity: 0; }
}
.si-icon-pulse span { position: relative; z-index: 1; }

.si-icon-liquid {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--si-btn-size);
  height: var(--si-btn-size);
  border-radius: var(--si-radius-circle);
  font-size: var(--si-icon-size);
  border: 2px solid var(--si-brand-color, var(--si-primary));
  color: var(--si-brand-color, var(--si-primary));
  text-decoration: none;
  overflow: hidden;
  transition: color .22s ease .12s;
}
.si-icon-liquid::before {
  content: '';
  position: absolute;
  bottom: -100%;
  left: -10%;
  width: 120%;
  height: 120%;
  border-radius: 40%;
  background: var(--si-brand-color, var(--si-primary));
  transition: bottom .4s cubic-bezier(.4,0,.2,1);
}
.si-icon-liquid span { position: relative; z-index: 1; }
.si-icon-liquid:hover { color: #fff; }
.si-icon-liquid:hover::before { bottom: -10%; }

.si-icon-spin {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--si-btn-size);
  height: var(--si-btn-size);
  border-radius: var(--si-radius-circle);
  font-size: var(--si-icon-size);
  background: var(--si-brand-color, var(--si-primary));
  color: #fff;
  text-decoration: none;
  overflow: hidden;
  transition: transform .5s ease;
}
.si-icon-spin::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 40%;
  height: 200%;
  background: linear-gradient(to bottom, transparent, rgba(255,255,255,.55), transparent);
  transform: rotate(25deg) translateX(-200%);
  transition: transform .5s ease;
}
.si-icon-spin span { position: relative; z-index: 1; }
.si-icon-spin:hover { transform: rotate(360deg); color:#fff;}
.si-icon-spin:hover::before { transform: rotate(25deg) translateX(700%); }

.sip-hide-mobile  { display: none !important; }
.sip-hide-tablet  { display: none !important; }
.sip-hide-desktop { display: none !important; }

@media (min-width: 768px) {
  .sip-hide-mobile  { display: initial !important; }
}
@media (min-width: 1025px) {
  .sip-hide-tablet  { display: initial !important; }
  .sip-hide-desktop { display: initial !important; }
}

.si-icon-plain       { color: var(--si-primary, #1a1a2e); }
.si-icon-sq-mono     { background: var(--si-primary, #1a1a2e); }
.si-icon-sq-mono:hover { background: color-mix(in srgb, var(--si-primary, #1a1a2e) 80%, #000); }
.si-icon-sq-outline-mono { border-color: var(--si-primary, #1a1a2e); color: var(--si-primary, #1a1a2e); }
.si-icon-sq-outline-mono:hover { background: var(--si-primary, #1a1a2e); }
.si-icon-circle-mono { background: var(--si-primary, #1a1a2e); }
.si-icon-circle-mono:hover { background: color-mix(in srgb, var(--si-primary, #1a1a2e) 80%, #000); }
.si-icon-circle-outline-mono { border-color: var(--si-primary, #1a1a2e); color: var(--si-primary, #1a1a2e); }
.si-icon-circle-outline-mono:hover { background: var(--si-primary, #1a1a2e); }

.sip-wrapper.sip-inline {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
}

.si-mode--brand .si-icon-plain       { color: var(--si-brand-color, var(--si-primary)); }
.si-mode--brand .si-icon-sq-mono     { background: var(--si-brand-color, var(--si-primary)); }
.si-mode--brand .si-icon-sq-mono:hover { background: color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 80%, #000); box-shadow: 0 6px 14px color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 40%, transparent); }
.si-mode--brand .si-icon-sq-outline-mono { border-color: var(--si-brand-color, var(--si-primary)); color: var(--si-brand-color, var(--si-primary)); }
.si-mode--brand .si-icon-sq-outline-mono:hover { background: var(--si-brand-color, var(--si-primary)); color: #fff; }
.si-mode--brand .si-icon-circle-mono { background: var(--si-brand-color, var(--si-primary)); }
.si-mode--brand .si-icon-circle-mono:hover { background: color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 80%, #000); box-shadow: 0 5px 16px color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 50%, transparent); }
.si-mode--brand .si-icon-circle-outline-mono { border-color: var(--si-brand-color, var(--si-primary)); color: var(--si-brand-color, var(--si-primary)); }
.si-mode--brand .si-icon-circle-outline-mono:hover { background: var(--si-brand-color, var(--si-primary)); color: #fff; }

@media (max-width: 767px) {
  .sip-wrapper[data-show-mobile="0"],
  .si-sticky[data-show-mobile="0"],
  .si-float[data-show-mobile="0"] {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .sip-wrapper[data-show-tablet="0"],
  .si-sticky[data-show-tablet="0"],
  .si-float[data-show-tablet="0"] {
    display: none !important;
  }
}
@media (min-width: 1025px) {
  .sip-wrapper[data-show-desktop="0"],
  .si-sticky[data-show-desktop="0"],
  .si-float[data-show-desktop="0"] {
    display: none !important;
  }
}

.si-mode--mono .si-icon-brand       { color: var(--si-primary); }
.si-mode--mono .si-icon-sq-brand    { background: var(--si-primary); }
.si-mode--mono .si-icon-sq-brand:hover { filter: none; background: color-mix(in srgb, var(--si-primary) 80%, #000); box-shadow: 0 6px 14px rgba(0,0,0,.2); color:#fff }
.si-mode--mono .si-icon-sq-outline-brand { border-color: var(--si-primary); color: var(--si-primary); }
.si-mode--mono .si-icon-sq-outline-brand:hover { background: var(--si-primary); box-shadow: none; color:#fff }
.si-mode--mono .si-icon-circle-brand { background: var(--si-primary); }
.si-mode--mono .si-icon-circle-brand:hover { filter: none; background: color-mix(in srgb, var(--si-primary) 80%, #000); box-shadow: 0 5px 16px rgba(0,0,0,.2); }
.si-mode--mono .si-icon-circle-outline-brand { border-color: var(--si-primary); color: var(--si-primary); }
.si-mode--mono .si-icon-circle-outline-brand:hover { background: var(--si-primary); box-shadow: none; color:#fff}
.si-mode--mono .si-icon-neon  { border-color: var(--si-primary); color: var(--si-primary); }
.si-mode--mono .si-icon-neon:hover { background: var(--si-primary); box-shadow: none; color:#fff}
.si-mode--mono .si-icon-morph { background: var(--si-primary); }
.si-mode--mono .si-icon-morph:hover { box-shadow: 0 4px 16px rgba(0,0,0,.2); }
.si-mode--mono .si-icon-ripple { border-color: var(--si-primary); color: var(--si-primary); }
.si-mode--mono .si-icon-ripple:hover { color:#fff }
.si-mode--mono .si-icon-ripple::before { background: var(--si-primary); }
.si-mode--mono .si-icon-tilt { background: linear-gradient(135deg, var(--si-primary), color-mix(in srgb, var(--si-primary) 60%, #000)); box-shadow: 0 4px 12px rgba(0,0,0,.25); }
.si-mode--mono .si-icon-tilt:hover{color:#fff }
.si-mode--mono .si-icon-bounce { color: var(--si-primary); }
.si-mode--mono .si-icon-bounce:hover { color: #fff; }
.si-mode--mono .si-icon-bounce::before { background: var(--si-primary); }
.si-mode--mono .si-icon-shutter { border-color: var(--si-primary); color: var(--si-primary); }
.si-mode--mono .si-icon-shutter:hover { color: #fff; }
.si-mode--mono .si-icon-shutter::before { background: var(--si-primary); }
.si-mode--mono .si-icon-pulse { background: var(--si-primary); }
.si-mode--mono .si-icon-pulse:hover { color:#fff; }
.si-mode--mono .si-icon-pulse::before { background: var(--si-primary); }
.si-mode--mono .si-icon-liquid { border-color: var(--si-primary); color: var(--si-primary); }
.si-mode--mono .si-icon-liquid:hover { color: #fff; }
.si-mode--mono .si-icon-liquid::before { background: var(--si-primary); }
.si-mode--mono .si-icon-spin { background: var(--si-primary); }
.si-mode--mono .si-icon-spin:hover { color:#fff; }

@supports (color: color-mix(in srgb, red, blue)) {
  .si-icon-sq-brand:hover {
    box-shadow: 0 6px 16px color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 55%, transparent) color:#fff;
  }
  .si-icon-sq-outline-brand:hover {
    box-shadow: 0 5px 14px color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 40%, transparent);
  }
  .si-icon-circle-brand:hover {
    box-shadow: 0 5px 16px color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 50%, transparent);
  }
  .si-icon-circle-outline-brand:hover {
    box-shadow: 0 5px 14px color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 40%, transparent);
  }
  .si-float--brand .si-float__link {
    box-shadow: 0 2px 2px color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 40%, transparent);
  }
  .si-icon-morph:hover {
    box-shadow: 0 4px 16px color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 40%, transparent);
  }
  .si-icon-sq-mono:hover {
    background: color-mix(in srgb, var(--si-primary, #1a1a2e) 80%, #000);
  }
  .si-icon-circle-mono:hover {
    background: color-mix(in srgb, var(--si-primary, #1a1a2e) 80%, #000);
  }
  .si-mode--brand .si-icon-sq-mono:hover {
    background: color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 80%, #000);
    box-shadow: 0 6px 14px color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 40%, transparent);
  }
  .si-mode--brand .si-icon-circle-mono:hover {
    background: color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 80%, #000);
    box-shadow: 0 5px 16px color-mix(in srgb, var(--si-brand-color, var(--si-primary)) 50%, transparent);
  }
  .si-mode--mono .si-icon-sq-brand:hover {
    background: color-mix(in srgb, var(--si-primary) 80%, #000);
  }
  .si-mode--mono .si-icon-circle-brand:hover {
    background: color-mix(in srgb, var(--si-primary) 80%, #000);
  }
}

@media (max-width: 767px) {
  .sip-wrapper[data-show-mobile="0"],
  .sip-list[data-show-mobile="0"] {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .sip-wrapper[data-show-tablet="0"],
  .sip-list[data-show-tablet="0"] {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  .sip-wrapper[data-show-desktop="0"],
  .sip-list[data-show-desktop="0"] {
    display: none !important;
  }
}
.si-sticky,
.si-float {
  z-index: 99999 !important;
}