/* Quiet material depth, with no extra decorative content. */
#info,#contact-dialog{--card-rx:0deg;--card-ry:0deg;--light-x:50%;--light-y:25%;--gleam:0;transform:perspective(1600px) rotateX(var(--card-rx)) rotateY(var(--card-ry));transition:transform 450ms cubic-bezier(.2,.7,.2,1),box-shadow 450ms ease;border-color:#00000012;box-shadow:inset 0 1px 0 #ffffffd9,0 2px 3px #00000006,0 20px 55px -18px #00000030,0 1px 0 #0000000a;isolation:isolate}
#info[open],#contact-dialog[open]{animation:card-depth-appear 220ms ease both}
#info::after,#contact-dialog::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:var(--gleam);background:linear-gradient(115deg,transparent 22%,#ffffff00 34%,#ffffffa6 49%,#ffffff00 64%,transparent 78%);background-size:220% 100%;background-position:var(--light-x) 50%;transition:opacity 450ms ease,background-position 450ms cubic-bezier(.2,.7,.2,1)}
[data-theme="dark"] #info,[data-theme="dark"] #contact-dialog{border-color:#ffffff16;box-shadow:inset 0 1px 0 #ffffff14,0 2px 3px #0003,0 24px 64px -18px #0009,0 1px 0 #0006}
[data-theme="dark"] #info::after,[data-theme="dark"] #contact-dialog::after{background-image:linear-gradient(115deg,transparent 22%,#ffffff00 34%,#ffffff0d 49%,#ffffff00 64%,transparent 78%)}
@keyframes card-depth-appear{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){#info,#contact-dialog{transform:none;transition:none}#info::after,#contact-dialog::after{display:none}}
@media(prefers-reduced-motion:reduce){#info[open],#contact-dialog[open]{animation:none}}

#info,#contact-dialog{background-color:#fafafa;box-shadow:inset 0 1px 0 #fffe,inset 0 -1px 0 #00000008,0 3px 0 -1px #e4e4e4,0 24px 60px -18px #00000036}
[data-theme="dark"] #info,[data-theme="dark"] #contact-dialog{background-color:#222;box-shadow:inset 0 1px 0 #ffffff20,inset 0 -1px 0 #0004,0 3px 0 -1px #111,0 28px 64px -18px #000a}