.lensas-foreground[hidden] { display: none !important; }
.lensas-foreground {
  position: fixed; inset: 0; z-index: 2147483000;
  margin: 0; width: 100%; height: 100%; max-width: none; max-height: none;
  border: 0; box-sizing: border-box;
  display: grid; place-items: center; padding: 20px;
  background: transparent; outline: none; cursor: progress;
}
.lensas-foreground::backdrop { background: transparent; }
.lensas-foreground__card { visibility: hidden; }
.lensas-foreground.is-visible { background: rgb(16 33 54 / 24%); backdrop-filter: blur(3px); }
.lensas-foreground.is-visible .lensas-foreground__card { visibility: visible; }
.lensas-foreground__card {
  box-sizing: border-box; width: min(100%, 360px); max-height: calc(100dvh - 40px);
  overflow: auto; padding: 28px; border: 1px solid rgb(255 255 255 / 70%);
  border-radius: 20px; background: #fff; color: #17324d;
  box-shadow: 0 18px 64px rgb(15 35 55 / 15%); text-align: center;
  font-family: var(--font-family-sans, system-ui, sans-serif); cursor: default;
}
.lensas-foreground__brand { display: block; width: 86px; height: 34px; object-fit: contain; margin: 0 auto 18px; }
.lensas-foreground__title { margin: 0 0 8px; font-size: 17px; font-weight: 650; line-height: 1.4; overflow-wrap: anywhere; }
.lensas-foreground__detail { margin: 0; font-size: 14px; line-height: 1.6; color: #526478; overflow-wrap: anywhere; }
.lensas-foreground__actions button {
  margin-top: 20px; min-height: 44px; padding: 10px 18px; border: 0; border-radius: 10px;
  color: #fff; background: #244e75; font: inherit; cursor: pointer;
}
.lensas-foreground__actions button:focus-visible { outline: 3px solid #3b82f6; outline-offset: 3px; }
.lensas-foreground__actions button:disabled { opacity: .6; cursor: wait; }
@media (prefers-reduced-motion: no-preference) {
  .lensas-foreground { transition: background-color 120ms ease; }
}