/* Paint only: card dimensions, padding and typography remain in page styles. */
.aitia-glass {
  position: relative;
  isolation: isolate;
}

.aitia-glass::before,
.aitia-glass::after,
.aitia-glass__surface {
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
}

/* The static rim remains available without JavaScript / SVG filters. */
.aitia-glass::before {
  z-index: -1;
  background: linear-gradient(135deg, rgb(255 255 255 / 1%), transparent 35%, rgb(255 255 255 / 1%));
  box-shadow:
    inset 2px 3px 8px rgb(0 0 0 / 12%),
    inset -3px -2px 10px rgb(255 255 255 / 4%);
  content: "";
}

.aitia-glass::after {
  z-index: -1;
  padding: 1px;
  background: linear-gradient(135deg, rgb(255 255 255 / 48%), rgb(255 255 255 / 6%) 28%, rgb(255 255 255 / 4%) 65%, rgb(255 255 255 / 34%));
  content: "";
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.aitia-glass__surface {
  z-index: -2;
  overflow: hidden;
  visibility: hidden;
}

[data-glass-ready] > .aitia-glass__surface {
  visibility: visible;
}

.aitia-glass__surface::after {
  position: absolute;
  inset: 0;
  background: var(--glass-tint, rgb(255 255 255 / 10%));
  content: "";
}

.aitia-glass__backdrop,
.aitia-glass__decoration {
  position: absolute;
  background-repeat: no-repeat;
}

.aitia-glass__backdrop {
  overflow: hidden;
}

.aitia-glass__decoration {
  inset: 0;
}

.aitia-glass__definitions {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

@media (forced-colors: active), print {
  .aitia-glass::before,
  .aitia-glass::after,
  .aitia-glass__surface {
    display: none;
  }
}