.cs-parallax>.cs-parallax-inner{position:absolute;inset:0}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.cs-grow{animation:linear both cs-grow;animation-timeline:view();animation-range:entry 10% cover 40%}.cs-open{animation:linear both cs-open;animation-timeline:view();animation-range:entry cover 45%}.cs-float{animation:linear both cs-float;animation-timeline:view();animation-range:cover}.cs-float:nth-child(2n){animation-name:cs-float-alt}}}@keyframes cs-grow{0%{border-radius:3rem;transform:scale(.92)}to{transform:scale(1)}}@keyframes cs-open{0%{clip-path:inset(6% 10% round 2.5rem)}to{clip-path:inset(0)}}@keyframes cs-float{0%{translate:0 3rem}to{translate:0 -3rem}}@keyframes cs-float-alt{0%{translate:0 6rem}to{translate:0 -2rem}}.cs-browser{background:#1e1e1e;border-radius:.9rem;overflow:hidden;box-shadow:0 0 0 1px #14141414,0 30px 60px -30px #14141473}.cs-phone{background:#141414;border-radius:2.6rem;padding:.55rem;position:relative;box-shadow:inset 0 0 0 1.5px #3a3a3a,0 40px 70px -35px #14141499}.cs-phone-screen{background:#1e1e1e;border-radius:2.1rem;position:relative;overflow:hidden}@media (prefers-reduced-motion:no-preference){.cs-lightbox[open]{animation:.35s both cs-fade}.cs-lightbox[open] .cs-lightbox-media{animation:cs-zoom .6s var(--ease-out-expo) both}}.cs-lightbox::backdrop{background:#141414d9}@keyframes cs-fade{0%{opacity:0}}@keyframes cs-zoom{0%{opacity:0;scale:.96}}