@media (min-width: 992px) {

    @media (prefers-reduced-motion: no-preference) {
      [img-hover-target="img-scale"] {
        transition: transform 300ms ease;
      }
      [img-hover-trigger="img-scale"]:hover [img-hover-target="img-scale"] {
        transform: scale(1.05);
      }
      [link-hover-target="arrow-rotation"] {
        transition: transform 300ms ease;
      }
      [link-hover-trigger="arrow-rotation"]:hover [link-hover-target="arrow-rotation"] {
        transform: rotate(-45deg);
      }
    }
    [bg-hover-target="brand"] {
      transition: background 300ms ease;
    }
    [bg-hover-trigger="brand"]:hover [bg-hover-target="brand"] {
      background-color: var(--swatch--brand-600);
    }
  }
  /* Base styles for all empty slots */
  html.wf-design-mode [slot]:empty {
    background-color: var(--background-color--background-success);
    border: 1px dashed var(--text-color--text-success);
    position: relative;
  }
  html.wf-design-mode [slot]:empty::after {
    color: var(--text-color--text-success);
    font-size: 0.875rem;
    text-align: center;
    pointer-events: none;
    display: block !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  html.wf-design-mode [slot="success"]:empty::after {
    content: "Add Slot Item / Success Stories - Sliders or Static";
  }
  html.wf-design-mode [slot="list-item"]:empty::after {
    content: "Add Slot Item / List Item";
  }
  html.wf-design-mode [slot="static-marquee"]:empty::after {
    content: "Add Element / Statistic Marquee";
  }
  html.wf-design-mode [slot="icon"]:empty::after {
    content: "Add icon here";
  }
  html.wf-design-mode [slot="content"]:empty::after {
    content: "Add Slot Item / Image or Slot Item / Video Brand";
  }
  html.wf-design-mode [slot="video"]:empty::after {
    content: "Add Slot Item / Video Embed";
  }
  html.wf-design-mode [slot="table"]:empty::after {
    content: "Add Slot Item / Table Column";
  }
  html.wf-design-mode [slot="header"]:empty::after {
    content: "Add Title / Primary";
  }
  html.wf-design-mode [slot="logo-grid"]:empty::after {
    content: "Add Logo";
  }
  html.wf-design-mode [slot="page-builder"]:empty::after {
    content: "Add Component";
  }
  html.wf-design-mode [slot="features-tab"]:empty::after {
    content: "Add a Tab / Feature Tab for each tab button";
  }
  html.wf-design-mode [slot="features-tab-item"]:empty::after {
    content: "Add Card / Feature, Card / Feature Large or Card / Currency";
  }
  html.wf-design-mode [slot="products"]:empty::after {
    content: "Add Slider / Products";
  }
  html.wf-design-mode [slot="solution-slider-item"]:empty::after {
    content: "Add Card / Solutions";
  }
   html.wf-design-mode [slot="solutions"]:empty::after {
    content: "Add Slot Item / Grid or Slider / Solutions ";
  }
   html.wf-design-mode [slot="form-component"]:empty::after {
    content: "Add Form Component";
  }
   html.wf-design-mode [slot="form-field"]:empty::after {
    content: "Add Form Input, Form Select, Form Checkbox, Form Radio, Form Fieldset or Form Textarea";
  }
   html.wf-design-mode [slot="select-option"]:empty::after {
    content: "Add Select Option";
  }
   html.wf-design-mode [slot="grid"]:empty::after {
    content: "Add Any Card Component";
  }
  html.wf-design-mode [slot="product-video"]:empty::after {
    content: "Add Slot Item / Video Brand";
  }
  html.wf-design-mode [slot="listing-card-item"]:empty::after {
    content: "Add Slot Item / Listing Card Item";
  }
  html.wf-design-mode [slot="product-static"]:empty::after {
    content: "Add Grid or Slider / Custom";
  }
  html.wf-design-mode [slot="product-slider"]:empty::after {
    content: "Add Grid or Card / Solutions";
  }
  /* Chrome, Safari, Edge */
  [data-hide-scrollbar]::-webkit-scrollbar {
    display: none;
  }
  /* Firefox */
  [data-hide-scrollbar] {
    scrollbar-width: none;
  }
  /* IE/old Edge */
  [data-hide-scrollbar] {
    -ms-overflow-style: none;
  }

  .icon-item[data-override="yes"] { 
    filter: invert(1) !important; 
  }
  .icon-item[data-override="no"] { 
    filter: invert(0) !important; 
  }
  [radius="none"] {
    border-radius: 0 !important;
  }

  /* Navbar Modal */
  [data-modal-group-status] {
    transition: all 0.2s linear;
  }

  [data-modal-group-status="active"] {
    opacity: 1;
    visibility: visible;
  }

  [data-modal-name][data-modal-status="active"] {
    display: flex;
  }