react-glass-ui/dist/utils-5Z2TKYUT.css

A customizable React component library for building liquid-glass interfaces with dynamic, realistic fluid distortion. Powered by advanced SVG filters, the library simulates true refraction, blur, and chromatic distortion to create authentic glass-like sur

.glass-ui-svg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.glass-ui-outer-light {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  position: absolute;
  transition: box-shadow 0.2s ease-in-out;
  will-change: box-shadow;
}
.glass-ui-distortion-layer {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.glass-ui-background-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  transition: background-color 0.2s ease-in, opacity 0.2s ease-in;
}
.glass-ui-inner-light {
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: box-shadow 0.2s ease-in-out;
  will-change: box-shadow;
}
.glass-ui-border-layer {
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
}
.glass-ui-border-layer,
.glass-ui-inner-light,
.glass-ui-background-layer,
.glass-ui-distortion-layer,
.glass-ui-outer-light,
.glass-ui-svg {
  pointer-events: none !important;
}