.rceCodeBlock{margin:1.5rem 0 1rem}.rceCodeBlock .rceCodeBlock-body-demo-component{padding:.5rem;overflow:auto}.rceCodeBlock .rceCodeBlock-body-demo-component.rceCodeBlock-body--background{padding:1rem;background:#f2f2f2;background-color:var(--rc-background-800);border-radius:8px}.rceCodeBlock:first-child{margin-top:0}.rceCodeBlock:last-child{margin-bottom:0}.rceCodePerformance-controls{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:#f2f2f2 dashed 2px;border-bottom-color:var(--rc-background-800)}.rcePropBlock--title{font-family:monospace;font-size:13px;font-weight:700}.rcePropBlock--description{margin-top:.25rem;font-size:11px;opacity:.5}.rcePropBlock--type{font-family:monospace;display:inline-block;padding:.5rem;margin:0 -.5rem;border-radius:4px;background:#00000008}.rceDashboard{position:relative;width:100%;height:100%;flex-grow:1;padding:.5rem}.rceDashboard>.rceDashboard-inner{width:100%;height:100%;position:relative;border-radius:8px;overflow:hidden;box-shadow:inset 0 1.6px 3.6px #00000021,inset 0 .3px .9px #0000001c}.rceDashboard>.rceDashboard-inner>.rceDashboard--composite,.rceDashboard>.rceDashboard-inner>.rceDashboard--slices,.rceDashboard>.rceDashboard-inner>.rceDashboard--logo{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.rceDashboard>.rceDashboard-inner>.rceDashboard--composite{box-shadow:inset 50px 50px 400px var(--rc-accent-primary);opacity:.3}.rceDashboard>.rceDashboard-inner>.rceDashboard--logo{display:flex;flex-direction:column}.rceDashboard>.rceDashboard-inner>.rceDashboard--slices>canvas{height:100%;width:100%}.rcFormControlLayout>.rcFormControlLayout-control input[type=color]{height:2.55rem;padding:4px}.rce-theme-block{display:inline-block;height:2rem;width:2rem;margin:.25rem;outline:solid 1px #000;border:solid 1px #fff}