.thbnm-color-picker-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;

    .thbnm-color-indicator {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: inline-block;
        padding: 0;
        background: linear-gradient(-45deg,transparent 48%,#ddd 0,#ddd 52%,transparent 0);
        box-shadow: inset 0 0 0 1px rgb(0 0 0 / 20%);
    }

    .thbnm-color-control-click-side {
        display: flex;
        align-items: center;
    }
}

.thbnm-typograpy-control-button {
    margin: 0;
    height: 28px;
    width: 28px;
    padding: 5px;
    border: 1px solid #E6E7E9;
    border-radius: 14px;
    color: #50575E;
}

.thbnm-typography-control-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

.thbnm-typography-controls-wrapper {
    width: 260px;
    padding: 10px;
}

.thbnm-settings-panel .block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings {
    padding-left: 0;
    padding-right: 0;
    border-top: none;
}

.thbnm-tab-panel {

    .components-tab-panel__tabs-item {
        &:focus:not(:disabled) {
            box-shadow: inset 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
        }
        
        &.thbnm-active-tab {
            box-shadow: inset 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
        }
    }

    .components-tab-panel__tab-content {
        padding: 8px;
        border: 1px solid #ccc;
    }

    padding-bottom: 8px;
    border-bottom: 1px solid #ddd;
}

.block-editor-block-inspector .thbnm-panel .components-base-control.components-toggle-control {
    margin: 0;
}

.block-editor-block-inspector .thbnm-panel .components-base-control.components-toggle-control:last-child {
    margin-bottom: 8px;
}

.thbnm-multi-post-selector {
    position: relative;
}

.thbnm-loading-spinner-overlay {
    position: absolute;
    top: 40px; /* just below the input */
    left: 10px;
    z-index: 999;
}

/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/block-styles/core/columns/editor.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
body:not([class*=block-theme]) .editor-styles-wrapper div.wp-block-columns {
  gap: 32px;
}
body:not([class*=block-theme]) .editor-styles-wrapper div.wp-block-columns.is-style-bnm-borders {
  gap: 64px;
}

@media only screen and (min-width: 782px) {
  .wp-block-columns.is-style-first-col-to-second > [data-type="core/column"]:nth-child(2), .wp-block-columns.is-style-first-col-to-third > [data-type="core/column"]:nth-child(2), .wp-block-columns.is-style-first-col-to-third > [data-type="core/column"]:nth-child(3) {
    order: -1;
  }
}
.wp-block-columns.is-style-bnm-borders > [data-type="core/column"] {
  border-bottom: 1px solid var(--bnm-border-color);
  position: relative;
}
.wp-block-columns.is-style-bnm-borders > [data-type="core/column"]:last-child,
.wp-block-columns.is-style-bnm-borders > [data-type="core/column"] [data-type="core/column"] {
  border-bottom: 0;
}
@media only screen and (min-width: 782px) {
  .wp-block-columns.is-style-bnm-borders > [data-type="core/column"] {
    border-bottom: 0;
  }
  .wp-block-columns.is-style-bnm-borders > [data-type="core/column"]::after {
    border-right: 1px solid var(--bnm-border-color);
    bottom: 0;
    content: "";
    position: absolute;
    right: -32px;
    top: 0;
  }
  .wp-block-columns.is-style-bnm-borders > [data-type="core/column"]:nth-child(odd)::after {
    border-color: var(--bnm-border-color);
  }
  .wp-block-columns.is-style-bnm-borders > [data-type="core/column"]:last-child::after,
.wp-block-columns.is-style-bnm-borders > [data-type="core/column"] [data-type="core/column"]::after {
    display: none;
  }
}
@media only screen and (min-width: 782px) {
  .wp-block-columns.is-style-bnm-borders > [data-type="core/column"]::after {
    border-color: var(--bnm-border-color);
  }
}
@media only screen and (min-width: 782px) {
  .wp-block-columns.is-style-bnm-borders.is-style-first-col-to-second > [data-type="core/column"]:first-child::after, .wp-block-columns.is-style-bnm-borders.is-style-first-col-to-third > [data-type="core/column"]:first-child::after {
    display: none;
  }
  .wp-block-columns.is-style-bnm-borders.is-style-first-col-to-second > [data-type="core/column"]:nth-child(2)::after, .wp-block-columns.is-style-bnm-borders.is-style-first-col-to-third > [data-type="core/column"]:nth-child(3)::after {
    display: block;
  }
}

/**
 * Temporary WP<6.0 styles
 * TODO: These styles can be removed once WP 6.0 is released.
 */
.editor-styles-wrapper .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:not(:first-child), .editor-styles-wrapper .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
  margin-left: 0;
}