{% if isBaseBreakpoint %}

{{ builderPrefix }} *,
{{ builderPrefix }} *::before,
{{ builderPrefix }} *::after {
  box-sizing: border-box;
}

{{ builderPrefix }} img {
  max-width: 100%;
  height: auto;
}

{{ builderPrefix }} figure {
  margin-left: 0;
  margin-right: 0;
}

.breakdance-full-width {
  width: 100%;
  max-width: 100%;
}

{# Rich Text Styles #}

.breakdance-rich-text-styles > *:first-child {
  margin-top: 0;
}

.breakdance-rich-text-styles > *:last-child {
  margin-bottom: 0;
}

.breakdance-rich-text-styles img.aligncenter {
  display: block;
  margin: auto;
}

.breakdance-rich-text-styles img.alignleft {
  float: left;
}

.breakdance-rich-text-styles img.alignright {
  float: right;
}

{# Stop Scrolling #}
.bde-stop-scrolling,
.bde-stop-scrolling body {
  overflow-y: hidden;
}

@supports (overflow-y: clip) {
  .bde-stop-scrolling,
  .bde-stop-scrolling body {
    overflow-y: clip;
  }
}

{# Animations #}

/*
 * 1. Safari support
 * 2. Support position: sticky on compatible browsers
 */
.breakdance-animation-enabled,
.breakdance-animation-enabled body { /* 1 */
  overflow-x: hidden;
}

@supports (overflow-x: clip) { /* 2 */
  .breakdance-animation-enabled,
  .breakdance-animation-enabled body { /* 1 */
    overflow-x: clip;
  }
}

{# Lightboxes #}

.lg-outer {
  z-index: var(--bde-z-index-lightbox);
}

.lg-outer .lg-thumb-outer {
  background-color: transparent;
}

.lg-video-play-icon {
  transform: translate3d(-40%, -50%, 0);
}

.admin-bar .lg-toolbar {
  top: var(--wp-admin--admin-bar--height);
}

{# Lazy Load #}

[data-bde-lazy-bg="waiting"] {
  background-image: none!important;
}

{# Screen Readers #}
.screen-reader-text {
border: 0;
clip: rect(1px,1px,1px,1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
overflow-wrap: normal!important;
word-wrap: normal!important;
padding: 0;
position: absolute!important;
width: 1px;
}

{# Global Gradients Sprite SVG #}

.breakdance-global-gradients-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

{% endif %}

{# Free Mode #}
{% if freeModeOnFrontend() %}
.breakdance-free-version-frontend-element-hider {
  animation-name: breakdance_free_version_hide_pro_element;
  animation-duration: 8s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes breakdance_free_version_hide_pro_element {
  from {
    opacity: 1;
    filter: grayscale(0%);
  }
  to {
    opacity: .1;
    filter: grayscale(100%);
  }
}
{% endif %}

