.qubely-field-group-btn{align-items:center}.qubely-field-group-btn label{margin-bottom:0}.qubely-field-group-btn .qubely-field-child{display:flex;justify-content:end;align-items:center}.qubely-field-group-btn .qubely-field-child .qubley-group-button{display:inline-block;white-space:nowrap;padding:0px 9px;color:#8d96a0;font-size:12px;border-top:1px solid #d6d9dd;border-bottom:1px solid #d6d9dd;border-left:1px solid #d6d9dd;text-transform:capitalize;cursor:pointer;box-shadow:none;line-height:26px;height:26px}.qubely-field-group-btn .qubely-field-child .qubley-group-button.extra-padding{padding:0px 10px;font-weight:bold;font-size:15px}.qubely-field-group-btn .qubely-field-child .qubley-group-button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px;border-right:1px solid #d6d9dd}.qubely-field-group-btn .qubely-field-child .qubley-group-button:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.qubely-field-group-btn .qubely-field-child .qubley-group-button.qubley-active-group-btn{color:#2184f9;background:#d2e7ff;border-color:#a9d0ff}.qubely-field-group-btn .qubely-field-child .qubley-group-button.qubley-active-group-btn+.qubley-group-button{border-left-color:#a9d0ff}
.qubely-input-range{display:flex}.qubely-input-range>*:not(:last-child){margin-right:8px}.qubely-input-range input[type=number]{width:55px !important}.qubely-input-range input[type=range]{-webkit-appearance:none;margin-top:7px;margin-bottom:7px;width:100%;padding-left:0;padding-right:0;background:rgba(0,0,0,0)}.qubely-input-range input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;animate:.2s;background:#e5e7ea;border-radius:5px;border:0px solid #000}.qubely-input-range input[type=range]::-webkit-slider-thumb{border:1px solid #fff;height:14px;width:14px;border-radius:8px;background:#606871;cursor:pointer;-webkit-appearance:none;margin-top:-5px}.qubely-input-range input[type=range]:focus::-webkit-slider-runnable-track{background:hsl(216,10.6382978723%,95.7843137255%)}.qubely-input-range input[type=range]::-moz-range-track{width:100%;height:4px;cursor:pointer;animate:.2s;background:#e5e7ea;border-radius:5px;border:0px solid #000}.qubely-input-range input[type=range]::-moz-range-thumb{border:1px solid #fff;height:14px;width:14px;border-radius:8px;background:#606871;cursor:pointer}.qubely-input-range input[type=range]::-ms-track{width:100%;height:4px;cursor:pointer;animate:.2s;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-width:14px 0;color:rgba(0,0,0,0)}.qubely-input-range input[type=range]::-ms-fill-lower{background:hsl(216,10.6382978723%,85.7843137255%);border:0px solid #000;border-radius:10px}.qubely-input-range input[type=range]::-ms-fill-upper{background:#e5e7ea;border:0px solid #000;border-radius:10px}.qubely-input-range input[type=range]::-ms-thumb{border:1px solid #fff;height:14px;width:14px;border-radius:8px;background:#606871;cursor:pointer}.qubely-input-range input[type=range]:focus::-ms-fill-lower{background:#e5e7ea}.qubely-input-range input[type=range]:focus::-ms-fill-upper{background:hsl(216,10.6382978723%,95.7843137255%)}.qubely-field-range>label{width:100%;margin-bottom:2px}
.qubely-field.qubely-field-toggle{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.qubely-field.qubely-field-toggle>label{width:auto;margin-bottom:0}.qubely-field.qubely-field-toggle .components-toggle-control,.qubely-field.qubely-field-toggle .components-toggle-control .components-base-control__field{margin-bottom:0 !important}.qubely-field.qubely-field-toggle .components-toggle-control .components-base-control__field .components-form-toggle{margin-right:0}.qubely-field.qubely-field-toggle .components-form-toggle.is-checked .components-form-toggle__track{background-color:#2184f9}
.qubely-field-font-family{min-width:calc(65% - 15px)}.qubely-field-font-weight{min-width:35%}.qubely-font-family-picker,.qubely-font-weight-picker-wrapper{-webkit-box-align:center;align-items:center;background-color:#fff;cursor:default;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between;position:relative;box-sizing:border-box;border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;transition:all 100ms ease 0s;outline:0px !important;line-height:28px;height:30px;vertical-align:middle;padding-left:5px}.qubely-font-family-picker .editor-rich-text,.qubely-font-weight-picker-wrapper .editor-rich-text{width:100%}.qubely-font-family-picker .selected-font-family,.qubely-font-weight-picker-wrapper .selected-font-family{color:#000}.qubely-font-family-option-wrapper{top:100%;background-color:#fff;box-shadow:rgba(0,0,0,.1) 0px 0px 0px 1px,rgba(0,0,0,.1) 0px 4px 11px;margin-bottom:8px;margin-top:8px;position:absolute;width:70%;box-sizing:border-box;border-radius:4px;z-index:100}.qubely-font-weight-wrapper{top:100%;left:62%;background-color:#fff;box-shadow:rgba(0,0,0,.1) 0px 0px 0px 1px,rgba(0,0,0,.1) 0px 4px 11px;margin-bottom:8px;margin-top:8px;position:absolute;width:40%;box-sizing:border-box;border-radius:4px;z-index:100}.qubely-font-family-options,.qubely-font-family-weights{max-height:270px;overflow-y:auto;padding-bottom:4px;padding-top:4px;position:relative;box-sizing:border-box}.qubely-active-font-family,.qubely-active-font-weight{background-color:#2684ff;color:#fff;cursor:default;display:block;font-size:inherit;width:100%;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;padding:8px 12px}.qubely-font-family-option,.qubely-font-weight-option{background-color:rgba(0,0,0,0);color:inherit;cursor:default;display:block;font-size:inherit;width:100%;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;padding:8px 12px}.qubely-font-family-option:hover,.qubely-font-weight-option:hover{background-color:#e8eaeb}.qubely-font-family-search-wrapper{display:flex;justify-content:space-between;width:100%}.qubely-font-family-search-wrapper input.qubely-font-family-search{border:none !important;background-color:rgba(0,0,0,0) !important}.qubely-font-family-search-wrapper input.qubely-font-family-search:focus,.qubely-font-family-search-wrapper input.qubely-font-family-search:active,.qubely-font-family-search-wrapper input.qubely-font-family-search:hover{outline:0;box-shadow:none}.qubely-font-weight-picker-wrapper{display:flex;justify-content:space-between;width:100%}.qubely-font-select-icon{display:flex;align-items:center;padding-right:3px}.qubely-field.qubely-field-typography .components-dropdown.qubely-field{width:100%}
