.ivl-layer{--ivl-tint:color-mix(in oklab, var(--bg) 58%, transparent);--ivl-glow:color-mix(in oklab, var(--brand-accent) 12%, transparent);background:radial-gradient(38rem 26rem at 50% 42%, var(--ivl-glow), transparent 70%), var(--ivl-tint);-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);animation:.26s cubic-bezier(.22,1,.36,1) .14s both ivl-in}.ivl-card{background:color-mix(in oklab, var(--surface) 62%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid #ffffff8c;border:1px solid lab(100% -.0000298023 .0000119209/.55);animation:.42s cubic-bezier(.22,1,.36,1) .14s both ivl-card-in;box-shadow:inset 0 1px #ffffffb3,0 1px 2px #08080a0a,0 18px 48px -12px #08080a2e;box-shadow:inset 0 1px lab(100% -.0000298023 .0000119209/.7),0 1px 2px lab(2.22664% .207424 -.760925/.0392157),0 18px 48px -12px lab(2.22664% .207424 -.760925/.180392)}:where(.dark,[data-theme=dark]) .ivl-card{border-color:#ffffff1a;border-color:lab(100% -.0000298023 .0000119209/.1);box-shadow:inset 0 1px #ffffff14,0 24px 56px -16px #0009;box-shadow:inset 0 1px lab(100% -.0000298023 .0000119209/.08),0 24px 56px -16px lab(0% 0 0/.6)}:where(.dark,[data-theme=dark]) .ivl-layer{--ivl-tint:color-mix(in oklab, var(--bg) 66%, transparent);--ivl-glow:color-mix(in oklab, var(--brand-accent) 10%, transparent)}@keyframes ivl-in{0%{opacity:0}to{opacity:1}}@keyframes ivl-card-in{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ivl-layer,.ivl-card{animation:1ms linear .14s both ivl-in}}
