.$_el.x-anchor-toggle {
  @if $toggle_anchor_width !== 'auto' {
    width: $toggle_anchor_width;
  }
  @unless $toggle_anchor_min_width?? {
    min-width: $toggle_anchor_min_width;
  }
  @unless $toggle_anchor_max_width?? {
    max-width: $toggle_anchor_max_width;
  }
  @if $toggle_anchor_height !== 'auto' {
    height: $toggle_anchor_height;
  }
  @unless $toggle_anchor_min_height?? {
    min-height: $toggle_anchor_min_height;
  }
  @unless $toggle_anchor_max_height?? {
    max-height: $toggle_anchor_max_height;
  }
  @unless $toggle_anchor_margin?? {
    margin: $toggle_anchor_margin;
  }
  @unless $toggle_anchor_border_width?? || $toggle_anchor_border_style?? {
    border-width: $toggle_anchor_border_width;
    border-style: $toggle_anchor_border_style;
    border-color: $toggle_anchor_border_color;
  }
  @unless $toggle_anchor_border_radius?? {
    border-radius: $toggle_anchor_border_radius;
  }
  font-size: $toggle_anchor_base_font_size;
  background-color: $toggle_anchor_bg_color;
  @unless $toggle_anchor_box_shadow_dimensions?? {
    @if $toggle_anchor_box_shadow_color === 'transparent' {
      box-shadow: none;
    }
    @if $toggle_anchor_box_shadow_color !== 'transparent' {
      box-shadow: $toggle_anchor_box_shadow_dimensions $toggle_anchor_box_shadow_color;
    }
  }
}


.$_el.x-anchor-toggle .x-anchor-content {
  flex-direction: $toggle_anchor_flex_direction;
  justify-content: $toggle_anchor_flex_justify;
  align-items: $toggle_anchor_flex_align;
  @if $toggle_anchor_flex_wrap === true {
    flex-wrap: wrap;
    align-content: $toggle_anchor_flex_align;
  }
  @unless $toggle_anchor_padding?? {
    padding: $toggle_anchor_padding;
  }
}


.$_el.x-anchor-toggle[class*="active"] {
  @unless $toggle_anchor_border_width?? || $toggle_anchor_border_style?? {
    border-color: $toggle_anchor_border_color_alt;
  }
  background-color: $toggle_anchor_bg_color_alt;
  @unless $toggle_anchor_box_shadow_dimensions?? {
    @if $toggle_anchor_box_shadow_color_alt === 'transparent' {
      box-shadow: none;
    }
    @if $toggle_anchor_box_shadow_color_alt !== 'transparent' {
      box-shadow: $toggle_anchor_box_shadow_dimensions $toggle_anchor_box_shadow_color_alt;
    }
  }
}




@unless $toggle_anchor_text === false {

  .$_el.x-anchor-toggle .x-anchor-text {
    @if $toggle_anchor_text_overflow === true && $toggle_anchor_flex_direction === 'column' {
      width: 100%;
    }
    @unless $toggle_anchor_text_margin?? {
      margin: $toggle_anchor_text_margin;
    }
  }

  @if $toggle_anchor_text_overflow === true {
    .$_el.x-anchor-toggle .x-anchor-text-primary,
    .$_el.x-anchor-toggle .x-anchor-text-secondary {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }

  .$_el.x-anchor-toggle .x-anchor-text-primary {
    font-family: $toggle_anchor_primary_font_family;
    font-size: $toggle_anchor_primary_font_size;
    font-style: $toggle_anchor_primary_font_style;
    font-weight: $toggle_anchor_primary_font_weight;
    line-height: $toggle_anchor_primary_line_height;
    @unless $toggle_anchor_primary_letter_spacing?? {
      letter-spacing: $toggle_anchor_primary_letter_spacing;
      margin-right: calc($toggle_anchor_primary_letter_spacing * -1);
    }
    @unless $toggle_anchor_primary_text_align?? {
      text-align: $toggle_anchor_primary_text_align;
    }
    @unless $toggle_anchor_primary_text_decoration?? {
      text-decoration: $toggle_anchor_primary_text_decoration;
    }
    @unless $toggle_anchor_primary_text_shadow_dimensions?? {
      @if $toggle_anchor_primary_text_shadow_color === 'transparent' {
        text-shadow: none;
      }
      @if $toggle_anchor_primary_text_shadow_color !== 'transparent' {
        text-shadow: $toggle_anchor_primary_text_shadow_dimensions $toggle_anchor_primary_text_shadow_color;
      }
    }
    @unless $toggle_anchor_primary_text_transform?? {
      text-transform: $toggle_anchor_primary_text_transform;
    }
    color: $toggle_anchor_primary_text_color;
  }

  .$_el.x-anchor-toggle[class*="active"] .x-anchor-text-primary {
    @unless $toggle_anchor_primary_text_shadow_dimensions?? {
      @if $toggle_anchor_primary_text_shadow_color_alt === 'transparent' {
        text-shadow: none;
      }
      @if $toggle_anchor_primary_text_shadow_color_alt !== 'transparent' {
        text-shadow: $toggle_anchor_primary_text_shadow_dimensions $toggle_anchor_primary_text_shadow_color_alt;
      }
    }
    color: $toggle_anchor_primary_text_color_alt;
  }

  @if $toggle_anchor_has_template === true {

    @unless $toggle_anchor_text_secondary_content === '' {

      .$_el.x-anchor-toggle .x-anchor-text-secondary {
        @if $toggle_anchor_text_reverse === true {
          margin-bottom: $toggle_anchor_text_spacing;
        }
        @if $toggle_anchor_text_reverse === false {
          margin-top: $toggle_anchor_text_spacing;
        }
        font-family: $toggle_anchor_secondary_font_family;
        font-size: $toggle_anchor_secondary_font_size;
        font-style: $toggle_anchor_secondary_font_style;
        font-weight: $toggle_anchor_secondary_font_weight;
        line-height: $toggle_anchor_secondary_line_height;
        @unless $toggle_anchor_secondary_letter_spacing?? {
          letter-spacing: $toggle_anchor_secondary_letter_spacing;
          margin-right: calc($toggle_anchor_secondary_letter_spacing * -1);
        }
        @unless $toggle_anchor_secondary_text_align?? {
          text-align: $toggle_anchor_secondary_text_align;
        }
        @unless $toggle_anchor_secondary_text_decoration?? {
          text-decoration: $toggle_anchor_secondary_text_decoration;
        }
        @unless $toggle_anchor_secondary_text_shadow_dimensions?? {
          @if $toggle_anchor_secondary_text_shadow_color === 'transparent' {
            text-shadow: none;
          }
          @if $toggle_anchor_secondary_text_shadow_color !== 'transparent' {
            text-shadow: $toggle_anchor_secondary_text_shadow_dimensions $toggle_anchor_secondary_text_shadow_color;
          }
        }
        @unless $toggle_anchor_secondary_text_transform?? {
          text-transform: $toggle_anchor_secondary_text_transform;
        }
        color: $toggle_anchor_secondary_text_color;
      }

      .$_el.x-anchor-toggle[class*="active"] .x-anchor-text-secondary {
        @unless $toggle_anchor_secondary_text_shadow_dimensions?? {
          @if $toggle_anchor_secondary_text_shadow_color_alt === 'transparent' {
            text-shadow: none;
          }
          @if $toggle_anchor_secondary_text_shadow_color_alt !== 'transparent' {
            text-shadow: $toggle_anchor_secondary_text_shadow_dimensions $toggle_anchor_secondary_text_shadow_color_alt;
          }
        }
        color: $toggle_anchor_secondary_text_color_alt;
      }

    }

  }

}




@if $toggle_anchor_has_template === true && $toggle_anchor_graphic === true {

  
.$_el.x-anchor-toggle .x-graphic {
  @unless $toggle_anchor_graphic_margin?? {
    margin: $toggle_anchor_graphic_margin;
  }
}




@if $toggle_anchor_graphic_type === 'icon' {

  .$_el.x-anchor-toggle .x-graphic-icon {
    @if $toggle_anchor_graphic_icon_width !== 'auto' {
      width: $toggle_anchor_graphic_icon_width;
    }
    @unless $toggle_anchor_graphic_icon_border_width?? || $toggle_anchor_graphic_icon_border_style?? {
      border-width: $toggle_anchor_graphic_icon_border_width;
      border-style: $toggle_anchor_graphic_icon_border_style;
      border-color: $toggle_anchor_graphic_icon_border_color;
    }
    @unless $toggle_anchor_graphic_icon_border_radius?? {
      border-radius: $toggle_anchor_graphic_icon_border_radius;
    }
    @if $toggle_anchor_graphic_icon_height !== 'auto' {
      height: $toggle_anchor_graphic_icon_height;
      line-height: $toggle_anchor_graphic_icon_height;
    }
    font-size: $toggle_anchor_graphic_icon_font_size;
    @unless $toggle_anchor_graphic_icon_text_shadow_dimensions?? {
      @if $toggle_anchor_graphic_icon_text_shadow_color === 'transparent' {
        text-shadow: none;
      }
      @if $toggle_anchor_graphic_icon_text_shadow_color !== 'transparent' {
        text-shadow: $toggle_anchor_graphic_icon_text_shadow_dimensions $toggle_anchor_graphic_icon_text_shadow_color;
      }
    }
    color: $toggle_anchor_graphic_icon_color;
    @if $toggle_anchor_graphic_icon_bg_color !== 'transparent' {
      background-color: $toggle_anchor_graphic_icon_bg_color;
    }
    @unless $toggle_anchor_graphic_icon_box_shadow_dimensions?? {
      @if $toggle_anchor_graphic_icon_box_shadow_color === 'transparent' {
        box-shadow: none;
      }
      @if $toggle_anchor_graphic_icon_box_shadow_color !== 'transparent' {
        box-shadow: $toggle_anchor_graphic_icon_box_shadow_dimensions $toggle_anchor_graphic_icon_box_shadow_color;
      }
    }
  }

  @if $toggle_anchor_graphic_has_alt === true {
    .$_el.x-anchor-toggle .x-graphic-icon[class*="active"] {
      @unless $toggle_anchor_graphic_icon_text_shadow_dimensions?? {
        @if $toggle_anchor_graphic_icon_text_shadow_color_alt === 'transparent' {
          text-shadow: none;
        }
        @if $toggle_anchor_graphic_icon_text_shadow_color_alt !== 'transparent' {
          text-shadow: $toggle_anchor_graphic_icon_text_shadow_dimensions $toggle_anchor_graphic_icon_text_shadow_color_alt;
        }
      }
      color: $toggle_anchor_graphic_icon_color_alt;
      @unless $toggle_anchor_graphic_icon_border_width?? || $toggle_anchor_graphic_icon_border_style?? {
        border-color: $toggle_anchor_graphic_icon_border_color_alt;
      }
      @if $toggle_anchor_graphic_icon_bg_color_alt !== 'transparent' {
        background-color: $toggle_anchor_graphic_icon_bg_color_alt;
      }
      @unless $toggle_anchor_graphic_icon_box_shadow_dimensions?? {
        @if $toggle_anchor_graphic_icon_box_shadow_color_alt === 'transparent' {
          box-shadow: none;
        }
        @if $toggle_anchor_graphic_icon_box_shadow_color_alt !== 'transparent' {
          box-shadow: $toggle_anchor_graphic_icon_box_shadow_dimensions $toggle_anchor_graphic_icon_box_shadow_color_alt;
        }
      }
    }
  }

}




@if $toggle_anchor_graphic_type === 'image' {
  .$_el.x-anchor-toggle .x-graphic-image {
    @unless $toggle_anchor_graphic_image_max_width?? {
      max-width: $toggle_anchor_graphic_image_max_width;
    }
  }
}




@if $toggle_anchor_graphic_type === 'toggle' {
  
.$_el .x-toggle {
  color: $toggle_color;
}

.$_el[class*="active"] .x-toggle,
.$_el .x-toggle[class*="active"] {
  color: $toggle_color_alt;
}




@if $toggle_type LIKE 'burger%' {
  .$_el .x-toggle-burger {
    width: $toggle_burger_width;
    margin: $toggle_burger_spacing 0;
    font-size: $toggle_burger_size;
  }

  .$_el .x-toggle-burger-bun-t { transform: translate3d(0, -$toggle_burger_spacing, 0); }
  .$_el .x-toggle-burger-bun-b { transform: translate3d(0, $toggle_burger_spacing, 0);  }
}




@if $toggle_type LIKE 'grid%' {
  .$_el .x-toggle-grid {
    margin: $toggle_grid_spacing;
    font-size: $toggle_grid_size;
  }

  .$_el .x-toggle-grid-center {
    box-shadow: -$toggle_grid_spacing -$toggle_grid_spacing, 0 -$toggle_grid_spacing, $toggle_grid_spacing -$toggle_grid_spacing, -$toggle_grid_spacing 0, $toggle_grid_spacing 0, -$toggle_grid_spacing $toggle_grid_spacing, 0 $toggle_grid_spacing, $toggle_grid_spacing $toggle_grid_spacing;
  }
}




@if $toggle_type LIKE 'more%' {
  .$_el .x-toggle-more-h,
  .$_el .x-toggle-more-v {
    margin: $toggle_more_spacing;
    font-size: $toggle_more_size;
  }

  .$_el .x-toggle-more-1 { transform: translate3d(-$toggle_more_spacing, 0, 0); }
  .$_el .x-toggle-more-3 { transform: translate3d($toggle_more_spacing, 0, 0);  }
}}
}




@if $toggle_anchor_has_template === true && $toggle_anchor_type === 'menu-item' && $toggle_anchor_sub_indicator === true {

  .$_el.x-anchor-toggle .x-anchor-sub-indicator {
    @if $toggle_anchor_sub_indicator_width !== 'auto' {
      width: $toggle_anchor_sub_indicator_width;
    }
    @if $toggle_anchor_sub_indicator_height !== 'auto' {
      height: $toggle_anchor_sub_indicator_height;
      line-height: $toggle_anchor_sub_indicator_height;
    }
    @unless $toggle_anchor_sub_indicator_margin?? {
      margin: $toggle_anchor_sub_indicator_margin;
    }
    font-size: $toggle_anchor_sub_indicator_font_size;
    @unless $toggle_anchor_sub_indicator_text_shadow_dimensions?? {
      @if $toggle_anchor_sub_indicator_text_shadow_color === 'transparent' {
        text-shadow: none;
      }
      @if $toggle_anchor_sub_indicator_text_shadow_color !== 'transparent' {
        text-shadow: $toggle_anchor_sub_indicator_text_shadow_dimensions $toggle_anchor_sub_indicator_text_shadow_color;
      }
    }
    color: $toggle_anchor_sub_indicator_color;
  }

  .$_el.x-anchor-toggle[class*="active"] .x-anchor-sub-indicator {
    @unless $toggle_anchor_sub_indicator_text_shadow_dimensions?? {
      @if $toggle_anchor_sub_indicator_text_shadow_color_alt === 'transparent' {
        text-shadow: none;
      }
      @if $toggle_anchor_sub_indicator_text_shadow_color_alt !== 'transparent' {
        text-shadow: $toggle_anchor_sub_indicator_text_shadow_dimensions $toggle_anchor_sub_indicator_text_shadow_color_alt;
      }
    }
    color: $toggle_anchor_sub_indicator_color_alt;
  }

}




@if $toggle_anchor_primary_particle === true {

  
.$_el.x-anchor-toggle .x-anchor-particle-primary {
  width: $toggle_anchor_primary_particle_width;
  height: $toggle_anchor_primary_particle_height;
  @unless $toggle_anchor_primary_particle_border_radius?? {
    border-radius: $toggle_anchor_primary_particle_border_radius;
  }
  color: $toggle_anchor_primary_particle_color;
  transform-origin: $toggle_anchor_primary_particle_transform_origin;
}

.$_el.x-anchor-toggle .x-anchor-particle-primary[class*="active"] {
  @unless $toggle_anchor_primary_particle_delay?? {
    transition-delay: $toggle_anchor_primary_particle_delay;
  }
}
}

@if $toggle_anchor_secondary_particle === true {

  
.$_el.x-anchor-toggle .x-anchor-particle-secondary {
  width: $toggle_anchor_secondary_particle_width;
  height: $toggle_anchor_secondary_particle_height;
  @unless $toggle_anchor_secondary_particle_border_radius?? {
    border-radius: $toggle_anchor_secondary_particle_border_radius;
  }
  color: $toggle_anchor_secondary_particle_color;
  transform-origin: $toggle_anchor_secondary_particle_transform_origin;
}

.$_el.x-anchor-toggle .x-anchor-particle-secondary[class*="active"] {
  @unless $toggle_anchor_secondary_particle_delay?? {
    transition-delay: $toggle_anchor_secondary_particle_delay;
  }
}
}

.$_el.x-off-canvas {
  font-size: $off_canvas_base_font_size;
}

.$_el.x-off-canvas .x-off-canvas-bg {
  @unless $off_canvas_bg_color === 'transparent' {
    background-color: $off_canvas_bg_color;
  }
}




.$_el.x-off-canvas .x-off-canvas-close {
  width: calc(1em * $off_canvas_close_dimensions);
  height: calc(1em * $off_canvas_close_dimensions);
  font-size: $off_canvas_close_font_size;
  color: $off_canvas_close_color;
}

.$_el.x-off-canvas .x-off-canvas-close:hover,
.$_el.x-off-canvas .x-off-canvas-close:focus {
  color: $off_canvas_close_color_alt;
}




.$_el.x-off-canvas .x-off-canvas-content {
  max-width: $off_canvas_content_max_width;
  @unless $off_canvas_content_border_width?? || $off_canvas_content_border_style?? {
    border-width: $off_canvas_content_border_width;
    border-style: $off_canvas_content_border_style;
    border-color: $off_canvas_content_border_color;
  }
  padding: calc($off_canvas_close_font_size * $off_canvas_close_dimensions);
  @unless $off_canvas_content_bg_color === 'transparent' {
    background-color: $off_canvas_content_bg_color;
  }
  @unless $off_canvas_content_box_shadow_dimensions?? {
    box-shadow: $off_canvas_content_box_shadow_dimensions $off_canvas_content_box_shadow_color;
  }
}

@if $cart_title != '' {

  .$_el .x-mini-cart-title {
    margin: $cart_title_margin;
    font-family: $cart_title_font_family;
    font-size: $cart_title_font_size;
    font-style: $cart_title_font_style;
    font-weight: $cart_title_font_weight;
    line-height: $cart_title_line_height;
    @unless $cart_title_letter_spacing?? {
      letter-spacing: $cart_title_letter_spacing;
    }
    @unless $cart_title_text_align?? {
      text-align: $cart_title_text_align;
    }
    @unless $cart_title_text_decoration?? {
      text-decoration: $cart_title_text_decoration;
    }
    @unless $cart_title_text_shadow_dimensions?? {
      text-shadow: $cart_title_text_shadow_dimensions $cart_title_text_shadow_color;
    }
    @unless $cart_title_text_transform?? {
      text-transform: $cart_title_text_transform;
    }
    color: $cart_title_text_color;
  }

}

.$_el .x-mini-cart li.empty {
  line-height: $cart_links_line_height;
  @unless $cart_title_text_align?? {
    text-align: $cart_title_text_align;
  }
  color: $cart_links_text_color;
}




.$_el .cart_list {
  order: $cart_order_items;
}

.$_el .mini_cart_item {
  @unless $cart_items_margin?? {
    margin: $cart_items_margin;
  }
  @unless $cart_items_border_width?? || $cart_items_border_style?? {
    border-width: $cart_items_border_width;
    border-style: $cart_items_border_style;
    border-color: $cart_items_border_color;
  }
  @unless $cart_items_border_radius?? {
    border-radius: $cart_items_border_radius;
  }
  @unless $cart_items_padding?? {
    padding: $cart_items_padding;
  }
  @unless $cart_items_bg === 'transparent' {
    background-color: $cart_items_bg;
  }
  @unless $cart_items_box_shadow_dimensions?? {
    box-shadow: $cart_items_box_shadow_dimensions $cart_items_box_shadow_color;
  }
}

.$_el .mini_cart_item:hover {
  @unless $cart_items_border_width?? || $cart_items_border_style?? {
    border-color: $cart_items_border_color_alt;
  }
  background-color: $cart_items_bg_alt;
  @unless $cart_items_box_shadow_dimensions?? {
    box-shadow: $cart_items_box_shadow_dimensions $cart_items_box_shadow_color_alt;
  }
}

@if $cart_items_display_remove == false {
  .$_el .mini_cart_item .remove {
    display: none !important;
    visibility: hidden !important;
  }
}




.$_el .mini_cart_item img {
  width: $cart_thumbs_width;
  margin-right: $cart_items_content_spacing;
  @unless $cart_thumbs_border_radius?? {
    border-radius: $cart_thumbs_border_radius;
  }
  @unless $cart_thumbs_box_shadow_dimensions?? {
    box-shadow: $cart_thumbs_box_shadow_dimensions $cart_thumbs_box_shadow_color;
  }
}

.rtl .$_el .mini_cart_item img {
  margin-left: $cart_items_content_spacing;
  margin-right: 0;
}




.$_el .mini_cart_item a {
  font-family: $cart_links_font_family;
  font-size: $cart_links_font_size;
  font-style: $cart_links_font_style;
  font-weight: $cart_links_font_weight;
  line-height: $cart_links_line_height;
  @unless $cart_links_letter_spacing?? {
    letter-spacing: $cart_links_letter_spacing;
  }
  @unless $cart_links_text_align?? {
    text-align: $cart_links_text_align;
  }
  @unless $cart_links_text_decoration?? {
    text-decoration: $cart_links_text_decoration;
  }
  @unless $cart_links_text_shadow_dimensions?? {
    text-shadow: $cart_links_text_shadow_dimensions $cart_links_text_shadow_color;
  }
  @unless $cart_links_text_transform?? {
    text-transform: $cart_links_text_transform;
  }
  color: $cart_links_text_color;
}

.$_el .mini_cart_item a:hover,
.$_el .mini_cart_item a:focus {
  color: $cart_links_text_color_alt;
  @unless $cart_links_text_shadow_dimensions?? {
    text-shadow: $cart_links_text_shadow_dimensions $cart_links_text_shadow_color_alt;
  }
}

.$_el .mini_cart_item .remove {
  width: calc(1em * $cart_links_line_height);
  margin-left: $cart_items_content_spacing;
}

.rtl .$_el .mini_cart_item .remove {
  margin-left: 0;
  margin-right: $cart_items_content_spacing;
}




.$_el .mini_cart_item .quantity {
  font-family: $cart_quantity_font_family;
  font-size: $cart_quantity_font_size;
  font-style: $cart_quantity_font_style;
  font-weight: $cart_quantity_font_weight;
  line-height: $cart_quantity_line_height;
  @unless $cart_quantity_letter_spacing?? {
    letter-spacing: $cart_quantity_letter_spacing;
  }
  @unless $cart_quantity_text_align?? {
    text-align: $cart_quantity_text_align;
  }
  @unless $cart_quantity_text_decoration?? {
    text-decoration: $cart_quantity_text_decoration;
  }
  @unless $cart_quantity_text_shadow_dimensions?? {
    text-shadow: $cart_quantity_text_shadow_dimensions $cart_quantity_text_shadow_color;
  }
  @unless $cart_quantity_text_transform?? {
    text-transform: $cart_quantity_text_transform;
  }
  color: $cart_quantity_text_color;
}




.$_el .x-mini-cart .total {
  order: $cart_order_total;
  margin: $cart_total_margin;
  @unless $cart_total_border_width?? || $cart_total_border_style?? {
    border-width: $cart_total_border_width;
    border-style: $cart_total_border_style;
    border-color: $cart_total_border_color;
  }
  @unless $cart_total_border_radius?? {
    border-radius: $cart_total_border_radius;
  }
  padding: $cart_total_padding;
  font-family: $cart_total_font_family;
  font-size: $cart_total_font_size;
  font-style: $cart_total_font_style;
  font-weight: $cart_total_font_weight;
  line-height: $cart_total_line_height;
  @unless $cart_total_letter_spacing?? {
    letter-spacing: $cart_total_letter_spacing;
  }
  @unless $cart_total_text_align?? {
    text-align: $cart_total_text_align;
  }
  @unless $cart_total_text_decoration?? {
    text-decoration: $cart_total_text_decoration;
  }
  @unless $cart_total_text_shadow_dimensions?? {
    text-shadow: $cart_total_text_shadow_dimensions $cart_total_text_shadow_color;
  }
  @unless $cart_total_text_transform?? {
    text-transform: $cart_total_text_transform;
  }
  color: $cart_total_text_color;
  @unless $cart_total_bg === 'transparent' {
    background-color: $cart_total_bg;
  }
  @unless $cart_total_box_shadow_dimensions?? {
    box-shadow: $cart_total_box_shadow_dimensions $cart_total_box_shadow_color;
  }
}




.$_el .x-mini-cart .buttons {
  order: $cart_order_buttons;
  justify-content: $cart_buttons_justify_content;
  margin: $cart_buttons_margin;
  @unless $cart_buttons_border_width?? || $cart_buttons_border_style?? {
    border-width: $cart_buttons_border_width;
    border-style: $cart_buttons_border_style;
    border-color: $cart_buttons_border_color;
  }
  @unless $cart_buttons_border_radius?? {
    border-radius: $cart_buttons_border_radius;
  }
  padding: $cart_buttons_padding;
  @unless $cart_buttons_bg === 'transparent' {
    background-color: $cart_buttons_bg;
  }
  @unless $cart_buttons_box_shadow_dimensions?? {
    box-shadow: $cart_buttons_box_shadow_dimensions $cart_buttons_box_shadow_color;
  }
}
.$_el .buttons .x-anchor {
  @if $cart_anchor_width !== 'auto' {
    width: $cart_anchor_width;
  }
  @unless $cart_anchor_min_width?? {
    min-width: $cart_anchor_min_width;
  }
  @unless $cart_anchor_max_width?? {
    max-width: $cart_anchor_max_width;
  }
  @if $cart_anchor_height !== 'auto' {
    height: $cart_anchor_height;
  }
  @unless $cart_anchor_min_height?? {
    min-height: $cart_anchor_min_height;
  }
  @unless $cart_anchor_max_height?? {
    max-height: $cart_anchor_max_height;
  }
  @unless $cart_anchor_margin?? {
    margin: $cart_anchor_margin;
  }
  @unless $cart_anchor_border_width?? || $cart_anchor_border_style?? {
    border-width: $cart_anchor_border_width;
    border-style: $cart_anchor_border_style;
    border-color: $cart_anchor_border_color;
  }
  @unless $cart_anchor_border_radius?? {
    border-radius: $cart_anchor_border_radius;
  }
  font-size: $cart_anchor_base_font_size;
  background-color: $cart_anchor_bg_color;
  @unless $cart_anchor_box_shadow_dimensions?? {
    @if $cart_anchor_box_shadow_color === 'transparent' {
      box-shadow: none;
    }
    @if $cart_anchor_box_shadow_color !== 'transparent' {
      box-shadow: $cart_anchor_box_shadow_dimensions $cart_anchor_box_shadow_color;
    }
  }
}


.$_el .buttons .x-anchor .x-anchor-content {
  flex-direction: $cart_anchor_flex_direction;
  justify-content: $cart_anchor_flex_justify;
  align-items: $cart_anchor_flex_align;
  @if $cart_anchor_flex_wrap === true {
    flex-wrap: wrap;
    align-content: $cart_anchor_flex_align;
  }
  @unless $cart_anchor_padding?? {
    padding: $cart_anchor_padding;
  }
}


.$_el .buttons .x-anchor[class*="active"] {
  @unless $cart_anchor_border_width?? || $cart_anchor_border_style?? {
    border-color: $cart_anchor_border_color_alt;
  }
  background-color: $cart_anchor_bg_color_alt;
  @unless $cart_anchor_box_shadow_dimensions?? {
    @if $cart_anchor_box_shadow_color_alt === 'transparent' {
      box-shadow: none;
    }
    @if $cart_anchor_box_shadow_color_alt !== 'transparent' {
      box-shadow: $cart_anchor_box_shadow_dimensions $cart_anchor_box_shadow_color_alt;
    }
  }
}




@unless $cart_anchor_text === false {

  .$_el .buttons .x-anchor .x-anchor-text {
    @if $cart_anchor_text_overflow === true && $cart_anchor_flex_direction === 'column' {
      width: 100%;
    }
    @unless $cart_anchor_text_margin?? {
      margin: $cart_anchor_text_margin;
    }
  }

  @if $cart_anchor_text_overflow === true {
    .$_el .buttons .x-anchor .x-anchor-text-primary,
    .$_el .buttons .x-anchor .x-anchor-text-secondary {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }

  .$_el .buttons .x-anchor .x-anchor-text-primary {
    font-family: $cart_anchor_primary_font_family;
    font-size: $cart_anchor_primary_font_size;
    font-style: $cart_anchor_primary_font_style;
    font-weight: $cart_anchor_primary_font_weight;
    line-height: $cart_anchor_primary_line_height;
    @unless $cart_anchor_primary_letter_spacing?? {
      letter-spacing: $cart_anchor_primary_letter_spacing;
      margin-right: calc($cart_anchor_primary_letter_spacing * -1);
    }
    @unless $cart_anchor_primary_text_align?? {
      text-align: $cart_anchor_primary_text_align;
    }
    @unless $cart_anchor_primary_text_decoration?? {
      text-decoration: $cart_anchor_primary_text_decoration;
    }
    @unless $cart_anchor_primary_text_shadow_dimensions?? {
      @if $cart_anchor_primary_text_shadow_color === 'transparent' {
        text-shadow: none;
      }
      @if $cart_anchor_primary_text_shadow_color !== 'transparent' {
        text-shadow: $cart_anchor_primary_text_shadow_dimensions $cart_anchor_primary_text_shadow_color;
      }
    }
    @unless $cart_anchor_primary_text_transform?? {
      text-transform: $cart_anchor_primary_text_transform;
    }
    color: $cart_anchor_primary_text_color;
  }

  .$_el .buttons .x-anchor[class*="active"] .x-anchor-text-primary {
    @unless $cart_anchor_primary_text_shadow_dimensions?? {
      @if $cart_anchor_primary_text_shadow_color_alt === 'transparent' {
        text-shadow: none;
      }
      @if $cart_anchor_primary_text_shadow_color_alt !== 'transparent' {
        text-shadow: $cart_anchor_primary_text_shadow_dimensions $cart_anchor_primary_text_shadow_color_alt;
      }
    }
    color: $cart_anchor_primary_text_color_alt;
  }

  @if $cart_anchor_has_template === true {

    @unless $cart_anchor_text_secondary_content === '' {

      .$_el .buttons .x-anchor .x-anchor-text-secondary {
        @if $cart_anchor_text_reverse === true {
          margin-bottom: $cart_anchor_text_spacing;
        }
        @if $cart_anchor_text_reverse === false {
          margin-top: $cart_anchor_text_spacing;
        }
        font-family: $cart_anchor_secondary_font_family;
        font-size: $cart_anchor_secondary_font_size;
        font-style: $cart_anchor_secondary_font_style;
        font-weight: $cart_anchor_secondary_font_weight;
        line-height: $cart_anchor_secondary_line_height;
        @unless $cart_anchor_secondary_letter_spacing?? {
          letter-spacing: $cart_anchor_secondary_letter_spacing;
          margin-right: calc($cart_anchor_secondary_letter_spacing * -1);
        }
        @unless $cart_anchor_secondary_text_align?? {
          text-align: $cart_anchor_secondary_text_align;
        }
        @unless $cart_anchor_secondary_text_decoration?? {
          text-decoration: $cart_anchor_secondary_text_decoration;
        }
        @unless $cart_anchor_secondary_text_shadow_dimensions?? {
          @if $cart_anchor_secondary_text_shadow_color === 'transparent' {
            text-shadow: none;
          }
          @if $cart_anchor_secondary_text_shadow_color !== 'transparent' {
            text-shadow: $cart_anchor_secondary_text_shadow_dimensions $cart_anchor_secondary_text_shadow_color;
          }
        }
        @unless $cart_anchor_secondary_text_transform?? {
          text-transform: $cart_anchor_secondary_text_transform;
        }
        color: $cart_anchor_secondary_text_color;
      }

      .$_el .buttons .x-anchor[class*="active"] .x-anchor-text-secondary {
        @unless $cart_anchor_secondary_text_shadow_dimensions?? {
          @if $cart_anchor_secondary_text_shadow_color_alt === 'transparent' {
            text-shadow: none;
          }
          @if $cart_anchor_secondary_text_shadow_color_alt !== 'transparent' {
            text-shadow: $cart_anchor_secondary_text_shadow_dimensions $cart_anchor_secondary_text_shadow_color_alt;
          }
        }
        color: $cart_anchor_secondary_text_color_alt;
      }

    }

  }

}




@if $cart_anchor_has_template === true && $cart_anchor_graphic === true {

  
.$_el .buttons .x-anchor .x-graphic {
  @unless $cart_anchor_graphic_margin?? {
    margin: $cart_anchor_graphic_margin;
  }
}




@if $cart_anchor_graphic_type === 'icon' {

  .$_el .buttons .x-anchor .x-graphic-icon {
    @if $cart_anchor_graphic_icon_width !== 'auto' {
      width: $cart_anchor_graphic_icon_width;
    }
    @unless $cart_anchor_graphic_icon_border_width?? || $cart_anchor_graphic_icon_border_style?? {
      border-width: $cart_anchor_graphic_icon_border_width;
      border-style: $cart_anchor_graphic_icon_border_style;
      border-color: $cart_anchor_graphic_icon_border_color;
    }
    @unless $cart_anchor_graphic_icon_border_radius?? {
      border-radius: $cart_anchor_graphic_icon_border_radius;
    }
    @if $cart_anchor_graphic_icon_height !== 'auto' {
      height: $cart_anchor_graphic_icon_height;
      line-height: $cart_anchor_graphic_icon_height;
    }
    font-size: $cart_anchor_graphic_icon_font_size;
    @unless $cart_anchor_graphic_icon_text_shadow_dimensions?? {
      @if $cart_anchor_graphic_icon_text_shadow_color === 'transparent' {
        text-shadow: none;
      }
      @if $cart_anchor_graphic_icon_text_shadow_color !== 'transparent' {
        text-shadow: $cart_anchor_graphic_icon_text_shadow_dimensions $cart_anchor_graphic_icon_text_shadow_color;
      }
    }
    color: $cart_anchor_graphic_icon_color;
    @if $cart_anchor_graphic_icon_bg_color !== 'transparent' {
      background-color: $cart_anchor_graphic_icon_bg_color;
    }
    @unless $cart_anchor_graphic_icon_box_shadow_dimensions?? {
      @if $cart_anchor_graphic_icon_box_shadow_color === 'transparent' {
        box-shadow: none;
      }
      @if $cart_anchor_graphic_icon_box_shadow_color !== 'transparent' {
        box-shadow: $cart_anchor_graphic_icon_box_shadow_dimensions $cart_anchor_graphic_icon_box_shadow_color;
      }
    }
  }

  @if $cart_anchor_graphic_has_alt === true {
    .$_el .buttons .x-anchor .x-graphic-icon[class*="active"] {
      @unless $cart_anchor_graphic_icon_text_shadow_dimensions?? {
        @if $cart_anchor_graphic_icon_text_shadow_color_alt === 'transparent' {
          text-shadow: none;
        }
        @if $cart_anchor_graphic_icon_text_shadow_color_alt !== 'transparent' {
          text-shadow: $cart_anchor_graphic_icon_text_shadow_dimensions $cart_anchor_graphic_icon_text_shadow_color_alt;
        }
      }
      color: $cart_anchor_graphic_icon_color_alt;
      @unless $cart_anchor_graphic_icon_border_width?? || $cart_anchor_graphic_icon_border_style?? {
        border-color: $cart_anchor_graphic_icon_border_color_alt;
      }
      @if $cart_anchor_graphic_icon_bg_color_alt !== 'transparent' {
        background-color: $cart_anchor_graphic_icon_bg_color_alt;
      }
      @unless $cart_anchor_graphic_icon_box_shadow_dimensions?? {
        @if $cart_anchor_graphic_icon_box_shadow_color_alt === 'transparent' {
          box-shadow: none;
        }
        @if $cart_anchor_graphic_icon_box_shadow_color_alt !== 'transparent' {
          box-shadow: $cart_anchor_graphic_icon_box_shadow_dimensions $cart_anchor_graphic_icon_box_shadow_color_alt;
        }
      }
    }
  }

}




@if $cart_anchor_graphic_type === 'image' {
  .$_el .buttons .x-anchor .x-graphic-image {
    @unless $cart_anchor_graphic_image_max_width?? {
      max-width: $cart_anchor_graphic_image_max_width;
    }
  }
}




@if $cart_anchor_graphic_type === 'toggle' {
  
.$_el .x-toggle {
  color: $toggle_color;
}

.$_el[class*="active"] .x-toggle,
.$_el .x-toggle[class*="active"] {
  color: $toggle_color_alt;
}




@if $toggle_type LIKE 'burger%' {
  .$_el .x-toggle-burger {
    width: $toggle_burger_width;
    margin: $toggle_burger_spacing 0;
    font-size: $toggle_burger_size;
  }

  .$_el .x-toggle-burger-bun-t { transform: translate3d(0, -$toggle_burger_spacing, 0); }
  .$_el .x-toggle-burger-bun-b { transform: translate3d(0, $toggle_burger_spacing, 0);  }
}




@if $toggle_type LIKE 'grid%' {
  .$_el .x-toggle-grid {
    margin: $toggle_grid_spacing;
    font-size: $toggle_grid_size;
  }

  .$_el .x-toggle-grid-center {
    box-shadow: -$toggle_grid_spacing -$toggle_grid_spacing, 0 -$toggle_grid_spacing, $toggle_grid_spacing -$toggle_grid_spacing, -$toggle_grid_spacing 0, $toggle_grid_spacing 0, -$toggle_grid_spacing $toggle_grid_spacing, 0 $toggle_grid_spacing, $toggle_grid_spacing $toggle_grid_spacing;
  }
}




@if $toggle_type LIKE 'more%' {
  .$_el .x-toggle-more-h,
  .$_el .x-toggle-more-v {
    margin: $toggle_more_spacing;
    font-size: $toggle_more_size;
  }

  .$_el .x-toggle-more-1 { transform: translate3d(-$toggle_more_spacing, 0, 0); }
  .$_el .x-toggle-more-3 { transform: translate3d($toggle_more_spacing, 0, 0);  }
}}
}




@if $cart_anchor_has_template === true && $cart_anchor_type === 'menu-item' && $cart_anchor_sub_indicator === true {

  .$_el .buttons .x-anchor .x-anchor-sub-indicator {
    @if $cart_anchor_sub_indicator_width !== 'auto' {
      width: $cart_anchor_sub_indicator_width;
    }
    @if $cart_anchor_sub_indicator_height !== 'auto' {
      height: $cart_anchor_sub_indicator_height;
      line-height: $cart_anchor_sub_indicator_height;
    }
    @unless $cart_anchor_sub_indicator_margin?? {
      margin: $cart_anchor_sub_indicator_margin;
    }
    font-size: $cart_anchor_sub_indicator_font_size;
    @unless $cart_anchor_sub_indicator_text_shadow_dimensions?? {
      @if $cart_anchor_sub_indicator_text_shadow_color === 'transparent' {
        text-shadow: none;
      }
      @if $cart_anchor_sub_indicator_text_shadow_color !== 'transparent' {
        text-shadow: $cart_anchor_sub_indicator_text_shadow_dimensions $cart_anchor_sub_indicator_text_shadow_color;
      }
    }
    color: $cart_anchor_sub_indicator_color;
  }

  .$_el .buttons .x-anchor[class*="active"] .x-anchor-sub-indicator {
    @unless $cart_anchor_sub_indicator_text_shadow_dimensions?? {
      @if $cart_anchor_sub_indicator_text_shadow_color_alt === 'transparent' {
        text-shadow: none;
      }
      @if $cart_anchor_sub_indicator_text_shadow_color_alt !== 'transparent' {
        text-shadow: $cart_anchor_sub_indicator_text_shadow_dimensions $cart_anchor_sub_indicator_text_shadow_color_alt;
      }
    }
    color: $cart_anchor_sub_indicator_color_alt;
  }

}




@if $cart_anchor_primary_particle === true {

  
.$_el .buttons .x-anchor .x-anchor-particle-primary {
  width: $cart_anchor_primary_particle_width;
  height: $cart_anchor_primary_particle_height;
  @unless $cart_anchor_primary_particle_border_radius?? {
    border-radius: $cart_anchor_primary_particle_border_radius;
  }
  color: $cart_anchor_primary_particle_color;
  transform-origin: $cart_anchor_primary_particle_transform_origin;
}

.$_el .buttons .x-anchor .x-anchor-particle-primary[class*="active"] {
  @unless $cart_anchor_primary_particle_delay?? {
    transition-delay: $cart_anchor_primary_particle_delay;
  }
}
}

@if $cart_anchor_secondary_particle === true {

  
.$_el .buttons .x-anchor .x-anchor-particle-secondary {
  width: $cart_anchor_secondary_particle_width;
  height: $cart_anchor_secondary_particle_height;
  @unless $cart_anchor_secondary_particle_border_radius?? {
    border-radius: $cart_anchor_secondary_particle_border_radius;
  }
  color: $cart_anchor_secondary_particle_color;
  transform-origin: $cart_anchor_secondary_particle_transform_origin;
}

.$_el .buttons .x-anchor .x-anchor-particle-secondary[class*="active"] {
  @unless $cart_anchor_secondary_particle_delay?? {
    transition-delay: $cart_anchor_secondary_particle_delay;
  }
}
}