.backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  /* filter: blur(10px); */
}

.backdrop > * {
  width: 100%;
  height: 100%;
}

.backdrop-clip, .backdrop-filter {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  border-radius: inherit;
  z-index: -1;
  pointer-events: none !important;
}

.backdrop-clip > img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  transform: none;
  object-fit: cover;
  object-position: center center;
  display: block;
  filter: blur(10px);
}

.mica article {
  border: none;
}

.mica article > * {
  border: none;
}

.mica.glass .backdrop-filter,
.glass .mica .backdrop-filter {
  position: absolute;
  inset: -20px;

  width: calc(100% + 40px);
  height: calc(100% + 40px);
}

.mica.glass .backdrop-filter > *,
.glass .mica .backdrop-filter > * {
  position: absolute;
  inset: 20px;
}