.cd-demo-container{width:calc(100% - 2 * 1.25rem);margin-left:auto;margin-right:auto;padding:1.25rem 0}.cd-demo-max-width-xs{max-width:38rem}.cd-demo-max-width-md{max-width:64rem}.cd-demo-max-width-lg{max-width:80rem}.cd-demo-max-width-xl{max-width:90rem}[class*=cd-demo-max-width-adaptive-]{max-width:32rem}@media (min-width:48rem){[class*=cd-demo-max-width-adaptive-]{max-width:48rem}}.cd-demo-container--is-hidden{display:none}.cd-demo-font{font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif!important}.cd-demo-item--is-hidden{display:none}.cd-demo-item--selected{-webkit-animation:demoItemSelected .5s;animation:demoItemSelected .5s}@-webkit-keyframes demoItemSelected{0%,50%{outline:2px solid var(--color-primary)}100%{outline:2px solid transparent}}@keyframes demoItemSelected{0%,50%{outline:2px solid var(--color-primary)}100%{outline:2px solid transparent}}.cd-demo-title{font-size:1.2rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif!important;color:var(--color-contrast-higher)}.cd-demo-viewport-size{position:fixed;display:none;top:0;right:0;padding:10px;z-index:99;font-size:.8rem;background-color:rgba(255,255,255,.92);color:rgba(0,0,0,.85);font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif!important}.cd-demo-flex{display:flex}.cd-demo-justify-center{justify-content:center}.cd-demo-margin-top,.cd-demo-margin-top-md{margin-top:1.25rem}.cd-demo-margin-top-xs{margin-top:.5rem}.cd-demo-margin-top-lg{margin-top:2rem}.cd-demo-margin-top-xl{margin-top:3.25rem}.cd-demo-margin-right,.cd-demo-margin-right-md{margin-right:1.25rem}.cd-demo-margin-right-xs{margin-right:.5rem}.cd-demo-margin-right-lg{margin-right:2rem}.cd-demo-margin-right-xl{margin-right:3.25rem}.cd-demo-margin-left,.cd-demo-margin-left-md{margin-left:1.25rem}.cd-demo-margin-left-xs{margin-left:.5rem}.cd-demo-margin-left-lg{margin-left:2rem}.cd-demo-margin-left-xl{margin-left:3.25rem}.cd-demo-text-center{text-align:center}.cd-demo-text-base{font-size:1rem}@media not all and (min-width:32rem){.cd-demo-display\@xs{display:none!important}}@media not all and (min-width:64rem){.cd-demo-display\@md{display:none!important}}@media not all and (min-width:80rem){.cd-demo-display\@lg{display:none!important}}@media not all and (min-width:90rem){.cd-demo-display\@xl{display:none!important}}