.fluid-glass .tn-atom {
  position: relative;
  isolation: isolate;
}

/* Слой внутренней тени и заливки (Tint + Shadow) */
.fluid-glass .tn-atom::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  box-shadow: inset 0 0 var(--fg-shadow-blur) var(--fg-shadow-spread) var(--fg-shadow-color);
  background-color: var(--fg-tint-color-rgb);
}

/* Слой размытия и искажения (Distortion + Noise Filter) */
.fluid-glass .tn-atom::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: -1;
  /* backdrop-filter: blur(calc(var(--fg-distortion-blur)));
    -webkit-backdrop-filter: blur(calc(var(--fg-distortion-blur))); */
  filter: url(#fluid-glass-filter);
  -webkit-filter: url(#fluid-glass-filter);
  isolation: isolate;
}

/* Фоллбэк для старых браузеров / не Chromium */
.fluid-glass-fallback {
  position: relative;
  isolation: isolate;
  background: rgba(255, 255, 255, 0.1);
  /* backdrop-filter: blur(calc(var(--fg-distortion-blur)));
    -webkit-backdrop-filter: blur(calc(var(--fg-distortion-blur))); */
}

.fluid-glass-draggable {
  z-index: 9999;
  top: 0 !important;
  left: 0 !important;
}

.fluid-glass-draggable,
.fluid-glass-draggable * {
  pointer-events: none !important;
}

@supports (backdrop-filter: url(#fluid-glass-filter)) {
  .fluid-glass-auto {
    position: relative;
    isolation: isolate;
  }

  .fluid-glass-auto::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    box-shadow: inset 0 0 var(--fg-shadow-blur) var(--fg-shadow-spread) var(--fg-shadow-color);
    background-color: var(--fg-tint-color-rgb);
    z-index: 0;
  }

  .fluid-glass-auto::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    pointer-events: none;
    /* backdrop-filter: blur(calc(var(--fg-distortion-blur)));
      -webkit-backdrop-filter: blur(calc(var(--fg-distortion-blur))); */

    filter: url(#fluid-glass-filter);
    -webkit-filter: url(#fluid-glass-filter);
    isolation: isolate;
    z-index: -1;
  }
}

@supports not (backdrop-filter: url(#fluid-glass-filter)) {
  .fluid-glass-auto {
    background: rgba(255, 255, 255, 0.1);
    /* backdrop-filter: blur(calc(var(--fg-distortion-blur))); */
  }
}