/* Quiet local holographic accents over Checkbot's glass palette. See THIRD_PARTY_NOTICES. */
.foil-surface{position:relative;isolation:isolate;overflow:hidden;--foil-x:62%;--foil-y:32%}
.foil-surface::before,.foil-surface::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;transition:opacity .6s}
.foil-surface::before{background:radial-gradient(ellipse at var(--foil-x) var(--foil-y),#a7c9ff44,transparent 65%),repeating-radial-gradient(ellipse at 72% 68%,transparent 0 9px,#8799cb18 10px,transparent 11px 19px);opacity:.4}
.foil-surface::after{background:conic-gradient(from 35deg at var(--foil-x) var(--foil-y),transparent,#8cbcd938,transparent 30%,#c4a5e32c 53%,transparent 75%);opacity:.18}
.foil-surface:hover::after{opacity:.4}
.foil-surface>.foil-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;border-radius:inherit;opacity:.18}
.login-mark>.foil-canvas{opacity:.35}
.foil-surface[data-foil-renderer="webgpu"]::before,.foil-surface[data-foil-renderer="webgpu"]::after{opacity:0}
@media(prefers-color-scheme:dark){.foil-surface::before{opacity:.18}.foil-surface::after{opacity:.12}}
@media(prefers-reduced-motion:reduce){.foil-surface::before,.foil-surface::after{transition:none}.foil-surface:hover::after{opacity:.18}}
@media(prefers-reduced-transparency:reduce){.foil-surface::before,.foil-surface::after,.foil-surface>.foil-canvas{display:none}}