.widget-configurator{color:#454545;max-width:960px;margin:0 auto;padding:20px;font-family:sans-serif;font-size:16px}.widget-configurator h3{margin:1em 0 .5em;font-size:1em;font-weight:700}.widget-configurator__preview{background-color:#ecf0f1;border-radius:5px;justify-content:center;align-items:center;min-height:220px;margin-bottom:20px;display:flex;overflow:auto}.widget-configurator__frame{border:0;max-width:100%}.widget-configurator .presets{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.widget-configurator .presets .preset{cursor:pointer;background-color:#fff;border:1px solid #bdc3c7;border-radius:5px;justify-content:center;align-items:center;height:40px;padding:0 10px;display:flex}.widget-configurator .presets .preset:hover{border-color:#16a085}.widget-configurator .presets .preset__swatch{display:block}.widget-configurator .toggle{color:#fff;cursor:pointer;background-color:#16a085;border:0;border-radius:3px;margin:20px 0;padding:8px 12px;display:block}.widget-configurator .toggle:hover{background-color:#1abc9c}.widget-configurator .settings{flex-wrap:wrap;gap:20px;display:flex}.widget-configurator .settings__col{box-sizing:border-box;flex:calc(50% - 10px);min-width:260px}.widget-configurator fieldset{border:none;margin:0;padding:0}.widget-configurator .widget_size label,.widget-configurator label.left,.widget-configurator .settings h3{color:#7f8c8d;letter-spacing:.02em;text-transform:uppercase;margin:16px 0 6px;font-size:.8em;font-weight:700;display:block}.widget-configurator .settings__col>:first-child{margin-top:0}.widget-configurator label{margin-right:14px;font-size:.9em;display:inline-block}.widget-configurator label input[type=radio]{vertical-align:middle;margin:0 4px 0 0}.widget-configurator input[type=text],.widget-configurator input[type=number],.widget-configurator select{box-sizing:border-box;vertical-align:middle;background-color:#fff;border:1px solid #bdc3c7;border-radius:3px;height:30px;padding:0 8px;font-size:.85em;line-height:1.2}.widget-configurator .config_block p{color:#7f8c8d;margin:6px 0 0;font-size:.8em}.widget-configurator .widget_size{margin-bottom:20px}.widget-configurator .widget_size .numeric{width:90px}.widget-configurator .settings__col>input[type=text]{width:100%}.widget-configurator .row{align-items:center;gap:10px;display:flex}.widget-configurator .color{align-items:center;gap:6px;display:inline-flex}.widget-configurator .color input[type=color]{box-sizing:border-box;vertical-align:middle;cursor:pointer;background:0 0;border:1px solid #bdc3c7;border-radius:3px;width:30px;height:30px;padding:2px;font-size:.85em;line-height:1.2}.widget-configurator .color .hex{width:84px}.widget-configurator .color-pair{align-items:center;gap:10px;display:flex}.widget-configurator .copy{flex-direction:column;gap:3px;display:flex}.widget-configurator .copy button{box-sizing:border-box;cursor:pointer;background-color:#fff;border:1px solid #bdc3c7;border-radius:3px;padding:1px 7px;font-size:.85em;line-height:1.1}.widget-configurator .copy button:hover{border-color:#16a085}.widget-configurator .embedcode textarea{box-sizing:border-box;resize:vertical;border:1px solid #bdc3c7;border-radius:3px;width:100%;min-height:80px;padding:8px;font-family:monospace}