/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/bp-container/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.bp-panel .block-editor-panel-color-gradient-settings {
  border: none;
}

.bp-panel .components-panel__body:has(.hover-tabs) {
  padding: 0;
  border: none;
}

.bp-color {
  background: var(--bg-resting);
}

.bp-color.resting {
  background: var(--bg-resting);
  color: var(--color-resting);
}
.bp-color.resting .bp-icon {
  color: var(--icon-resting, var(--color-resting));
}

.bp-color.hover::hover {
  background: var(--bg-resting);
}

:is(.row, [flexible]) {
  display: flex;
}

[flexible] {
  width: -moz-fit-content;
  width: fit-content;
}

:is(.row, #important):not([flexible]) {
  -moz-column-gap: 0;
       column-gap: 0;
}

@media only screen and (min-width: 0) and (max-width: 960px) {
  :is(.row, [flexible]):not(.wp-block-bp-core-bp-row):not(.bp-button) {
    -moz-column-gap: var(--gap-mobile);
         column-gap: var(--gap-mobile);
    row-gap: var(--gap-mobile-vertical, var(--gap-mobile));
  }
  :is(.row, [flexible]):is(.mobile-top, [flexible~=mobile-top]) {
    align-items: flex-start;
  }
  :is(.row, [flexible]):is(.mobile-bottom, [flexible~=mobile-bottom]) {
    align-items: flex-end;
  }
  :is(.row, [flexible]):is(.mobile-middle, [flexible~=mobile-middle]) {
    align-items: center;
  }
  :is(.row, [flexible]):is(.mobile-left, [flexible~=mobile-left]) {
    justify-content: flex-start;
  }
  :is(.row, [flexible]):is(.mobile-center, [flexible~=mobile-center]) {
    justify-content: center;
  }
  :is(.row, [flexible]):is(.mobile-right, [flexible~=mobile-right]) {
    justify-content: flex-end;
  }
  :is(.row, [flexible]):is(.mobile-around, [flexible~=mobile-around]) {
    justify-content: space-around;
  }
  :is(.row, [flexible]):is(.mobile-between, [flexible~=mobile-between]) {
    justify-content: space-between;
  }
  :is(.row, [flexible]):is(.mobile-row, [flexible~=mobile-row]) {
    flex-direction: row;
  }
  :is(.row, [flexible]):is(.mobile-reversed, [flexible~=mobile-reversed]) {
    flex-direction: row-reverse;
  }
  :is(.row, [flexible]):is(.mobile-stack, [flexible~=mobile-stack]) {
    flex-direction: column;
  }
  :is(.row, [flexible]):is(.mobile-stack-reversed, [flexible~=mobile-stack-reversed]) {
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 961px) {
  :is(.row, [flexible]) {
    flex-direction: row;
  }
  :is(.row, [flexible]):not(.wp-block-bp-core-bp-row):not(.bp-button) {
    -moz-column-gap: var(--gap-desktop);
         column-gap: var(--gap-desktop);
    row-gap: var(--gap-desktop-vertical, var(--gap-desktop));
  }
  :is(.row, [flexible]):is(.top, [flexible~=top]) {
    align-items: flex-start;
  }
  :is(.row, [flexible]):is(.bottom, [flexible~=bottom]) {
    align-items: flex-end;
  }
  :is(.row, [flexible]):is(.middle, [flexible~=middle]) {
    align-items: center;
  }
  :is(.row, [flexible]):is(.left, [flexible~=left]) {
    justify-content: flex-start;
  }
  :is(.row, [flexible]):is(.center, [flexible~=center]) {
    justify-content: center;
  }
  :is(.row, [flexible]):is(.right, [flexible~=right]) {
    justify-content: flex-end;
  }
  :is(.row, [flexible]):is(.around, [flexible~=around]) {
    justify-content: space-around;
  }
  :is(.row, [flexible]):is(.between, [flexible~=between]) {
    justify-content: space-between;
  }
  :is(.row, [flexible]):is(.row, [flexible~=row]) {
    flex-direction: row;
  }
  :is(.row, [flexible]):is(.reversed, [flexible~=reversed]) {
    flex-direction: row-reverse;
  }
  :is(.row, [flexible]):is(.stack, [flexible~=stack]) {
    flex-direction: column;
  }
  :is(.row, [flexible]):is(.stack-reversed, [flexible~=stack-reversed]) {
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 0) and (max-width: 960px) {
  :is([positionable-mobile*=top], #important),
  :is([positionable-mobile], #important) {
    top: var(--positionable-mobile-y, 0px);
    bottom: unset;
  }
  :is([positionable-mobile*=bottom], #important) {
    bottom: var(--positionable-mobile-y, 0px);
    top: unset;
  }
  :is([positionable-mobile*=left], #important),
  :is([positionable-mobile], #important) {
    left: var(--positionable-mobile-x, 0px);
    right: unset;
  }
  :is([positionable-mobile*=right], #important) {
    right: var(--positionable-mobile-x, 0px);
    left: unset;
  }
  :is([positionable*=middle], #important) {
    left: calc(50% + var(--positionable-mobile-x, 0px));
    translate: -50% 0;
    right: unset;
  }
  :is([positionable*=center], #important) {
    top: calc(50% + var(--positionable-mobile-y, 0px));
    translate: 0 -50%;
    bottom: unset;
  }
  :is([positionable*="center middle"], #important) {
    left: calc(50% + var(--positionable-mobile-x, 0px));
    top: calc(50% + var(--positionable-mobile-y, 0px));
    translate: -50% -50%;
  }
  :is([positionable-mobile*=relative], #important) {
    position: relative;
  }
  :is([positionable-mobile*=absolute], #important) {
    position: absolute;
  }
  :is([positionable-mobile*=sticky], #important) {
    position: sticky;
  }
  :is([positionable-mobile*=static], #important) {
    position: static;
  }
}
@media only screen and (min-width: 961px) {
  :is([positionable*=top], #important),
  :is([positionable], #important) {
    top: var(--positionable-desktop-y, 0px);
    bottom: unset;
  }
  :is([positionable*=bottom], #important) {
    bottom: var(--positionable-desktop-y, 0px);
    top: unset;
  }
  :is([positionable*=left], #important),
  :is([positionable], #important) {
    left: var(--positionable-desktop-x, 0px);
    right: unset;
  }
  :is([positionable*=right], #important) {
    right: var(--positionable-desktop-x, 0px);
    left: unset;
  }
  :is([positionable*=middle], #important) {
    left: calc(50% + var(--positionable-desktop-x, 0px));
    translate: -50% 0;
    right: unset;
  }
  :is([positionable*=center], #important) {
    top: calc(50% + var(--positionable-desktop-y, 0px));
    translate: 0 -50%;
    bottom: unset;
  }
  :is([positionable*="center middle"], #important) {
    left: calc(50% + var(--positionable-desktop-x, 0px));
    top: calc(50% + var(--positionable-desktop-y, 0px));
    translate: -50% -50%;
  }
  :is([positionable*=relative], #important) {
    position: relative;
  }
  :is([positionable*=absolute], #important) {
    position: absolute;
  }
  :is([positionable*=sticky], #important) {
    position: sticky;
  }
  :is([positionable*=static], #important) {
    position: static;
  }
}
/* @group sizeable
------------------------------------ */
:where([sizeable], .sizeable) > * {
  --size-d-w: unset;
  --size-d-h: unset;
  --size-m-w: unset;
  --size-m-h: unset;
}

@media only screen and (min-width: 961px) {
  [sizeable],
  .sizeable {
    width: var(--size-d-w);
    height: var(--size-d-h);
  }
}
@media only screen and (min-width: 0) and (max-width: 960px) {
  [sizeable],
  .sizeable {
    width: var(--size-m-w);
    height: var(--size-m-h);
  }
}
/* @end */
.icon-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 1.5rem;
  max-width: 35rem;
  justify-content: center;
  align-items: center;
}

.icon-button {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 8px;
  transition: 0.2s;
}

.icon-button.active {
  background: black;
  border-radius: 4px;
  color: white;
}

[blendable^=normal] {
  mix-blend-mode: normal;
}

[blendable^=multiply] {
  mix-blend-mode: multiply;
}

[blendable^=screen] {
  mix-blend-mode: screen;
}

[blendable^=overlay] {
  mix-blend-mode: overlay;
}

[blendable^=darken] {
  mix-blend-mode: darken;
}

[blendable^=lighten] {
  mix-blend-mode: lighten;
}

[blendable^=color-dodge] {
  mix-blend-mode: color-dodge;
}

[blendable^=color-burn] {
  mix-blend-mode: color-burn;
}

[blendable^=hard-light] {
  mix-blend-mode: hard-light;
}

[blendable^=soft-light] {
  mix-blend-mode: soft-light;
}

[blendable^=difference] {
  mix-blend-mode: difference;
}

[blendable^=exclusion] {
  mix-blend-mode: exclusion;
}

[blendable^=hue] {
  mix-blend-mode: hue;
}

[blendable^=saturation] {
  mix-blend-mode: saturation;
}

[blendable^=color] {
  mix-blend-mode: color;
}

[blendable^=luminosity] {
  mix-blend-mode: luminosity;
}

@media screen and (max-width: 960px) {
  [blendable*="| normal"] {
    mix-blend-mode: normal;
  }
  [blendable*="| multiply"] {
    mix-blend-mode: multiply;
  }
  [blendable*="| screen"] {
    mix-blend-mode: screen;
  }
  [blendable*="| overlay"] {
    mix-blend-mode: overlay;
  }
  [blendable*="| darken"] {
    mix-blend-mode: darken;
  }
  [blendable*="| lighten"] {
    mix-blend-mode: lighten;
  }
  [blendable*="| color-dodge"] {
    mix-blend-mode: color-dodge;
  }
  [blendable*="| color-burn"] {
    mix-blend-mode: color-burn;
  }
  [blendable*="| hard-light"] {
    mix-blend-mode: hard-light;
  }
  [blendable*="| soft-light"] {
    mix-blend-mode: soft-light;
  }
  [blendable*="| difference"] {
    mix-blend-mode: difference;
  }
  [blendable*="| exclusion"] {
    mix-blend-mode: exclusion;
  }
  [blendable*="| hue"] {
    mix-blend-mode: hue;
  }
  [blendable*="| saturation"] {
    mix-blend-mode: saturation;
  }
  [blendable*="| color"] {
    mix-blend-mode: color;
  }
  [blendable*="| luminosity"] {
    mix-blend-mode: luminosity;
  }
}
/* Images */
.bp-multimedia {
  width: 100%;
}
.bp-multimedia .media-box {
  overflow: hidden;
  position: relative;
  display: block;
}
.bp-multimedia .media-box > :is(img, video) {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  height: 100%;
  width: 100% !important;
}

.bp-multimedia [fit=contain] {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.bp-multimedia [fit=cover] {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.multimedia {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.multimedia::after, .multimedia::before,
.multimedia video::after,
.multimedia video::before,
.multimedia img::after,
.multimedia img::before {
  pointer-events: none !important;
}
.multimedia .cms-bttn {
  position: relative;
  z-index: 100;
  pointer-events: all !important;
}

.container {
  width: 100%;
}

/*# sourceMappingURL=style-index.css.map*/