.app-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px;display:grid}.app-catalog-card{flex-direction:column;align-items:stretch;min-width:0;display:flex}.app-catalog-heading{--catalog-title-size:var(--type-card-size);--catalog-title-line:var(--type-card-line);--catalog-subtitle-line:var(--type-meta-line);align-items:center;gap:12px;margin-bottom:16px;display:flex}.app-catalog-heading .app-icon{--app-icon-size:calc(var(--catalog-title-line) + var(--catalog-subtitle-line));width:var(--app-icon-size);height:var(--app-icon-size);flex:0 0 var(--app-icon-size)}.app-catalog-heading>div>span{color:var(--text-muted);margin-top:0;display:block}.app-catalog-preview{border-radius:var(--radius-panel);background:var(--surface-subtle);align-items:stretch;gap:12px;padding:32px 0 32px 24px;transition:background .2s;display:flex;overflow:hidden;container-type:inline-size}.app-catalog-screen{--catalog-screen-height:calc((100cqw - 24px)/2.6 * 16/9);width:calc(var(--catalog-screen-height) * var(--screen-ratio,.5625));height:var(--catalog-screen-height);border-radius:var(--radius-control);background:var(--screen-background,var(--surface-subtle));flex:none;min-width:0;display:block;position:relative;overflow:hidden}.app-catalog-screen--white{outline:1px solid var(--line-subtle);outline-offset:-1px}.app-catalog-preview img{object-fit:contain;width:100%;max-width:none;height:100%;display:block}.app-catalog-screen>.muted-video{border-radius:inherit;height:100%}.app-catalog-card:focus-visible{outline:2px solid var(--ink);outline-offset:8px;border-radius:var(--radius)}@media (max-width:1100px){.app-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.app-catalog{grid-template-columns:1fr;gap:32px}.app-catalog-preview{padding:24px 0 24px 20px}}.app-catalog-bot{aspect-ratio:7/6;background:var(--surface-subtle);border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:28px;transition:background .2s;display:flex}.app-catalog-bot .app-icon{--app-icon-size:112px}.telegram-catalog{margin:40px 0 64px}.telegram-catalog>h2{margin-bottom:28px}@media (prefers-reduced-motion:reduce){.app-catalog-preview,.app-catalog-bot{transition:none}}body .home-catalog .app-catalog{row-gap:42px}.home-catalog .app-catalog-heading{margin-bottom:24px}.home-catalog-footer{justify-content:center;margin-top:32px;display:flex}.home-picker{margin:0 0 var(--space-section)}