.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:1px solid var(--sds-alias-colors-primary-200);text-align:center;word-break:break-word;border-radius:4px;justify-content:center;align-items:center;min-height:100px;margin-bottom:15px;padding:20px;font-weight:600;display:flex}.bootstrap-grid-demo{width:100%}.viewport-info{background:var(--sds-alias-colors-neutral-100);border-radius:8px;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{color:var(--sds-alias-colors-neutral-600);margin-bottom:4px;font-size:12px}.viewport-info .info-value{color:var(--sds-alias-colors-neutral-900);font-size:16px;font-weight:600}.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}