.example--control-panel{position:relative;padding:.25rem;padding-left:.75rem;border-radius:.5rem;border-radius:1rem;background:#030;border:.125em solid #6f6;color:#6f6}.example--control-panel>:not(style):not(script):not(template):not([hidden])~:not(style):not(script):not(template):not([hidden]){margin-top:.5em}.example--control-panel>:not(style):not(script):not(template):not([hidden]):has(~:not(style):not(script):not(template):not([hidden])){margin-bottom:.5em}.example--control-panel>style,.example--control-panel>script,.example--control-panel>template{display:none !important;margin:0 !important}.example--control-panel::before{display:block;font-weight:bold;margin-bottom:.5em;font-size:1.05em;font-family:"font-icon--example","Helvetica Neue",Helvetica,Arial,sans-serif;content:" Control Panel";display:block;margin-bottom:.5rem;margin-right:.5em;padding-top:.25em;padding-bottom:.5em}.example--control-panel::before:not(:first-child){margin-top:1.5em}.example--control-panel.example--control-panel--sticky{position:sticky;top:0;z-index:20;margin-bottom:0px !important}.example--control-panel.example--control-panel--sticky::before{content:" Control Panel - Sticky"}.example--control-panel.example--control-panel--collapsed::before{margin-bottom:0px}.example--control-panel.example--control-panel--compact::before{display:inline-block;margin-bottom:0px}.example--control-panel.example--control-panel--compact>*:nth-child(1){float:right}.example--control-panel.example--control-panel--compact::after{content:" ";display:block;clear:both}.example--control-panel__collapse{position:absolute;right:.4375em;top:.4375em;z-index:1;margin:0px}.example--control-panel.example--control-panel--collapsed>:not(.example--control-panel__collapse){display:none !important}.example--control-panel label{color:#6f6}.example--control-panel select{border:1px solid hsla(0,0%,100%,.2);background:#6f6;color:#000}.example--control-panel select option{background:#6f6;color:#000}.example--control-panel select option:hover,.example--control-panel select option:focus,.example--control-panel select option:checked{background:#000;color:#6f6}.example--control-panel blockquote::before{background-color:#6f6}.example--control-panel legend{background-color:#6f6}.example--control-panel fieldset{border-color:#6f6}.example--control-panel input:not([type=checkbox]):not([type=range]):not([type=range]){background-color:#6f6}.example--control-panel h1,.example--control-panel h2,.example--control-panel h3,.example--control-panel h4,.example--control-panel h5,.example--control-panel h6,.example--control-panel p{color:inherit}.example--control-panel .counter:before{background-color:#6f6 !important;color:#030 !important}.example--control-panel button{background:#6f6;color:#000}.example--control-panel input[type=checkbox],.example--control-panel input[type=range]{accent-color:#6f6}.example--control-panel input[type=checkbox]:checked:after,.example--control-panel input[type=radio]:checked:after{background-color:#6f6}.example--control-panel input[type=range]::-webkit-slider-thumb{background-color:#6f6}@media(min-width: 64.1rem){.example--control-panel--controls{text-align:right}}/* Built with Synticore Website Compiler 1.1.4 */
/*# sourceMappingURL=example-control.min.css.map */