.cosmic-demo.unlock-note-host{background-color:#0000;background-image:none}.cosmic-demo.unlock-note-host .cosmic-test-scrim{background:radial-gradient(ellipse 118% 40% at 50% 18%, rgba(var(--cosmic-scrim-rgb), .42) 0%, rgba(var(--cosmic-scrim-rgb), .28) 36%, rgba(var(--cosmic-scrim-rgb), .18) 58%, transparent 72%), radial-gradient(ellipse 90% 48% at 58% 58%, rgba(var(--cosmic-scrim-rgb), .28) 0%, rgba(var(--cosmic-scrim-rgb), .55) 52%, rgba(var(--cosmic-scrim-rgb), .42) 68%, transparent 82%), linear-gradient(180deg, rgba(var(--cosmic-scrim-rgb), .58) 0%, rgba(var(--cosmic-scrim-rgb), .34) 28%, rgba(var(--cosmic-scrim-rgb), .22) 48%, rgba(var(--cosmic-scrim-rgb), .48) 72%, rgba(var(--cosmic-scrim-rgb), .78) 100%), linear-gradient(90deg, rgba(var(--cosmic-scrim-rgb), .55) 0%, rgba(var(--cosmic-scrim-rgb), .18) 14%, transparent 28%, transparent 72%, rgba(var(--cosmic-scrim-rgb), .18) 86%, rgba(var(--cosmic-scrim-rgb), .55) 100%)}.unlock-form-panel{--unlock-card-opacity:1;--unlock-input-opacity:1;background:#080c12;border:1px solid #ffffff12;border-radius:1.125rem;padding:1.25rem 1.15rem 1.35rem;box-shadow:0 18px 48px #0000008c,inset 0 1px #ffffff0a}@media (min-width:640px){.unlock-form-panel{padding:1.4rem 1.35rem 1.5rem}}@media (max-width:767px){.cosmic-demo.unlock-note-host .cosmic-test-foreground main{padding-bottom:5.5rem}}