.l2-film{--film-ground:#f1f0ec;--film-dot:rgba(20,20,26,0.07);--film-screen:#ffffff;--film-canvas:#fbfaf8;--film-line:#e7e6e1;--film-line-soft:#efeeea;--film-fill:#f5f4f1;--film-fill-strong:#eae8e3;--film-ink:#14141a;--film-ink-2:#5c5c66;--film-ink-3:#8e8e98;--film-ink-inverse:#ffffff;--film-accent:#5f32eb;--film-good:#16a34a;--film-good-soft:rgba(22,163,74,0.12);--film-mid:#f5a524;--film-mid-soft:rgba(245,165,36,0.16);--film-low:#e5484d;--film-low-soft:rgba(229,72,77,0.12)}.l2-film-ground{background-color:var(--film-ground);background-image:radial-gradient(var(--film-dot) 1px,transparent 1px);background-size:22px 22px}.l2-film-screen{background:var(--film-screen);border:1px solid var(--film-line);border-radius:14px;box-shadow:0 1px 2px rgba(20,20,26,.04),0 40px 80px -50px rgba(20,20,26,.4)}@keyframes l2-film-pulse{0%,to{opacity:1}50%{opacity:.45}}.l2-film-skeleton>span{animation:l2-film-pulse .8s ease-in-out infinite}.l2-film-skeleton>span:nth-child(2){animation-delay:.1s}@keyframes l2-film-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes l2-film-press{0%{opacity:.5;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}@keyframes l2-film-net{to{stroke-dashoffset:0}}@keyframes l2-film-net-fill{to{opacity:1}}@keyframes l2-film-dot{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}@keyframes l2-film-net-land{0%{stroke-width:3}40%{stroke-width:5.5}to{stroke-width:3.6}}