.cd-demo-container{width:calc(100% - 2 * 1.25rem);margin-left:auto;margin-right:auto;padding:1.25rem 0}.cd-demo-max-width-xxxxs{max-width:20rem}.cd-demo-max-width-xxxs{max-width:26rem}.cd-demo-max-width-xxs{max-width:32rem}.cd-demo-max-width-xs{max-width:38rem}.cd-demo-max-width-sm{max-width:48rem}.cd-demo-max-width-md{max-width:64rem}.cd-demo-max-width-lg{max-width:80rem}.cd-demo-max-width-xl{max-width:90rem}.cd-demo-max-width-xxl{max-width:100rem}.cd-demo-max-width-xxxl{max-width:120rem}.cd-demo-max-width-xxxxl{max-width:150rem}[class*=cd-demo-max-width-adaptive-]{max-width:32rem}@media(min-width:48rem){[class*=cd-demo-max-width-adaptive-],.cd-demo-max-width-adaptive-sm{max-width:48rem}}@media(min-width:64rem){.cd-demo-max-width-adaptive-md,.cd-demo-max-width-adaptive,.cd-demo-max-width-adaptive-lg,.cd-demo-max-width-adaptive-xl{max-width:64rem}}@media(min-width:80rem){.cd-demo-max-width-adaptive,.cd-demo-max-width-adaptive-lg,.cd-demo-max-width-adaptive-xl{max-width:80rem}}@media(min-width:90rem){.cd-demo-max-width-adaptive-xl{max-width:90rem}}.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-divider{height:1px;background-color:var(--color-contrast-lower);margin:1.25rem 0}.cd-demo-switch{display:flex;justify-content:center;text-align:center}.cd-demo-switch__inner{display:flex}.cd-demo-switch__inner button{background-color:transparent;padding:0;border:0;border-radius:0;color:inherit;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:.25rem .375rem;border:1px solid var(--color-contrast-lower);color:var(--color-contrast-higher)}.cd-demo-switch__inner button:focus{outline:2px solid var(--color-contrast-higher);outline-offset:2px;position:relative;z-index:1}.cd-demo-switch__inner button:first-child{border-right:none;border-radius:3px 0 0 3px}.cd-demo-switch__inner button:last-child{border-left:none;border-radius:0 3px 3px 0}.cd-demo-switch__inner button.is-selected{background-color:var(--color-contrast-higher);color:var(--color-bg);border-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-checkbox{--size: 16px;position:relative;width:var(--size);height:var(--size)}.cd-demo-checkbox input[type=checkbox]{position:absolute;left:0;top:0;margin:0;padding:0;opacity:0;height:100%;width:100%}.cd-demo-checkbox input[type=checkbox]:checked+.cd-demo-checkbox__control{border-color:var(--color-primary);background-color:var(--color-primary);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgdmlld0JveD0nMCAwIDE2IDE2Jz48ZyBmaWxsPScjZmZmZmZmJz48cGF0aCBmaWxsPSdub25lJyBzdHJva2U9JyNmZmZmZmYnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgc3Ryb2tlLXdpZHRoPScyJyBkPSdNMyA4LjVsMyAzIDctNyc+PC9wYXRoPjwvZz48L3N2Zz4=);background-size:var(--size);background-repeat:no-repeat;background-position:center}.cd-demo-checkbox input[type=checkbox]:focus+.cd-demo-checkbox__control{border-color:var(--color-primary)}.cd-demo-checkbox input[type=checkbox]:active+.cd-demo-checkbox__control{-webkit-transform:scale(.9);transform:scale(.9)}.cd-demo-checkbox input[type=checkbox]:focus+.cd-demo-checkbox__control{box-shadow:0 0 0 2px hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),0.2)}.cd-demo-checkbox+label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cd-demo-checkbox__control{position:absolute;top:0;left:0;height:100%;width:100%;border:1px solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),0.3);border-radius:3px;background-color:var(--color-bg);pointer-events:none;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.cd-demo-text-xs{font-size:.5rem}.cd-demo-text-sm{font-size:.75rem}.cd-demo-text-base{font-size:1rem}.cd-demo-text-md{font-size:1.2rem}.cd-demo-text-selection::-moz-selection{background-color:var(--color-contrast-higher);color:var(--color-bg)}.cd-demo-text-selection::selection{background-color:var(--color-contrast-higher);color:var(--color-bg)}.cd-demo-shadow-none{box-shadow:none!important}.cd-demo-inner-shadow{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.cd-demo-margin-xxxs{margin:.25rem}.cd-demo-margin-xxs{margin:.375rem}.cd-demo-margin-xs{margin:.5rem}.cd-demo-margin-sm{margin:.75rem}.cd-demo-margin-md{margin:1.25rem}.cd-demo-margin-lg{margin:2rem}.cd-demo-margin-xl{margin:3.25rem}.cd-demo-margin-xxl{margin:5.25rem}.cd-demo-margin-xxxl{margin:8.5rem}.cd-demo-margin-y-xxxs{margin-top:.25rem;margin-bottom:.25rem}.cd-demo-margin-y-xxs{margin-top:.375rem;margin-bottom:.375rem}.cd-demo-margin-y-xs{margin-top:.5rem;margin-bottom:.5rem}.cd-demo-margin-y-sm{margin-top:.75rem;margin-bottom:.75rem}.cd-demo-margin-y-md{margin-top:1.25rem;margin-bottom:1.25rem}.cd-demo-margin-y-lg{margin-top:2rem;margin-bottom:2rem}.cd-demo-margin-y-xl{margin-top:3.25rem;margin-bottom:3.25rem}.cd-demo-margin-y-xxl{margin-top:5.25rem;margin-bottom:5.25rem}.cd-demo-margin-y-xxxl{margin-top:8.5rem;margin-bottom:8.5rem}.cd-demo-margin-top-xxxs{margin-top:.25rem}.cd-demo-margin-top-xxs{margin-top:.375rem}.cd-demo-margin-top-xs{margin-top:.5rem}.cd-demo-margin-top-sm{margin-top:.75rem}.cd-demo-margin-top-md{margin-top:1.25rem}.cd-demo-margin-top-lg{margin-top:2rem}.cd-demo-margin-top-xl{margin-top:3.25rem}.cd-demo-margin-top-xxl{margin-top:5.25rem}.cd-demo-margin-top-xxxl{margin-top:8.5rem}.cd-demo-margin-bottom-xxxs{margin-bottom:.25rem}.cd-demo-margin-bottom-xxs{margin-bottom:.375rem}.cd-demo-margin-bottom-xs{margin-bottom:.5rem}.cd-demo-margin-bottom-sm{margin-bottom:.75rem}.cd-demo-margin-bottom-md{margin-bottom:1.25rem}.cd-demo-margin-bottom-lg{margin-bottom:2rem}.cd-demo-margin-bottom-xl{margin-bottom:3.25rem}.cd-demo-margin-bottom-xxl{margin-bottom:5.25rem}.cd-demo-margin-bottom-xxxl{margin-bottom:8.5rem}.cd-demo-margin-x-xxxs{margin-right:.25rem;margin-left:.25rem}.cd-demo-margin-x-xxs{margin-right:.375rem;margin-left:.375rem}.cd-demo-margin-x-xs{margin-right:.5rem;margin-left:.5rem}.cd-demo-margin-x-sm{margin-right:.75rem;margin-left:.75rem}.cd-demo-margin-x-md{margin-right:1.25rem;margin-left:1.25rem}.cd-demo-margin-x-lg{margin-right:2rem;margin-left:2rem}.cd-demo-margin-x-xl{margin-right:3.25rem;margin-left:3.25rem}.cd-demo-margin-x-xxl{margin-right:5.25rem;margin-left:5.25rem}.cd-demo-margin-x-xxxl{margin-right:8.5rem;margin-left:8.5rem}.cd-demo-margin-right-xxxs{margin-right:.25rem}.cd-demo-margin-right-xxs{margin-right:.375rem}.cd-demo-margin-right-xs{margin-right:.5rem}.cd-demo-margin-right-sm{margin-right:.75rem}.cd-demo-margin-right-md{margin-right:1.25rem}.cd-demo-margin-right-lg{margin-right:2rem}.cd-demo-margin-right-xl{margin-right:3.25rem}.cd-demo-margin-right-xxl{margin-right:5.25rem}.cd-demo-margin-right-xxxl{margin-right:8.5rem}.cd-demo-margin-left-md{margin-left:1.25rem}.cd-demo-margin-left-xxxs{margin-left:.25rem}.cd-demo-margin-left-xxs{margin-left:.375rem}.cd-demo-margin-left-xs{margin-left:.5rem}.cd-demo-margin-left-sm{margin-left:.75rem}.cd-demo-margin-left-lg{margin-left:2rem}.cd-demo-margin-left-xl{margin-left:3.25rem}.cd-demo-margin-left-xxl{margin-left:5.25rem}.cd-demo-margin-left-xxxl{margin-left:8.5rem}.cd-demo-padding-xxxs{padding:.25rem}.cd-demo-padding-xxs{padding:.375rem}.cd-demo-padding-xs{padding:.5rem}.cd-demo-padding-sm{padding:.75rem}.cd-demo-padding-md{padding:1.25rem}.cd-demo-padding-lg{padding:2rem}.cd-demo-padding-xl{padding:3.25rem}.cd-demo-padding-xxl{padding:5.25rem}.cd-demo-padding-xxxl{padding:8.5rem}.cd-demo-padding-y-xxxs{padding-top:.25rem;padding-bottom:.25rem}.cd-demo-padding-y-xxs{padding-top:.375rem;padding-bottom:.375rem}.cd-demo-padding-y-xs{padding-top:.5rem;padding-bottom:.5rem}.cd-demo-padding-y-sm{padding-top:.75rem;padding-bottom:.75rem}.cd-demo-padding-y-md{padding-top:1.25rem;padding-bottom:1.25rem}.cd-demo-padding-y-lg{padding-top:2rem;padding-bottom:2rem}.cd-demo-padding-y-xl{padding-top:3.25rem;padding-bottom:3.25rem}.cd-demo-padding-y-xxl{padding-top:5.25rem;padding-bottom:5.25rem}.cd-demo-padding-y-xxxl{padding-top:8.5rem;padding-bottom:8.5rem}.cd-demo-padding-top-xxxs{padding-top:.25rem}.cd-demo-padding-top-xxs{padding-top:.375rem}.cd-demo-padding-top-xs{padding-top:.5rem}.cd-demo-padding-top-sm{padding-top:.75rem}.cd-demo-padding-top-md{padding-top:1.25rem}.cd-demo-padding-top-lg{padding-top:2rem}.cd-demo-padding-top-xl{padding-top:3.25rem}.cd-demo-padding-top-xxl{padding-top:5.25rem}.cd-demo-padding-top-xxxl{padding-top:8.5rem}.cd-demo-padding-bottom-xxxs{padding-bottom:.25rem}.cd-demo-padding-bottom-xxs{padding-bottom:.375rem}.cd-demo-padding-bottom-xs{padding-bottom:.5rem}.cd-demo-padding-bottom-sm{padding-bottom:.75rem}.cd-demo-padding-bottom-md{padding-bottom:1.25rem}.cd-demo-padding-bottom-lg{padding-bottom:2rem}.cd-demo-padding-bottom-xl{padding-bottom:3.25rem}.cd-demo-padding-bottom-xxl{padding-bottom:5.25rem}.cd-demo-padding-bottom-xxxl{padding-bottom:8.5rem}.cd-demo-padding-x-xxxs{padding-right:.25rem;padding-left:.25rem}.cd-demo-padding-x-xxs{padding-right:.375rem;padding-left:.375rem}.cd-demo-padding-x-xs{padding-right:.5rem;padding-left:.5rem}.cd-demo-padding-x-sm{padding-right:.75rem;padding-left:.75rem}.cd-demo-padding-x-md{padding-right:1.25rem;padding-left:1.25rem}.cd-demo-padding-x-lg{padding-right:2rem;padding-left:2rem}.cd-demo-padding-x-xl{padding-right:3.25rem;padding-left:3.25rem}.cd-demo-padding-x-xxl{padding-right:5.25rem;padding-left:5.25rem}.cd-demo-padding-x-xxxl{padding-right:8.5rem;padding-left:8.5rem}.cd-demo-padding-right-xxxs{padding-right:.25rem}.cd-demo-padding-right-xxs{padding-right:.375rem}.cd-demo-padding-right-xs{padding-right:.5rem}.cd-demo-padding-right-sm{padding-right:.75rem}.cd-demo-padding-right-md{padding-right:1.25rem}.cd-demo-padding-right-lg{padding-right:2rem}.cd-demo-padding-right-xl{padding-right:3.25rem}.cd-demo-padding-right-xxl{padding-right:5.25rem}.cd-demo-padding-right-xxxl{padding-right:8.5rem}.cd-demo-padding-left-md{padding-left:1.25rem}.cd-demo-padding-left-xxxs{padding-left:.25rem}.cd-demo-padding-left-xxs{padding-left:.375rem}.cd-demo-padding-left-xs{padding-left:.5rem}.cd-demo-padding-left-sm{padding-left:.75rem}.cd-demo-padding-left-lg{padding-left:2rem}.cd-demo-padding-left-xl{padding-left:3.25rem}.cd-demo-padding-left-xxl{padding-left:5.25rem}.cd-demo-padding-left-xxxl{padding-left:8.5rem}@media not all and (min-width:32rem){.cd-demo-display\@xs{display:none!important}}@media not all and (min-width:48rem){.cd-demo-display\@sm{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}}@media(min-width:32rem){.cd-demo-hide\@xs{display:none!important}}@media(min-width:48rem){.cd-demo-hide\@sm{display:none!important}}@media(min-width:64rem){.cd-demo-hide\@md{display:none!important}}@media(min-width:80rem){.cd-demo-hide\@lg{display:none!important}}@media(min-width:90rem){.cd-demo-hide\@xl{display:none!important}}