

/* Color Scheme Black */
body{
    --gspb-accent-admin-colorbg: #3B5BE6 !important;
    --gspb-accent-admin-color: #3B5BE6 !important;
    --wp-admin-theme-color: var(--gspb-accent-admin-colorbg, #3B5BE6) !important; 
}
.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus:after{
    box-shadow: none !important;
}
.editor-document-bar__command{
    color: white !important;
}
.block-editor-block-inspector, .editor-editor-interface .entities-saved-states__panel-header, .components-base-control div[class$="-control"], .gspb_style-container, .editor-post-publish-panel__header, .editor-post-publish-panel{
    background-color: #2C2C2C !important;
}
.components-base-control div[class$="-singleValue"], .components-color-palette__custom-color-name, .components-base-control__label, .components-input-control__label, .components-tools-panel-item label {
    color: #BFBFBF !important;
}

.gspb_inspector_btn:hover{opacity: 0.9 !important;}
.edit-post-header{
    background-color: #2C2C2C !important;
}
.editor-sidebar__panel{
    background-color: #2C2C2C !important;
}
.gspb_small_btn_abs_insider button{
    background-color: #2C2C2C !important;
}
.editor-post-panel__row-label, .gspb_inspector label.components-input-control__label, .gspb_inspector .components-base-control__label, .gspb_inspector .components-toggle-control__label, .gspb_inspector .components-custom-select-control__label, .ant-select-dropdown .ant-select-item-option-content, .preferences-modal__section-title{
    color: #BFBFBF !important;
}
.gspb-interaction-layer-action .action-header .action-head-row .action-name, .gspb-keyframe-builder h3{
    color: #BFBFBF !important;
}
.gspb-keyframe-builder .gspb-keyframe-timeline-keyframes, .action-conditions .gspb-condition-btn, .components-form-toggle .components-form-toggle__thumb{
    background-color: #4f5154 !important;
}
.components-form-toggle.is-checked .components-form-toggle__thumb{
    background-color: #BFBFBF !important;
}

body .components-input-control__backdrop, body .gs-inspector-form-inspector .components-text-control__input[type=text], body .gspb_inspector .components-text-control__input[type=text], .components-text-control__input, .gspb-field-styles .gspb-field-style-list > div .gspb-layout-style, .gspb_edit_class_functions button, .gspb-interaction-layer-header, .gspb-interaction-layer-action, .action-conditions .gspb-condition-btn, .gs-inspector-flowbtn-right button{
    border: 1px solid #4f5154 !important;
}
body .gs-inspector-form-inspector .components-text-control__input[type=text]::placeholder, .components-textarea-control__input::placeholder, .components-text-control__input::placeholder{color: #bfbfbf !important}

.gspb-interaction-layer-header, .gspb_inspector a{color: white !important}
.action-conditions .gspb-condition-btn{color: #BFBFBF !important}
.gspb_inspector .components-form-toggle .components-form-toggle__thumb{background-color: #BFBFBF !important;}
.gspb_controles__column{fill: currentColor}

.gst-inspector-tabs button.gst-active::before, .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar-group, .gspb_inspector_inputs-row__inputs .components-base-control .components-input-control__backdrop, body .gspb-button.active, .gspb_inspector_tab-panel .components-tab-panel__tabs .components-button, .gspb-interaction-layer-action .action-content, .action-conditions .gspb-interaction-layer-condition-view, .action-conditions .gspb-interaction-layer-condition-view .gspb-interaction-layer-condition-content, .gspb-interaction-layer-action-cta, .components-textarea-control__input, body .gspb_style_tabs_component .gspb-button.active, .interface-complementary-area hr, .gspb-var-selector-switcher, .gspb_inspector_ant_input_controller .ant-select-selector, .component-alignment-matrix-control, .gspb_controles__line--vertical, .entities-saved-states__panel-header, .components-tools-panel-item, .components-base-control div[class$="-control"], div[class$="-indicatorSeparator"], .components-dropdown__content .components-menu-group+.components-menu-group, .gspbmodalContainer .gsmodal_header, .gspb-interaction-layer-action .action-header .action-head-row .action-number, .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button, .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar, .editor-post-publish-panel__header, .editor-post-publish-panel{border-color: #4f5154 !important;}
.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item{box-shadow: none !important;}
.gst-inspector-tabs button.gst-active + button::after{border-bottom-color: #4f5154 !important; border-left-color: #4f5154 !important;}
.gspb-button.active + .gspb-button{border-left-color: #4f5154 !important;}
.gst-inspector-tabs button:last-child.gst-active::after{border-left-color: #4f5154 !important; border-right-color: #4f5154 !important;}
.gst-inspector-tabs button:not(.gst-active)::after{border-bottom-color: #4f5154 !important;}
body .gspb-field-button-list .gspb-button.active, body .gspb_style_tabs_component .gspb-button.active, body .gspb_style_tabs_component_wrapper > .gspb-field-radio-advanced .gspb-button.active:before, .gspb-field-separator{background-color: #4f5154 !important; color: #fff !important}
.components-button.is-busy{color: black !important}

.editor-post-card-panel__title, .editor-post-card-panel__icon{
    fill: white !important;
    color: white !important;
}
.interface-complementary-area, .gst-inspector-tabs::after, .gst-inspector-tabs button.gst-active, body .gst-inspector-tabs, .gst-inspector-tabs button, .gspb-var-selector-switcher, .gs-inspector-flowbtn-right button{
    background: #2C2C2C !important;
}
.action-conditions .gspb-interaction-layer-condition-view .gspb-interaction-layer-condition-header .gspb-interaction-layer-condi-row .condition-name{color: #fbfbfb !important}
.block-editor-block-icon{
    color:#BFBFBF !important;
}
.block-editor-block-card__title{
    color: #BFBFBF !important;
}
.components-toggle-group-control{
    background: #2C2C2C !important;
}
.components-input-control__input{
    background-color: #2C2C2C !important;
}
.components-input-control__suffix{
    background-color: #2C2C2C !important;
}

.components-button:not(.components-circular-option-picker__option):not(.stylebook-tab-button):not(.components-notice__dismiss):not(.components-notice__action), .block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover, .editor-post-trash.components-button, .is-opened .components-panel__body-toggle.components-button {
    color: white !important;
}
.editor-post-panel__row-control .components-button, .block-editor-block-card__description, .components-panel__body-toggle.components-button, .components-dropdown-menu__toggle.components-button, .components-toolbar-button.components-button, .gspb_nomargin_component .component-addremove-item-button-wrapper .component-add-item-button:not(.components-circular-option-picker__option):not(.stylebook-tab-button):not(.components-notice__dismiss):not(.components-notice__action), .editor-post-summary, .editor-post-summary .components-text, .interface-complementary-area h2{
    color:#BFBFBF !important;
}

.components-notice__action.components-button, .components-notice__dismiss.components-button{color: black !important;}

.block-editor-tabbed-sidebar__close-button{background-color: transparent !important;}

.components-panel__header{
    background-color: #2C2C2C !important;
    border-bottom-color:rgba(221,221,221,0.15) !important
}

.block-editor-block-inspector__no-blocks{
    background-color: #2C2C2C !important;
    color: #BFBFBF
}
#inspector-input-control-0, #inspector-input-control-1{
    color: #BFBFBF !important
}
.fddb-daf---abcb-1ri19pq{
    color: #000;
}
.components-dropdown-content-wrapper{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important;
}
.components-toggle-group-control-option-base{
    color: #BFBFBF !important
}
.components-toolbar-group{
    background-color: #2C2C2C !important;
    background: #2C2C2C !important;
}
.components-toggle-group-control-option-base:hover{
    background-color: var(--gspb-accent-admin-color) !important;
    color: #BFBFBF !important;
}
.interface-navigable-region{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important;
    border: #363636 solid 1px !important;
}
.block-editor-block-breadcrumb{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important
}
.block-editor-block-breadcrumb > li{
    color: #BFBFBF !important
}
.components-panel__body-toggle > svg{
    color: #2C2C2C !important
}
.components-panel__arrow{
    color: #BFBFBF !important
}
.components-menu-group{
    background-color: #2C2C2C;
    color: #BFBFBF
}
.components-menu-item__button{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important
}

.components-input-control__input{
    color: #BFBFBF !important
}
.components-input-control__input::placeholder{
    color: #BFBFBF !important
}
.components-color-palette__custom-color-button{
    border: #BFBFBF solid 1px !important;
}
button[role='tab']{
    color:#BFBFBF;
    fill: currentColor;
}

.components-text-control__input{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important
}

.spacing-sizes-control__icon{
    color:#BFBFBF !important;
    fill: currentColor;
}
.components-dropdown-menu{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important
}
.editor-post-trash:hover{
    background-color: red !important;
}
.components-panel:has(.gst-elements-inspector) .block-editor-block-card::before, .gst-inspector-tabs button:not(.gst-active)::after{
    background-color: #2C2C2C !important;
}
.gst-inspector-tabs button h5{
    color: #BFBFBF !important
}
.gst-inspector-tabs button.gst-active h5{color: #8b99d3 !important}
.gspb_inspector .components-panel__body-title, .gspb_inspector .is-opened .components-panel__body-title{
    background-color: rgba(51, 48, 48, 0.2) !important;
    color: #BFBFBF !important
}
.gst-inspector-tabs-container{border-color: #2C2C2C !important;}

.gspb_inspector .components-panel__body-title{
    background-color: rgba(51, 48, 48, 0.2) !important;
}
.gspb_class_selector_top{
    background-color: #2C2C2C !important;
}
 .ant-select-selection-overflow{
    background-color: #2C2C2C !important;

}
.ant-select-selection-placeholder{
    color:#BFBFBF !important
}
.ant-select-selector{
    background: #2C2C2C !important;
    border: rgba(255,255,255,0.1) 1px solid !important;
    color:#BFBFBF !important;
}
.ant-select-arrow{
    color:#BFBFBF !important
} 
.ant-select-item-group, .ant-select-item-option-grouped, .ant-select-dropdown{
    background-color: #2C2C2C !important;
    color:#BFBFBF !important
}
.ant-select-item-group:hover, .ant-select-item-option-grouped:hover{
    background-color: var(--gspb-accent-admin-color) !important;
}
.components-input-control__container{
    background-color: #2C2C2C !important;
    color: #898D9B !important;
}
.components-textarea-control__input{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important;
}
.gspb_inspector_btn, .gspb_edit_class_functions button{
    background-color: #2C2C2C !important;
    color: #8b99d3 !important;
    border: #5a5e62 solid 1px !important;
}
.gspb_inspector_btn.ant-dropdown-trigger, .gspb_row__col--2 .gspb_inspector_btn, .gspb_inspector_btn.gspb_inspector_btn_noborder {
    border: none !important;
    fill: currentColor !important;
}
.components-form-toggle__track {
    outline: #bfbfbf57 1px solid !important;
}
.gspb-field-styles .gspb-field-style-list > div.gspb-active .gspb-field-style-label{
    color: #8b99d3 !important;
}
.gspb_class_selector_name{color: #fff !important}
.gspb_inspector_btn:hover{
    background-color: var(--wp-admin-theme-color) !important;
    color: #fff !important;
    border-color: var(--wp-admin-theme-color) !important;
}
.gspb_toolbar_changed:after{
    background-color: var(--wp-admin-theme-color) !important;
}
.components-panel__body-toggle:hover{
    color:#BFBFBF !important
}
body .gspb_inspector_device-icons__icon{
    color:#BFBFBF !important
}
.gspb-option-svg svg path{
    stroke: currentColor !important
}

.gspb-field-styles .gspb-field-style-list > div.gspb-active .gspb-layout-style{background-color: #2c2c2c !important;}
.gspb-field-styles .gspb-field-style-list > div .gspb-layout-style{background-color: #363636 !important;}
.components-panel__body-toggle .gspb_inspector_btn--small{
    border:none !important;
} 
.gspb_inspector_btn--small:hover{
    background-color: #363636 !important;
    color:#BFBFBF !important
}
.components-button:focus:not(:disabled){
    box-shadow: none !important;    
}
button.editor-post-trash{
    background-color: red !important;
    color: #BFBFBF !important
}
.block-editor-block-inspector__advanced:hover > h2:hover{
    background-color: #363636;
    border-top: #363636 solid 1px;
}
.block-editor-block-inspector__advanced > h2{
    background-color: #363636;
    border-top: #363636 solid 1px;
}
.components-panel__body-title{
    background-color: #363636 !important;
    color: #BFBFBF !important
}
.components-panel__body{
    border: #363636 solid 1px !important;
}
.components-grid{
    border: #363636 solid 1px !important;
}
.block-editor-inserter__panel-content{
    background-color: #2C2C2C !important;
}
.block-editor-inserter__search{
    background-color: #2C2C2C !important;
}

.block-editor-inserter__no-results{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important
}
.block-editor-block-types-list__item:hover path:not(path[fill="none"]){
    fill: #BFBFBF !important;
}
.block-editor-inserter__all-blocks{
    background-color: #2C2C2C !important;
}
.block-editor-tabbed-sidebar__tablist-and-close-button{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important;
    border-bottom: rgba(221, 221, 221, 0.15) !important;
}
.block-editor-inserter__block-patterns-tabs-container{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important;
}
.block-editor-inserter__media-tabs-container{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important;
}
.block-editor-block-patterns-list{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important;
}
.block-editor-inserter__help-text{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important;
}
.block-editor-inserter__patterns-category-panel-header {
    background-color: #2C2C2C !important;
    color: #BFBFBF !important;
}
.block-editor-inserter__category-panel{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important;
}

.components-popover:not(.block-editor-block-popover__inbetween) .components-popover__content{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important;
    box-shadow: 0 0 0 1px #5b5b5b, 0 2px 3px #0000000d, 0 4px 5px #0000000a, 0 12px 12px #00000008, 0 16px 16px #00000005 !important;
}
.block-editor-tabbed-sidebar__tabpanel{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important;
}
.gspb_main_buttons{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important;
}
.interface-complementary-area-header__title{
    color: #BFBFBF !important;
}
.components-panel__body{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important;
}
.gspb-library-custom-preset-typo{
    color: #BFBFBF !important;
    background-color: #2C2C2C !important;
}
.gspb-library-custom-preset-title{
    color:#BFBFBF !important;
}
.gspb-library-custom-preset-content{
    color: #BFBFBF !important;
}
.gsmodal{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important;
}
.gspb-library-custom-variable-cards div{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important;
}
.ant-tag{
    background-color: #383838 !important;
    color: #BFBFBF !important;
    border: 1px solid #ffffff0d;
}
.block-editor-block-card::before{
    background-color: rgba(51, 48, 48, 0.2) !important;
    color:#BFBFBF !important
}
.block-editor-block-card{
    background-color: rgba(51, 48, 48, 0.2) !important;
    color:#BFBFBF !important
}
.ant-tag-close-icon{
    color: #BFBFBF !important;
}

.gspb-field-button-list, .gspb_feat_styles, .gspbflex-items{
    background-color: #383a3c !important;
}
.gspb-field-button-list button{
    color:#BFBFBF
}
.gspb-field-separator.gspb-has-label label{background-color: #2C2C2C !important;}
.gspb-field-radio-advanced .gspb_style_tabs_component svg{fill: currentColor !important}

.components-form-token-field__token-text{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important;
}
.gspb_inspector_device-icons__icon {
    background-color: #2C2C2C !important;
}
.gspb_inspector_device-icons__icon--active{
    background-color: var(--gspb-accent-admin-colorbg) !important;
    color: white !important;
}
.gspb_inspector_panelWrraper .gspb_inspector_btn--small{
 background-color: transparent !important;
 border:none !important
}
.gspb_inspector_panelWrraper .gspb_inspector_btn--small svg{
    fill: #bfbfbf !important
}
i.rhicon{
    color: #BFBFBF !important;
}

.components-unit-control__select{
    color:#BFBFBF !important
}
.components-unit-control__select:hover{
    background-color: var(--gspb-accent-admin-color) !important;
    color: #BFBFBF !important;
    transition:all .1s ease-out;
}
.gspb_inspector_select-font{
    color: #2C2C2C !important;
}

.editor-document-bar__post-title{
    color: #2C2C2C !important;
}
.editor-document-bar__command{
    background-color: #fff !important;
    color: #2C2C2C !important;
}
.editor-document-bar{
    background-color: #BFBFBF !important;
    color: #2C2C2C !important
}
.components-button.is-primary:not(.stylebook-tab-button){
    color: #fff !important;
    
}
.components-border-control-dropdown{
    background-color: #2C2C2C !important;
}
.gs_addon_check{
    background: #2C2C2C !important;
}

.components-tab-panel__tabs-item{
    background-color: #2C2C2C !important;
}
.components-tab-panel__tabs-item.gspb_inspector_tab-panel--active{
    background-color: #2C2C2C !important;
}
.components-form-token-field__remove-token{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important;
}
.gspb-field-style-label.gspb-layout-style{
    background:#2C2C2C !important
}
.components-form-toggle__track{
    background-color: #2C2C2C !important;
    outline: #bfbfbf54 1px solid !important;
}
.components-form-toggle.is-checked span.components-form-toggle__track{
    background-color: var(--gspb-accent-admin-color) !important;
    outline: #bfbfbf54 1px solid !important;
    transition: all .1s ease-out;
}
.components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track{box-shadow: none !important;}
.gst-inspector-tabs button.gst-active svg path{
    fill: #8b99d3 !important;
}
.gspb_iconInputSearch{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important;
}

.gspb_row{
    background-color: #2C2C2C !important;
    color: #BFBFBF !important;
}
.block-editor-url-input__button-modal{
    background-color: #2C2C2C !important;
    border: none !important
}
.gspb_inspector_inputs-row__lock-icon{
    background-color: #2C2C2C !important
}
.gspb_inspector_btn-group__btn--light{
    background-color:#2C2C2C !important
}
.gspb-components-toolbar-svg button svg{
    fill: #BFBFBF !important;
}
.gspb-components-toolbar-svg button{
    background: #2C2C2C !important
}
.gspb_inspector_svg-selector-container svg{
    fill: #BFBFBF !important
}
.gspb-layout-style.gspb-field-style-svg{
    background: #2C2C2C !important;
    color: #BFBFBF !important
}
.gspb_inspector_shapes-selector-button{
    background: #2C2C2C !important;
    color: #BFBFBF !important
}
.gspb_inspector_shapes-selector-container svg{
    color: #BFBFBF !important
}

.block-editor-block-parent-selector__button{
    background: #2C2C2C !important
}
.gspb_inspector_cursor-icons__icon{
    background-color:#2C2C2C !important
}
.gspb_inspector_cursor-icons__icon svg{
    fill: #BFBFBF !important
}
.components-focal-point-picker__media{
    background: rgb(213, 213, 213) !important;
}

.block-editor-block-patterns-explorer__sidebar{
    background: #2C2C2C !important
}
.components-modal__header{
    background: #2C2C2C !important
}
.components-modal__header-heading{
    color: #BFBFBF !important
}
.components-modal__content.is-scrollable{
    background: #2C2C2C !important
}
.block-editor-block-patterns-explorer{
    background:#2C2C2C !important
}
.components-modal__content{
    background: #2C2C2C !important
}

.document-outline__level{
    background-color: #2C2C2C !important;
    color:#BFBFBF !important
}
.document-outline__item-content{
    color: #BFBFBF !important
}
.commands-command-menu__header svg{
    fill: #BFBFBF !important
}
.commands-command-menu__item{
    color: #BFBFBF !important
}
.commands-command-menu__item svg{
    fill: #BFBFBF !important
}
div[aria-label="Command suggestions"] div{
    color: #BFBFBF !important
}
.components-button.components-panel__body-toggle{
    background:rgba(51, 48, 48, 0.2)
}
.components-panel__body-title{
    background-color: rgba(51, 48, 48, 0.2) !important;
}
.gspb_inspector .components-panel__body-title, .gspb_inspector .is-opened .components-panel__body-title{
    background: rgba(51, 48, 48, 0.2);
}
.editor-post-featured-image__toggle{
    box-shadow: inset 0 0 0 1px rgba(255,255,255, 0.6);
}
i.rhicon{
    color:inherit !important
}

.gspb-label-with-clean{
    color:#BFBFBF !important
}

.components-tab-panel__tabs:hover{
    background-color: rgba(51, 48, 48, 0.2) !important; 
}
.gspb_inspector_options-set{
    border-color:rgba(0,0,0,0.6) !important
}
.gst-inspector-tabs-container{
    background:#2C2C2C !important
}

.gspb_inspector div[role="listbox"]{
    background-color: #4f5154 !important;
}
.gspb_inspector div[role="listbox"] div[role="option"]:hover{
    background-color: #363636 !important;
}
