.slig-glass {
  --slig-glass-radius: 22px;
  --slig-glass-border: 0.1;
  --slig-glass-border-shadow: 0 0 0 0.05rem rgba(0, 0, 0, 0.1);
  --slig-glass-tint: #ffffff;
  --slig-glass-tint-opacity: 0;
  --slig-glass-tint-blend: normal;
  --slig-glass-content-color: #111418;
  --slig-glass-transition: 180ms ease;
  position: relative;
  isolation: isolate;
  color: var(--slig-glass-content-color);
  background: transparent !important;
  transition: color var(--slig-glass-transition);
}

.slig-glass--backdrop {
  will-change: backdrop-filter;
}

.slig-glass__material,
.slig-glass__blur,
.slig-glass__refraction,
.slig-glass__tint {
  position: absolute;
  pointer-events: none;
}

.slig-glass__material {
  inset: 0;
  z-index: -1;
  border-radius: var(--slig-glass-radius);
  box-shadow: var(--slig-glass-border-shadow);
}

.slig-glass__clip {
  position: absolute;
  inset: 0;
  isolation: isolate;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
}

.slig-glass__blur,
.slig-glass__tint {
  inset: 0;
}

.slig-glass__blur {
  will-change: filter;
}

.slig-glass__refraction {
  left: 0;
  top: 0;
  overflow: visible;
  transform-origin: top left;
  will-change: filter;
}

.slig-glass__source-clone {
  position: absolute !important;
  margin: 0 !important;
  transform: none !important;
  transform-origin: top left !important;
  pointer-events: none !important;
  user-select: none !important;
  will-change: transform !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.slig-glass__tint {
  border-radius: inherit;
  background: var(--slig-glass-tint);
  opacity: var(--slig-glass-tint-opacity);
  mix-blend-mode: var(--slig-glass-tint-blend);
  transition:
    background-color var(--slig-glass-transition),
    opacity var(--slig-glass-transition);
}

.slig-glass__filters {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

.slig-glass--reduced .slig-glass__blur {
  display: none;
}

.slig-glass--reduced.slig-glass--backdrop {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.slig-glass--reduced .slig-glass__material {
  background: color-mix(in srgb, var(--slig-glass-tint), transparent 18%);
}

@supports not (background: color-mix(in srgb, white, transparent)) {
  .slig-glass--reduced .slig-glass__material {
    background: rgba(255, 255, 255, 0.82);
  }
}

@media (prefers-reduced-transparency: reduce) {
  .slig-glass__blur {
    display: none;
  }

  .slig-glass--backdrop {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .slig-glass__material {
    background: color-mix(in srgb, var(--slig-glass-tint), transparent 18%);
  }
}