| 1 |
{"version":3,"file":"editor.css","mappings":"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","sources":["webpack://countdown-time/../Components/style.scss","webpack://countdown-time/../Components/BColor/BColor.scss","webpack://countdown-time/../Components/BDevice/BDevice.scss","webpack://countdown-time/../Components/ColorControl/ColorControl.scss","webpack://countdown-time/../Components/IconControl/IconControl.scss","webpack://countdown-time/../Components/ImageControl/ImageControl.scss","webpack://countdown-time/../Components/MediaControl/MediaControl.scss","webpack://countdown-time/../Components/SelectPureControl/SelectPureControl.scss","webpack://countdown-time/../Components/SpaceControl/SpaceControl.scss","webpack://countdown-time/../Components/Typography/Typography.scss","webpack://countdown-time/./src/editor.scss"],"sourcesContent":["$primaryColor: #4527a4;\r\n$secondaryColor: #8344c5;\r\n\r\n// Block Align\r\n.edit-post-visual-editor .editor-styles-wrapper {\r\n\tmax-width: inherit !important;\r\n}\r\n\r\n.block-editor-block-list__block[data-align='full'],\r\n.wp-block[data-align='full'] {\r\n\tmax-width: 100% !important;\r\n}\r\n\r\n// .block-editor-block-list__block[data-align='wide']{\r\n// \tmax-width: 1400px !important;\r\n// \twidth: 100% !important;\r\n// \tmargin: 0 auto;\r\n// }\r\n// .wp-block[data-align='wide']{\r\n// \tmax-width: 100% !important;\r\n// \twidth: 100% !important;\r\n\r\n// \t@media screen and (max-width: 1440px){\r\n// \t\twidth: 92%!important;\r\n// \t}\r\n// \t@media screen and (max-width: 1366px){\r\n// \t\twidth: 94%!important;\r\n// \t}\r\n// \t@media screen and (max-width: 992px){\r\n// \t\twidth: 96%!important;\r\n// \t}\r\n// \t@media screen and (max-width: 768px){\r\n// \t\twidth: 98%!important;\r\n// \t}\r\n// \t@media screen and (max-width: 576px){\r\n// \t\twidth: 100%!important;\r\n// \t}\r\n// }\r\n\r\n// .wp-block[data-align='full'] {\r\n// \tdisplay: contents;\r\n// }\r\n\r\n// .block-editor-block-list__block[data-align='wide']{\r\n// \tmax-width: 100%!important;\r\n// \twidth: 100%!important;\r\n// }\r\n\r\n// .wp-block[data-align='wide']{\r\n// \tmax-width: 100%!important;\r\n// \twidth: 94%!important;\r\n// }\r\n\r\n// @media screen and (max-width: 992px){\r\n// \t.wp-block[data-align='wide'] {\r\n// \t\twidth: 96%!important;\r\n// \t}\r\n// }\r\n\r\n// @media screen and (max-width: 768px){\r\n// \t.wp-block[data-align='wide'] {\r\n// \t\twidth: 98%!important;\r\n// \t}\r\n// }\r\n\r\n// @media screen and (max-width: 576px){\r\n// \t.wp-block[data-align='wide'] {\r\n// \t\twidth: 100%!important;\r\n// \t}\r\n// }\r\n\r\n// .block-editor-block-list__block[data-align='center'] {\r\n// \tmax-width: 100%!important;\r\n// \twidth: 100%!important;\r\n// }\r\n\r\n// Common CSS\r\n.gap0 {\r\n\tgap: 0 !important;\r\n}\r\n\r\n.gap3 {\r\n\tgap: 3px !important;\r\n}\r\n\r\n.gap5 {\r\n\tgap: 5px !important;\r\n}\r\n\r\n.gap10 {\r\n\tgap: 10px !important;\r\n}\r\n\r\n.gap15 {\r\n\tgap: 15px !important;\r\n}\r\n\r\n.gap20 {\r\n\tgap: 20px !important;\r\n}\r\n\r\n.gap35 {\r\n\tgap: 35px !important;\r\n}\r\n\r\n.mt0 {\r\n\tmargin-top: 0px !important;\r\n}\r\n\r\n.mt3 {\r\n\tmargin-top: 3px !important;\r\n}\r\n\r\n.mt5 {\r\n\tmargin-top: 5px !important;\r\n}\r\n\r\n.mt10 {\r\n\tmargin-top: 10px !important;\r\n}\r\n\r\n.mt15 {\r\n\tmargin-top: 15px !important;\r\n}\r\n\r\n.mt20 {\r\n\tmargin-top: 20px !important;\r\n}\r\n\r\n.mt30 {\r\n\tmargin-top: 30px !important;\r\n}\r\n\r\n.mt35 {\r\n\tmargin-top: 35px !important;\r\n}\r\n\r\n.mb0 {\r\n\tmargin-bottom: 0px !important;\r\n}\r\n\r\n.mb3 {\r\n\tmargin-bottom: 3px !important;\r\n}\r\n\r\n.mb5 {\r\n\tmargin-bottom: 5px !important;\r\n}\r\n\r\n.mb10 {\r\n\tmargin-bottom: 10px !important;\r\n}\r\n\r\n.mb15 {\r\n\tmargin-bottom: 15px !important;\r\n}\r\n\r\n.mb20 {\r\n\tmargin-bottom: 20px !important;\r\n}\r\n\r\n.mb30 {\r\n\tmargin-bottom: 30px !important;\r\n}\r\n\r\n.mb35 {\r\n\tmargin-bottom: 35px !important;\r\n}\r\n\r\n// Tab Panel\r\n.bPlTabPanel {\r\n\t.components-tab-panel__tabs {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\r\n\t\tbutton {\r\n\t\t\t// font-size: 16px;\r\n\t\t\tcolor: $primaryColor;\r\n\t\t\twidth: 50%;\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\tcolor: $primaryColor;\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.activeTab {\r\n\t\t\tborder-bottom: 3px solid $primaryColor;\r\n\t\t\tfont-weight: bold;\r\n\t\t\tbackground-color: rgba($primaryColor, .15);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.components-button.has-icon .dashicon {\r\n\tmargin: 0;\r\n}\r\n\r\n// Toolbar\r\n.bPlToolbar {\r\n\t.dashicon {\r\n\t\tfont-size: 23px;\r\n\t}\r\n}\r\n\r\n// Dropdown\r\n.bPlDropdown {\r\n\t.dashicon {\r\n\t\tmargin-right: 0 !important;\r\n\t}\r\n}\r\n\r\n.bPlDropdownPopover {\r\n\tmin-width: 280px;\r\n\theight: auto;\r\n\tbox-sizing: border-box;\r\n\tz-index: 9999;\r\n\r\n\t.components-popover__content {\r\n\t\tmin-width: 280px;\r\n\t\tmargin-right: -35px !important;\r\n\t\tmargin-top: -8px;\r\n\t\tborder: none;\r\n\t\tbox-sizing: border-box;\r\n\t\tbox-shadow: 0 3px 15px 0 #4527a480;\r\n\t\tborder-radius: 5px;\r\n\t}\r\n\r\n\t.dashicon {\r\n\t\tmargin-right: 0 !important;\r\n\t}\r\n}\r\n\r\n// Panel Body\r\n.bPlPanelBody,\r\n.bPlDropdownPopover .components-popover__content {\r\n\thr {\r\n\t\tborder-bottom: 1px solid #f0f0f0;\r\n\t\tborder-top: none;\r\n\t\tmargin: 20px 0;\r\n\t}\r\n\r\n\t// Panel Title\r\n\t// .components-panel__body-title {\r\n\t// \tbutton {\r\n\t// \t\tfont-size: 16px;\r\n\t// \t}\r\n\t// }\r\n\r\n\t&.components-panel__body .components-base-control__field {\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t// Unit Control\r\n\t.components-unit-control-wrapper .components-unit-control__select,\r\n\t.components-input-control__suffix .components-unit-control__unit-label {\r\n\t\tfont-size: 11px !important;\r\n\t\twidth: 25px !important;\r\n\t\tcolor: #fff !important;\r\n\t\tbackground-color: $primaryColor !important;\r\n\t}\r\n\r\n\t// Checkbox Control\r\n\t.components-checkbox-control {\r\n\t\t.components-base-control__field {\r\n\t\t\tdisplay: flex;\r\n\r\n\t\t\t.components-checkbox-control__input[type=checkbox] {\r\n\t\t\t\tborder-radius: 4px;\r\n\t\t\t\tborder-color: $primaryColor;\r\n\r\n\t\t\t\t&:checked {\r\n\t\t\t\t\tbackground-color: $secondaryColor;\r\n\t\t\t\t\tborder-color: $primaryColor;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:focus {\r\n\t\t\t\t\tbox-shadow: 0 0 0 2px #fff, 0 0 0 3.5px $primaryColor;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tlabel {\r\n\t\t\t\tmargin-right: 0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// Select Control\r\n\t.components-base-control.css-wdf2ti-Wrapper {\r\n\t\tmargin-bottom: 0 !important;\r\n\t}\r\n\r\n\t// Toggle Control\r\n\t.components-toggle-control {\r\n\t\tlabel {\r\n\t\t\tmargin-bottom: 3px;\r\n\t\t}\r\n\t}\r\n\r\n\t.components-form-toggle {\r\n\t\t.components-form-toggle__track {\r\n\t\t\tborder: 1px solid $primaryColor;\r\n\t\t}\r\n\r\n\t\t&.is-checked .components-form-toggle__track {\r\n\t\t\tbackground-color: $secondaryColor;\r\n\t\t}\r\n\r\n\t\t.components-form-toggle__input:focus+.components-form-toggle__track {\r\n\t\t\tbox-shadow: 0 0 0 2px #fff, 0 0 0 3.5px $primaryColor;\r\n\t\t}\r\n\r\n\t\t.components-form-toggle__thumb {\r\n\t\t\tbackground-color: $primaryColor;\r\n\t\t\tborder-color: $primaryColor;\r\n\t\t}\r\n\r\n\t\t&.is-checked .components-form-toggle__thumb {\r\n\t\t\tbackground-color: #fff;\r\n\t\t}\r\n\t}\r\n\r\n\t// Range Control\r\n\t.components-range-control__root {\r\n\t\talign-items: center !important;\r\n\r\n\t\t.css-19yq0mf-BeforeIconWrapper {\r\n\t\t\tmargin: 0 !important;\r\n\t\t}\r\n\r\n\t\t>span {\r\n\t\t\tmargin-top: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.components-range-control__wrapper {\r\n\t\t.components-range-control__track {\r\n\t\t\tbackground-color: $secondaryColor;\r\n\t\t}\r\n\r\n\t\t.css-5p7d2w-ThumbWrapper,\r\n\t\t.components-range-control__thumb-wrapper {\r\n\t\t\twidth: 14px;\r\n\t\t\theight: 14px;\r\n\t\t\tmargin-top: 8px;\r\n\r\n\t\t\t>* {\r\n\t\t\t\tbackground-color: $primaryColor;\r\n\t\t\t\tborder: 1px solid $primaryColor;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.components-range-control__tooltip {\r\n\t\t\tbackground-color: $primaryColor;\r\n\t\t}\r\n\t}\r\n\r\n\t// Radio Control\r\n\t.components-radio-control__option {\r\n\t\tmargin-right: 15px;\r\n\t\tmargin-bottom: 0;\r\n\r\n\t\t&:last-child {\r\n\t\t\tmargin-right: 0;\r\n\t\t}\r\n\r\n\t\t.components-radio-control__input[type=radio] {\r\n\t\t\tborder: 1px solid $primaryColor;\r\n\r\n\t\t\t&:checked {\r\n\t\t\t\tbackground-color: $primaryColor;\r\n\t\t\t\tborder-color: $primaryColor;\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\tbox-shadow: 0 0 0 2px #fff, 0 0 0 3.5px $primaryColor;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tlabel {\r\n\t\t\tmargin-right: 0;\r\n\t\t\tmargin-bottom: 1px;\r\n\t\t}\r\n\t}\r\n\r\n\t// Gradient Control\r\n\t.components-circular-option-picker {\r\n\t\t.components-circular-option-picker__swatches {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\tmargin-right: 0;\r\n\r\n\t\t\t.components-circular-option-picker__option-wrapper {\r\n\t\t\t\tmargin: 0 !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.components-custom-gradient-picker {\r\n\t\t\t.components-custom-gradient-picker__gradient-bar {\r\n\t\t\t\tmargin-top: 5px;\r\n\t\t\t\tmargin-bottom: 5px;\r\n\t\t\t}\r\n\r\n\t\t\t.components-custom-gradient-picker__ui-line {\r\n\t\t\t\tmargin-bottom: 0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// Input Control\r\n\t.components-input-control {\r\n\t\theight: auto;\r\n\t}\r\n\r\n\t// Date Picker\r\n\t.components-datetime {\r\n\t\t.components-datetime__time-field {\r\n\r\n\t\t\tinput,\r\n\t\t\tselect {\r\n\t\t\t\t&:focus {\r\n\t\t\t\t\tborder-color: $primaryColor;\r\n\t\t\t\t\tbox-shadow: none;\r\n\t\t\t\t\toutline: 1px solid $secondaryColor !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tselect {\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: $primaryColor;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.components-button {\r\n\t\t\tcolor: $primaryColor;\r\n\t\t\tborder: 1px solid $secondaryColor;\r\n\t\t\tbox-shadow: none;\r\n\t\t\tpadding: 6px 10.5px;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: $primaryColor;\r\n\t\t\t}\r\n\r\n\t\t\t&.is-primary {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\tbackground-color: $primaryColor;\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground-color: $secondaryColor !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:focus {\r\n\t\t\t\t\toutline: 1px solid $secondaryColor !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.components-datetime__timezone {\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\r\n\t\t.components-datetime__date {\r\n\t\t\t.DayPickerNavigation_button__horizontalDefault:focus {\r\n\t\t\t\tborder-color: $primaryColor;\r\n\t\t\t\tbox-shadow: 0 0 0 1px $primaryColor;\r\n\t\t\t}\r\n\r\n\t\t\t.CalendarDay__default {\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground-color: rgba($primaryColor, 0.15);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.CalendarDay:focus {\r\n\t\t\t\tbox-shadow: inset 0 0 0 2px $primaryColor, inset 0 0 0 3px #fff;\r\n\t\t\t}\r\n\r\n\t\t\t.CalendarDay__selected {\r\n\t\t\t\tbackground-color: $primaryColor;\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground-color: $primaryColor;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.components-datetime__buttons {\r\n\t\t\tbutton {\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// Others\r\n\t.components-base-control {\r\n\t\tmargin-bottom: 0 !important;\r\n\t}\r\n\r\n\t// Custom Components\r\n\t// Labels\r\n\t.bPlLabel,\r\n\t.components-unit-control-wrapper label,\r\n\t.components-input-control__label,\r\n\t.components-number-control label {\r\n\t\t// font-size: 14px;\r\n\t\t// font-style: italic;\r\n\t\t// font-weight: 500;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 8px;\r\n\t\tpadding-bottom: 0 !important;\r\n\t\tmargin-right: auto;\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t// Reset Value\r\n\t.bPlResetVal {\r\n\t\tmin-width: 20px !important;\r\n\t\theight: 20px;\r\n\t\tpadding: 0 5px !important;\r\n\r\n\t\t.dashicon {\r\n\t\t\twidth: 17px;\r\n\t\t\theight: 17px;\r\n\t\t\tfont-size: 17px;\r\n\t\t}\r\n\t}\r\n\r\n\t// Button Group\r\n\t.bPlBtnGroup {\r\n\r\n\t\t.components-button,\r\n\t\t.is-primary {\r\n\t\t\tborder: 1px solid $secondaryColor;\r\n\t\t\tbox-shadow: none;\r\n\t\t\tpadding: 6px 10.5px;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: $primaryColor;\r\n\t\t\t}\r\n\r\n\t\t\t.dashicon {\r\n\t\t\t\tmargin-left: 0;\r\n\t\t\t\tmargin-right: 0;\r\n\t\t\t}\r\n\r\n\t\t\t&.has-icon {\r\n\t\t\t\tpadding: 6px 9px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.is-primary {\r\n\t\t\tcolor: #fff;\r\n\t\t\tbackground-color: $primaryColor;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: $secondaryColor !important;\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\toutline: 2px solid $secondaryColor !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tsvg {\r\n\t\t\tmargin-right: 0 !important;\r\n\t\t}\r\n\t}\r\n\r\n\t// Item Title\r\n\t.bplItemTitle {\r\n\t\tfont-size: 12px;\r\n\t\tfont-weight: bold;\r\n\t\ttext-transform: none;\r\n\t\tmargin-bottom: 20px;\r\n\t}\r\n\r\n\t// Add Items\r\n\t.addItem {\r\n\t\ttext-align: center;\r\n\t\tbackground: $primaryColor;\r\n\r\n\t\tbutton {\r\n\t\t\twidth: 100%;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\tcolor: #fff;\r\n\t\t\t// font-size: 15px;\r\n\t\t\t// font-weight: 700;\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t}\r\n\r\n\t\t\t&:active {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\r\n\t\t\t.dashicon {\r\n\t\t\t\tfont-size: 18px;\r\n\t\t\t\twidth: 18px;\r\n\t\t\t\theight: 18px;\r\n\t\t\t\tmargin-right: 5px;\r\n\t\t\t\tmargin-bottom: -5px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// Item Action\r\n\t.itemAction {\r\n\r\n\t\t.removeItem,\r\n\t\t.duplicateItem {\r\n\t\t\tcolor: #fff;\r\n\t\t\t// font-size: 14px;\r\n\t\t\t// font-weight: 700;\r\n\t\t\tpadding: 5px 10px;\r\n\r\n\t\t\t.dashicon,\r\n\t\t\tsvg {\r\n\t\t\t\tmargin-right: 5px;\r\n\t\t\t\tmargin-bottom: -2px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.removeItem {\r\n\t\t\tbackground-color: red;\r\n\r\n\t\t\t.dashicon {\r\n\t\t\t\tfont-size: 18px;\r\n\t\t\t\twidth: 18px;\r\n\t\t\t\theight: 18px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.duplicateItem {\r\n\t\t\tbackground-color: $primaryColor;\r\n\t\t}\r\n\t}\r\n\r\n\t// Help Button\r\n\t&.help {\r\n\t\t.helpItem {\r\n\t\t\ttext-align: center;\r\n\t\t\tbackground: $primaryColor;\r\n\t\t\tpadding: 12px 0;\r\n\r\n\t\t\t&:not(:first-child) {\r\n\t\t\t\tmargin-top: 15px;\r\n\t\t\t}\r\n\r\n\t\t\ta {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\t// font-size: 15px;\r\n\t\t\t\t// font-weight: 700;\r\n\t\t\t\ttext-decoration: none;\r\n\r\n\t\t\t\t&:focus {\r\n\t\t\t\t\tbox-shadow: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:active {\r\n\t\t\t\t\tcolor: #fff;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.dashicon {\r\n\t\t\t\t\tfont-size: 15px;\r\n\t\t\t\t\theight: 15px;\r\n\t\t\t\t\twidth: 15px;\r\n\t\t\t\t\tmargin-right: 5px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.rateUs {\r\n\t\t\ta {\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t\tpadding: 0 10px;\r\n\t\t\t\tgap: 8px;\r\n\r\n\t\t\t\tspan:first-child {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}",".bColorDropdownPopover {\r\n\t.components-popover__content {\r\n\t\tmin-width: auto;\r\n\t\tmax-width: 250px;\r\n\t}\r\n}\r\n\r\n.bColor {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n}\r\n\r\n.bColorButtonContainer {\r\n\theight: 30px;\r\n\twidth: 30px;\r\n\tbackground-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0),\r\n\t\tlinear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0);\r\n\tbackground-size: 10px 10px;\r\n\tbackground-position: 0 0, 0 5px, 5px -5px, -5px 0;\r\n\tborder: 1px solid #e9e9e9;\r\n\tborder-radius: 50%;\r\n\r\n\t.bColorButton {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tborder-radius: 50%;\r\n\t\toutline: 0px;\r\n\t\tborder: none;\r\n\t\tcursor: pointer;\r\n\r\n\t\t&:hover {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.themeColors {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tgap: 3px;\r\n}","$primaryColor: #4527a4;\r\n\r\n.bPlPanelBody,\r\n.bPlDropdownPopover .components-popover__content {\r\n\t.bDevicePopup {\r\n\t\tposition: absolute;\r\n\t\twidth: 30px;\r\n\t\tz-index: 999;\r\n\t\ttop: -11px;\r\n\t}\r\n\r\n\t.bDevice button {\r\n\t\tcursor: pointer;\r\n\t\tpadding: 1px 6px;\r\n\t}\r\n\r\n\t.bDevice {\r\n\t\twidth: 30px;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.bDevice+div {\r\n\t\tmargin-bottom: 0px !important;\r\n\t\tmargin-top: 0px !important;\r\n\t}\r\n\r\n\t.iconButton {\r\n\t\tbackground: #ffffff;\r\n\t\tborder: 1px solid $primaryColor;\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tpadding: 0 !important;\r\n\t\tmargin-left: 3px;\r\n\t\theight: 22px;\r\n\t\twidth: 26px;\r\n\t}\r\n\r\n\t.iconButton span {\r\n\t\tfont-size: 14px;\r\n\t\twidth: auto;\r\n\t\theight: auto;\r\n\t\tmargin: 0 auto;\r\n\t}\r\n\r\n\t.iconButton svg {\r\n\t\twidth: auto;\r\n\t\theight: auto;\r\n\t\tmargin: 0 auto;\r\n\t}\r\n\r\n\t.iconButton span:before {\r\n\t\tfont-size: inherit;\r\n\t}\r\n}",".bPlColorPopover {\r\n\tleft: auto !important;\r\n\tright: 0;\r\n\r\n\t.components-popover__content {\r\n\t\tmin-width: auto;\r\n\t\tmax-width: 250px;\r\n\t}\r\n}\r\n\r\n.bPlColor {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n}\r\n\r\n.bPlColorButtonContainer {\r\n\theight: 30px;\r\n\twidth: 30px;\r\n\tbackground-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0),\r\n\t\tlinear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0);\r\n\tbackground-size: 10px 10px;\r\n\tbackground-position: 0 0, 0 5px, 5px -5px, -5px 0;\r\n\tborder: 1px solid #e9e9e9;\r\n\tborder-radius: 50%;\r\n\r\n\t.bPlColorButton {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tborder-radius: 50%;\r\n\t\toutline: 0px;\r\n\t\tborder: none;\r\n\t\tcursor: pointer;\r\n\r\n\t\t&:hover {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.themeColors {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tgap: 3px;\r\n}",".bPlIconTitle {\r\n\ti {\r\n\t\tfont-size: 25px;\r\n\t}\r\n}\r\n\r\n.bPlIconSelect {\r\n\tposition: relative;\r\n\r\n\tinput {\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.bPlIconLists {\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\tmin-height: 80px;\r\n\t\tmax-height: 200px;\r\n\t\tbackground: #fff;\r\n\t\tdisplay: grid;\r\n\t\tgrid-template-columns: repeat(5, 1fr);\r\n\t\talign-items: center;\r\n\t\tjustify-items: center;\r\n\t\toverflow-y: scroll;\r\n\t\tz-index: 99;\r\n\t\tmargin: 0;\r\n\t\tbox-shadow: 0 4px 15px 0 #4527a480;\r\n\t\tborder-radius: 8px;\r\n\r\n\t\ti {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tfont-size: 24px;\r\n\t\t\tbox-sizing: content-box;\r\n\t\t\tpadding: 8px 0;\r\n\t\t\tmargin: 0;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: #4527a40f;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.dashicon {\r\n\t\tposition: absolute;\r\n\t\tright: 5px;\r\n\t\ttop: 50%;\r\n\t\ttransform: translateY(-50%);\r\n\t}\r\n}","$primaryColor: #4527a4;\r\n\r\n.editImageHolder {\r\n\tposition: relative;\r\n\tmin-height: 40px;\r\n\ttext-align: center;\r\n\r\n\t.mediaControl {\r\n\t\tposition: absolute;\r\n\t\ttext-align: center;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\ttransform: translate(-50%, -50%);\r\n\t\tborder-radius: 5px;\r\n\t\twidth: fit-content;\r\n\t\tz-index: 100;\r\n\r\n\t\t.btnControl {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tbackground-color: rgba(256, 256, 256, .8);\r\n\t\t\tpadding: 0 10px;\r\n\t\t\tborder-radius: 3px;\r\n\t\t\twidth: max-content;\r\n\r\n\t\t\tbutton {\r\n\t\t\t\tcolor: $primaryColor;\r\n\t\t\t\tfont-weight: bold;\r\n\r\n\t\t\t\t&.btnRed {\r\n\t\t\t\t\tcolor: red;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\timg {\r\n\t\tobject-fit: cover;\r\n\t}\r\n}","$primaryColor: #4527a4;\r\n\r\n.bplInlineMediaUpload {\r\n\t.components-base-control {\r\n\t\twidth: calc(100% - 36px) !important;\r\n\t}\r\n\r\n\tbutton {\r\n\t\theight: 31px;\r\n\t\tpadding: 3px !important;\r\n\t\tcolor: #fff !important;\r\n\t\tbackground-color: $primaryColor !important;\r\n\t\tborder: none !important;\r\n\t\toutline: 0;\r\n\r\n\t\t&:focus {\r\n\t\t\toutline: 0;\r\n\t\t\tbox-shadow: 0 0 0 0px $primaryColor !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.bplMediaPlaceholder {\r\n\t.components-placeholder__fieldset {\r\n\t\tflex-direction: row !important;\r\n\t}\r\n\r\n\tbutton {\r\n\t\tcolor: #fff !important;\r\n\t\tbackground-color: $primaryColor !important;\r\n\t}\r\n\r\n\t.components-button {\r\n\t\twidth: fit-content;\r\n\t\tmargin: 0 !important;\r\n\t}\r\n\r\n\t.bplUrlInput {\r\n\t\tflex: 1;\r\n\r\n\t\th3 {\r\n\t\t\tfont-size: 15px !important;\r\n\t\t\tmargin: 0 10px;\r\n\t\t\ttext-transform: uppercase;\r\n\t\t}\r\n\r\n\t\tinput {\r\n\t\t\twidth: -webkit-fill-available;\r\n\t\t\tpadding: 8.5px 15px;\r\n\t\t\tborder-bottom-right-radius: 0;\r\n\t\t\tborder-top-right-radius: 0;\r\n\t\t\tline-height: 0;\r\n\t\t}\r\n\r\n\t\tbutton {\r\n\t\t\tborder-bottom-left-radius: 0;\r\n\t\t\tborder-bottom-right-radius: 0;\r\n\t\t\tmargin-left: 10px !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.bPlPanelBody {\r\n\t.bplMediaPlaceholder {\r\n\t\t.bplUrlInput {\r\n\t\t\t.components-base-control {\r\n\t\t\t\tflex: 1;\r\n\t\t\t}\r\n\r\n\t\t\tinput {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","$primaryColor: #4527a4;\r\n\r\n.bplSelectPure {\r\n\tfont-size: 15px;\r\n\tfont-weight: 500;\r\n\twidth: 100%;\r\n\tmin-height: 44px;\r\n\tbackground-color: #4427a425;\r\n\tposition: relative;\r\n\tpadding: 5px 10px;\r\n\tborder: 1px solid #4427a550;\r\n\tborder-radius: 4px;\r\n\tbox-shadow: 0 2px 4px #4427a525;\r\n\tcursor: pointer;\r\n\ttransition: 0.3s;\r\n\r\n\t.selectSelectedLabel {\r\n\t\tfont-size: 14px;\r\n\t\tcolor: #fff;\r\n\t\tbackground-color: $primaryColor;\r\n\t\tdisplay: inline-flex;\r\n\t\tborder-radius: 3px;\r\n\t\tpadding: 4px 5px;\r\n\t\tmargin: 5px 10px 5px 0;\r\n\t\tcursor: initial;\r\n\r\n\t\t&:last-of-type {\r\n\t\t\tmargin-right: 0;\r\n\t\t}\r\n\r\n\t\t.closeIcon {\r\n\t\t\tcursor: pointer;\r\n\t\t\twidth: 18px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tposition: relative;\r\n\t\t\tmargin-left: 5px;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: #e4e4e4;\r\n\t\t\t}\r\n\r\n\t\t\t&::before,\r\n\t\t\t&::after {\r\n\t\t\t\tcontent: '';\r\n\t\t\t\twidth: 13px;\r\n\t\t\t\theight: 2px;\r\n\t\t\t\tbackground-color: #fff;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tleft: 50%;\r\n\t\t\t\ttransform: translate(-50%, -50%) rotate(45deg);\r\n\t\t\t}\r\n\r\n\t\t\t&::after {\r\n\t\t\t\ttransform: translate(-50%, -50%) rotate(-45deg);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.selectOptions {\r\n\t\tdisplay: none;\r\n\t\twidth: 100%;\r\n\t\tmax-height: 220px;\r\n\t\tcolor: $primaryColor;\r\n\t\tbackground-color: #fff;\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\ttop: 100% !important;\r\n\t\tborder-radius: 4px;\r\n\t\tbox-shadow: 0 4px 15px 0 #4527a480;\r\n\t\toverflow: hidden;\r\n\t\toverflow-y: scroll;\r\n\t\tz-index: 99;\r\n\t}\r\n\r\n\t&.selectOptionsOpened .selectOptions {\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n\t.selectAutocomplete {\r\n\t\tfont-size: 15px;\r\n\t\twidth: 100%;\r\n\t\tbackground-color: #f9f9f8;\r\n\t\tpadding: 5px 10px;\r\n\t\tborder: none;\r\n\t\tborder-bottom: 1px solid $primaryColor;\r\n\t\tborder-radius: 0;\r\n\t\toutline: none;\r\n\r\n\t\t&:focus {\r\n\t\t\tborder-color: $primaryColor;\r\n\t\t\tbox-shadow: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.selectOption {\r\n\t\tline-height: 24px;\r\n\t\theight: 44px;\r\n\t\tpadding: 10px;\r\n\t\tborder-bottom: 1px solid $primaryColor;\r\n\t}\r\n\r\n\t.selectOptionSelected {\r\n\t\tcolor: #4527a450;\r\n\t\tcursor: initial;\r\n\t\tpointer-events: none;\r\n\t}\r\n\r\n\t.selectOptionHidden {\r\n\t\tdisplay: none;\r\n\t}\r\n}",".bPlSpaceControl {\r\n\t.components-unit-control-wrapper .components-unit-control__select {\r\n\t\twidth: 18px !important;\r\n\t}\r\n\r\n\t.fourColumn {\r\n\t\tjustify-content: space-between;\r\n\r\n\t\t>.components-unit-control-wrapper {\r\n\t\t\t>.components-unit-control {\r\n\t\t\t\twidth: 55px;\r\n\r\n\t\t\t\t>.css-d373l0-Item-LabelWrapper {\r\n\t\t\t\t\tmargin-right: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.twoColumn {\r\n\t\tjustify-content: space-between;\r\n\r\n\t\t>.components-unit-control-wrapper {\r\n\t\t\t>.components-unit-control {\r\n\t\t\t\twidth: 110px;\r\n\r\n\t\t\t\t>.css-d373l0-Item-LabelWrapper {\r\n\t\t\t\t\tmargin-right: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.bPlBtnGroup {\r\n\t\tdisplay: flex;\r\n\r\n\t\t.components-button,\r\n\t\t.bPlBtnGroup .is-primary {\r\n\t\t\theight: auto;\r\n\t\t\tpadding: 6px;\r\n\t\t}\r\n\r\n\t\t.components-button.side2 {\r\n\t\t\talign-items: baseline;\r\n\t\t}\r\n\r\n\t\t.bPlBtnGroup .is-primary {\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.sideScrollIcon {\r\n\t\t\tsvg {\r\n\t\t\t\ttransform: rotate(90deg);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.scrollIcon,\r\n\t\t.sideScrollIcon,\r\n\t\t.dashicons {\r\n\t\t\twidth: 14px;\r\n\t\t\theight: 14px;\r\n\t\t\tfont-size: 14px;\r\n\t\t}\r\n\t}\r\n}",".bPlDropdown {\r\n\t.dashicon {\r\n\t\tmargin-right: 0 !important;\r\n\t}\r\n}\r\n\r\n.bPlDropdownPopover {\r\n\t.bPlTypoFontTitle {\r\n\t\tp:last-child {\r\n\t\t\twidth: 73px;\r\n\t\t\tmargin-right: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.bPlTypoFont {\r\n\t\tmargin-top: 0;\r\n\r\n\t\t.bPlTypoFontSelect {\r\n\t\t\tposition: relative;\r\n\t\t\tmargin-right: 8px;\r\n\t\t\twidth: (280px - 105px);\r\n\r\n\t\t\tinput {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\r\n\t\t\t.bPlTypoFontLists {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\theight: 200px;\r\n\t\t\t\tbackground: #fff;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\toverflow-y: scroll;\r\n\t\t\t\tz-index: 99;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tborder-radius: 8px;\r\n\t\t\t\tbox-shadow: 0 4px 15px 0 #4527a480;\r\n\r\n\t\t\t\tli {\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\tpadding: 3px 10px;\r\n\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\tbackground-color: #4527a40f;\r\n\t\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.dashicon {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tright: 5px;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\ttransform: translateY(-50%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n\t\t>div.components-base-control {\r\n\t\t\t>div.components-base-control__field {\r\n\t\t\t\tmargin-bottom: 0 !important;\r\n\t\t\t\tborder-radius: 4px;\r\n\r\n\t\t\t\tselect {\r\n\t\t\t\t\theight: 32px;\r\n\t\t\t\t\twidth: 73px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","$primaryColor: #4527a4;\r\n$secondaryColor: #8344c5;\r\n\r\n.ctbInspectorInfo {\r\n\tpadding: 6px;\r\n\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\t\tfont-weight: bold;\r\n\t}\r\n}\r\n\r\n.ctbUpgradeProToggle {\r\n\t.components-form-toggle {\r\n\t\topacity: .75;\r\n\t}\r\n}\r\n\r\n.ctbProGroupBtn {\r\n\tposition: relative;\r\n\r\n\t&::before {\r\n\t\tcontent: 'Pro';\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\ttransform: translate(-50%, -50%);\r\n\t\tcolor: #fff;\r\n\t\tbackground: $primaryColor;\r\n\t\tpadding: 2px 8px;\r\n\t\tborder-radius: 50px;\r\n\t\tz-index: 10;\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t&:hover::before {\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n\tsvg {\r\n\t\topacity: .75;\r\n\t}\r\n}\r\n\r\n.ctbMutedText {\r\n\topacity: .75;\r\n}\r\n\r\n.ctbUpgradePro {\r\n\tcolor: #fff;\r\n\tbackground: $primaryColor;\r\n\tpadding: 2px 8px;\r\n\tmargin: 0 0 0 5px;\r\n\tborder-radius: 50px;\r\n\tcursor: pointer;\r\n}\r\n\r\n.ctbUpgradeProText {\r\n\tfont-size: 15px;\r\n}\r\n\r\n.ctbUpgradeProLearnMore {\r\n\tdisplay: inline-block;\r\n\tfont-size: 16px;\r\n\tfont-weight: 500;\r\n\tcolor: #fff;\r\n\tbackground-color: $primaryColor;\r\n\ttext-decoration: none;\r\n\tpadding: 12px 20px;\r\n\tmargin-top: 20px;\r\n\tborder-radius: 50px;\r\n\r\n\t&:hover,\r\n\t&:focus {\r\n\t\tcolor: #fff;\r\n\t\tbackground-color: $secondaryColor;\r\n\t}\r\n}"],"names":[],"sourceRoot":""} |
