@font-face{font-family:Reel0;src:url('/assets/reel-time/reel-60.otf')}@font-face{font-family:Reel2;src:url('/assets/reel-time/reel-50.otf')}@font-face{font-family:Reel1;src:url('/assets/reel-time/reel-42.otf')}
html{font-size:17px;overflow-x:hidden}body{background:#17171a;margin:0}#main-form{max-width:600px;margin:0 auto;padding:12px}button,select,input{min-height:44px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ff8c70;outline-offset:3px}.section{margin-bottom:14px}.component-heading{scroll-margin-top:20px}.component-footer{display:none}.embedded #main-form{padding:0}.embedded .component-heading:first-child:not(.section .component-heading){display:none}.embedded [data-demo-preview]{display:none!important}.demo-notice{padding:16px;color:#ddd;text-align:center;font:15px/1.5 system-ui}.embedded .demo-notice{display:none}.component-slider input{min-height:44px}
.component-toggle label{position:relative}.component-toggle input[type=checkbox]{display:block!important;position:absolute;opacity:0;width:44px;height:44px;min-height:44px;right:0;top:0}.component-toggle label:has(input:focus-visible){outline:3px solid #ff8c70;outline-offset:3px}
.capture .demo-notice,.capture #main-form>.component{display:none}.capture #main-form{max-width:none;padding:12px}.capture .component-heading button:focus{outline:none}
.component-color label:focus-visible,.component-color .selectable:focus-visible{outline:3px solid #ff8c70;outline-offset:3px}
.embedded body{padding:0;margin:0;min-height:0;height:auto}.embedded #main-form{margin:0;max-width:none}
.embedded #main-form{display:flow-root}