.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.row{--bs-gutter-x:24px}.grid-demo-col{margin-bottom:32px}.bootstrap-grid-demo .container{width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.sds-shell__content.full-width-grid{padding-left:0;padding-right:0}.grid-demo-col{background:var(--sds-alias-colors-primary-50);border:var(--sg-app-border-thin) solid var(--sds-alias-colors-primary-200);text-align:center;min-height:100px;font-weight:var(--sg-app-weight-semibold);word-break:break-word;border-radius:4px;justify-content:center;align-items:center;margin-bottom:15px;padding:20px;display:flex}.bootstrap-grid-demo{width:100%}.viewport-info{background:var(--sds-alias-colors-neutral-100);border-radius:var(--sg-app-radius-8);margin-bottom:20px;padding:15px;font-family:monospace}.viewport-info .info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.viewport-info .info-item{flex-direction:column;display:flex}.viewport-info .info-label{font-size:var(--sg-app-text-xs);color:var(--sds-alias-colors-neutral-600);margin-bottom:4px}.viewport-info .info-value{font-size:var(--sg-app-text-xl);font-weight:var(--sg-app-weight-semibold);color:var(--sds-alias-colors-neutral-900)}.viewport-info .active-bp{background:var(--sds-alias-colors-primary-100);color:var(--sds-alias-colors-primary-700);border-radius:4px;padding:2px 8px;display:inline-block}