// Custom variables.
@import "../../base";

[style*="--bb--hidden--sm:"] {
  @media (max-width: #{map-get($breakpoints, md) - 1}) {
    display: none !important;
  }
}

[style*="--bb--hidden--md:"] {
  @media (min-width: map-get($breakpoints, md)) and (max-width: #{map-get($breakpoints, lg) - 1}) {
    display: none !important;
  }
}

[style*="--bb--hidden--lg:"] {
  @media (min-width: map-get($breakpoints, lg)) {
    display: none !important;
  }
}
