#GridDemoContent{margin-top:1rem !important}#GridDemoContent>*{margin-top:1rem !important;margin-bottom:1rem !important}.grid-sim{display:none}.grid-sim__bar{margin-bottom:0px !important}.grid-sim__range{width:min(520px,55vw)}.grid-sim__control--width{-webkit-box-flex:1;-ms-flex:1 1 420px;flex:1 1 420px;min-width:0}.grid-sim__control--width .grid-sim__label{white-space:nowrap}.grid-sim__control--width .grid-sim__range{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:auto;min-width:160px}.grid-sim__number{width:6.5rem}.grid-sim__viewport{background:#272727;border-radius:.5rem}.grid-sim__placeholder{display:none;margin:0;padding:1rem;color:#6f6;text-align:center}.grid-sim__frame-wrap{width:100%;overflow-x:auto;margin-top:1rem;padding:1rem}.grid-sim__frame{display:block;margin:0 auto;border:1px solid rgba(0,0,0,.18);background:#fff;-webkit-box-shadow:0 12px 34px rgba(0,0,0,.28);box-shadow:0 12px 34px rgba(0,0,0,.28);-webkit-transform-origin:top center;transform-origin:top center}.grid-demo-content{display:block}.row p{padding:1rem}.row>div{text-align:center}.row>div>*:not(section){display:inline-block;width:100%}.row>div>*{border-radius:.5rem}.row--cyan>div>*{background:rgba(0,255,255,.25) !important}.row--magenta>div>*{background:rgba(255,0,255,.25) !important}.grid-pattern-card{min-height:100%;padding:1rem;border:1px solid hsla(0,0%,100%,.18);border-radius:.5rem;background:rgba(0,0,0,.2)}.grid-pattern-card p{margin:0}.grid-pattern-chip{padding:.75rem 1rem;border:1px solid hsla(0,0%,100%,.2);border-radius:.5rem;background:rgba(0,0,0,.3);text-align:center}.grid-social-button{width:100%}.grid-social-button [class^=font-icon--]:not(.font-icon--interface--external),.grid-social-button [class*=" font-icon--"]:not(.font-icon--interface--external){display:inline-block;font-size:2em !important;line-height:1}.example--control-panel .grid-sim__row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.75rem 1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.example--control-panel .grid-sim__row--width{margin-top:.75rem}.example--control-panel .grid-sim__row--stats{margin-top:.5rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.example--control-panel .grid-sim__bar{color:#6f6}.example--control-panel .grid-sim__title{margin:0;margin-right:.25rem;letter-spacing:.02em;color:inherit}.example--control-panel .grid-sim__control{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.example--control-panel .grid-sim__label{font-size:.85rem;color:#6f6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.example--control-panel .grid-sim__number{border:1px solid hsla(0,0%,100%,.2);background:#6f6;color:#000}.example--control-panel .grid-sim__meta{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem;font-size:.85rem;color:#6f6}.example--control-panel .grid-sim__value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.example--control-panel .grid-sim__sep{color:#6f6;opacity:.65}.example--control-panel .grid-sim__hint{margin-top:.5rem;font-size:.85rem;color:#6f6;opacity:1}.example--control-panel .grid-sim__hint code{color:#6f6;border-color:#6f6}/* Built with Synticore Website Compiler 1.1.4 */
/*# sourceMappingURL=grid.min.css.map */