.h-grid-demo1-container .demo-cell{background:var(--el-fill-color-light);border:1px solid var(--el-border-color-light);width:100%;height:100%;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);box-sizing:border-box;border-radius:var(--el-border-radius-base);justify-content:center;align-items:center;display:flex}.h-grid-demo1-container .bg-blue{background:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-5);color:var(--el-color-primary)}.h-grid-demo2-container{padding:var(--el-padding-base);box-sizing:border-box;height:100%}.h-grid-demo2-container .demo-cell{background:var(--el-fill-color-light);border:1px solid var(--el-border-color);width:100%;height:100%;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);box-sizing:border-box;border-radius:var(--el-border-radius-base);justify-content:center;align-items:center;display:flex}.h-grid-demo3-container{box-sizing:border-box;height:100%;padding:15px}.h-grid-demo3-container .demo-cell{background:var(--el-fill-color-light);border:1px solid var(--el-border-color);width:100%;height:100%;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);box-sizing:border-box;justify-content:center;align-items:center;display:flex}.h-grid-demo4-container{box-sizing:border-box;height:100%;padding:15px}.h-grid-demo4-container .demo-cell{background:var(--el-fill-color-light);border:1px solid var(--el-border-color);width:100%;height:100%;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);box-sizing:border-box;justify-content:center;align-items:center;display:flex}.h-grid-demo4-container .bg-blue{background:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-5);color:var(--el-color-primary)}.h-grid-demo4-container .bg-green{background:var(--el-color-success-light-9);border-color:var(--el-color-success-light-5);color:var(--el-color-success)}.h-grid-demo5-container{box-sizing:border-box;height:100%;padding:15px}.h-grid-demo5-container .demo-cell{background:var(--el-fill-color-light);border:1px solid var(--el-border-color);width:100%;height:100%;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);box-sizing:border-box;justify-content:center;align-items:center;display:flex}.h-grid-demo5-container .bg-blue{background:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-5)}.h-grid-demo5-container .bg-green{background:var(--el-color-success-light-9);border-color:var(--el-color-success-light-5)}.h-grid-demo6-container{box-sizing:border-box;height:100%;padding:15px}.h-grid-demo6-container .demo-cell{background:var(--el-fill-color-light);border:1px solid var(--el-border-color);width:100%;height:100%;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);box-sizing:border-box;justify-content:center;align-items:center;display:flex}.h-grid-demo6-container .bg-primary{color:var(--el-color-white);border-color:#0000}.h-grid-demo6-container .bg-secondary{background:var(--el-fill-color-lighter);border-color:var(--el-border-color-light)}.h-grid-demo6-container .bg-blue{background:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-5)}.h-grid-demo6-container .bg-green{background:var(--el-color-success-light-9);border-color:var(--el-color-success-light-5)}.h-grid-demo6-container .bg-purple{background:var(--el-color-purple-light-9);border-color:var(--el-color-purple-light-5)}.h-grid-demo7-container{box-sizing:border-box;height:100%;padding:15px}.h-grid-demo7-container .demo-cell{background:var(--el-fill-color-light);border:1px solid var(--el-border-color);width:100%;height:100%;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);box-sizing:border-box;justify-content:center;align-items:center;display:flex}.h-grid-demo7-container .bg-blue{background:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-5)}.h-grid-demo7-container .bg-green{background:var(--el-color-success-light-9);border-color:var(--el-color-success-light-5)}.h-grid-demo7-container .bg-purple{background:var(--el-color-purple-light-9);border-color:var(--el-color-purple-light-5)}