.app-shot{min-width:0;margin:0}.app-shot img{width:100%;height:auto;display:block}.app-shot-phone{background:#111827;border-radius:1.6rem;padding:.45rem;box-shadow:0 12px 30px #0000002e}.app-shot-phone img{border-radius:1.2rem}.app-shot-browser{background:var(--pf-surface);border:1px solid var(--pf-border);border-radius:calc(var(--pf-radius) + .25rem);padding:1.6rem .4rem .4rem;position:relative;box-shadow:0 18px 40px #00000024}.app-shot-browser:before{content:"";opacity:.8;background:radial-gradient(circle,#f87171 .22rem,#0000 .24rem) 0 0/.9rem .5rem repeat-x;width:2.6rem;height:.5rem;position:absolute;top:.6rem;left:.8rem}.app-shot-browser img{border-radius:var(--pf-radius);border:1px solid var(--pf-border)}.shot-dark{display:none!important}:root[data-theme=dark] .shot-dark{display:block!important}:root[data-theme=dark] .shot-light{display:none!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .shot-dark{display:block!important}:root:not([data-theme=light]) .shot-light{display:none!important}}