.dm-appshot{margin:0;display:grid;grid-template-rows:auto auto;justify-items:center;gap:.85rem;width:var(--dm-appshot-w);max-width:100%;margin-inline:auto}.dm-appshot__frame{position:relative;width:100%;padding:var(--dm-appshot-pad);background:linear-gradient(155deg,var(--dm-panel),var(--dm-dark-1));border:1px solid rgba(255,255,255,.14);border-radius:var(--dm-appshot-radius);box-shadow:var(--dm-shadow-3),inset 0 0 0 1px rgba(255,255,255,.06)}.dm-appshot__lens{position:absolute;top:.34rem;left:50%;width:30%;height:.22rem;transform:translateX(-50%);background:rgba(255,255,255,.22);border-radius:var(--dm-radius-full)}.dm-appshot__img{display:block;width:100%;height:auto;background:var(--dm-bg);border-radius:calc(var(--dm-appshot-radius) - .45rem)}.dm-appshot--phone{--dm-appshot-w:15rem;--dm-appshot-pad:0.85rem 0.5rem 0.55rem;--dm-appshot-radius:1.85rem}@media (min-width:60rem){.dm-appshot--phone.dm-appshot--lg{--dm-appshot-w:21rem;--dm-appshot-pad:1.1rem 0.7rem 0.75rem;--dm-appshot-radius:2.4rem}}.dm-appshot--tablet{--dm-appshot-w:min(22rem,80vw);--dm-appshot-pad:0.9rem 0.6rem 0.6rem;--dm-appshot-radius:1.35rem}.dm-appshot--window{--dm-appshot-w:min(19rem,88vw);--dm-appshot-pad:0;--dm-appshot-radius:var(--dm-radius-sm)}.dm-appshot--window .dm-appshot__frame{background:var(--dm-bg);border-color:hsl(var(--dm-shadow-color)/.2);box-shadow:var(--dm-shadow-3)}.dm-appshot--window .dm-appshot__img{border-radius:calc(var(--dm-appshot-radius) - 1px)}@media (min-width:60rem){.dm-appshot--window.dm-appshot--lg{--dm-appshot-w:24rem}}.dm-appshot__caption{max-width:100%;font-size:var(--dm-text-sm);line-height:1.55;text-align:center;color:var(--dm-fg-muted)}.dm-appshot--dark .dm-appshot__caption{color:var(--dm-on-dark-soft)}.dm-appshot--dark .dm-appshot__frame{border-color:rgba(255,255,255,.3);box-shadow:0 18px 48px rgba(13,5,24,.45),inset 0 0 0 1px rgba(255,255,255,.08)}.dm-appshots{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(1.75rem,5vw,3rem)}.dm-appshots>li{flex:0 1 auto;min-width:0;max-width:100%}.dm-appshots--level{display:grid;grid-template-columns:minmax(0,max-content);justify-content:center;gap:clamp(1.75rem,5vw,3rem)}@media (min-width:44rem){.dm-appshots--level{grid-template-columns:repeat(2,minmax(0,max-content))}.dm-appshots--level>li:last-child:nth-child(odd){grid-column:1/-1}}@media (min-width:58rem){.dm-appshots--level{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,max-content)}.dm-appshots--level>li:last-child:nth-child(odd){grid-column:auto}}.dm-appshots--level .dm-appshot,.dm-appshots--level>li{grid-row:span 2;display:grid;grid-template-rows:subgrid;row-gap:.85rem}.dm-appshots--level>li{grid-template-columns:minmax(0,1fr)}.dm-appshots--level .dm-appshot__frame{align-self:end}