.card-page{width:100%}.card-docs{max-width:100%;margin:0 auto;padding:24px 40px}.card-header{justify-content:space-between;align-items:flex-start;gap:32px;margin:24px 0;display:flex}.card-header-content{flex:1;min-width:0}.card-header-content p{margin-top:12px}.card-section{flex-direction:column;gap:32px;margin-bottom:40px;display:flex}.card-preview{flex-direction:column;gap:32px;width:100%;display:flex}.card-row{grid-template-columns:160px minmax(0,1fr);align-items:start;gap:24px;display:grid}.card-row-label{padding-top:10px}.card-row-content{align-items:flex-start;width:100%;min-width:0;display:flex}.card-demo{width:100%;max-width:420px}.card-demo-image{aspect-ratio:16/9;object-fit:cover;width:100%;height:100%;display:block}.card-demo [class*=cardActions]{gap:12px}@media (max-width:768px){.card-docs{padding:24px}.card-header{flex-direction:column;align-items:stretch;gap:24px;margin:32px 0 48px}.card-section{gap:24px;margin-bottom:32px}.card-row{grid-template-columns:1fr;gap:12px}.card-row-label{padding-top:0}.card-row-content{justify-content:center}.card-demo{max-width:100%}}@media (max-width:520px){.card-docs{padding:20px}.card-header{gap:16px;margin:24px 0 40px}.card-header-content p{margin-top:8px}.card-preview{gap:20px}.card-section{gap:20px;margin-bottom:24px}.card-row-content{justify-content:stretch}.card-demo{width:100%;max-width:100%}}