@if $text_type === 'standard' {

  
  .$_el.x-text {
    @if $text_width !== 'auto' {
      width: $text_width;
    }
    @unless $text_max_width?? {
      max-width: $text_max_width;
    }
    margin: $text_margin;
    @unless $text_border_width?? || $text_border_style?? {
      border-width: $text_border_width;
      border-style: $text_border_style;
      border-color: $text_border_color;
    }
    @unless $text_border_radius?? {
      border-radius: $text_border_radius;
    }
    padding: $text_padding;
    font-family: $text_font_family;
    font-size: $text_font_size;
    font-style: $text_font_style;
    font-weight: $text_font_weight;
    line-height: $text_line_height;
    letter-spacing: $text_letter_spacing;
    @unless $text_text_align?? {
      text-align: $text_text_align;
    }
    @unless $text_text_decoration?? {
      text-decoration: $text_text_decoration;
    }
    @unless $text_text_shadow_dimensions?? {
      text-shadow: $text_text_shadow_dimensions $text_text_shadow_color;
    }
    text-transform: $text_text_transform;
    color: $text_text_color;
    @unless $text_text_bg_color === 'transparent' {
      background-color: $text_bg_color;
    }
    @unless $text_box_shadow_dimensions?? {
      box-shadow: $text_box_shadow_dimensions $text_box_shadow_color;
    }
    @if $text_columns === true {
      -webkit-columns: $text_columns_width $text_columns_count;
              columns: $text_columns_width $text_columns_count;
      -webkit-column-gap: $text_columns_gap;
              column-gap: $text_columns_gap;
      -webkit-column-rule: $text_columns_rule_width $text_columns_rule_style $text_columns_rule_color;
              column-rule: $text_columns_rule_width $text_columns_rule_style $text_columns_rule_color;
    }
  }

  .$_el.x-text > :first-child { margin-top: 0;    }
  .$_el.x-text > :last-child  { margin-bottom: 0; }


  
  @if $text_columns === true && $text_columns_break_inside === 'avoid' {
    .$_el.x-text > * {
      -webkit-column-break-inside: avoid;
                page-break-inside: avoid;
                     break-inside: avoid;
    }
  }

}




@if $text_type === 'headline' {

  
  .$_el.x-text {
    @if $text_width !== 'auto' {
      width: $text_width;
    }
    @unless $text_max_width?? {
      max-width: $text_max_width;
    }
    margin: $text_margin;
    @unless $text_border_width?? || $text_border_style?? {
      border-width: $text_border_width;
      border-style: $text_border_style;
      border-color: $text_border_color;
    }
    @unless $text_border_radius?? {
      border-radius: $text_border_radius;
    }
    padding: $text_padding;
    font-size: $text_base_font_size;
    @unless $text_text_bg_color === 'transparent' {
      background-color: $text_bg_color;
    }
    @unless $text_box_shadow_dimensions?? {
      box-shadow: $text_box_shadow_dimensions $text_box_shadow_color;
    }
  }


  
  .$_el.x-text .x-text-content {
    @if $text_graphic === true {
      flex-direction: $text_flex_direction;
      justify-content: $text_flex_justify;
      align-items: $text_flex_align;
      @if $text_flex_wrap === true {
        flex-wrap: wrap;
        align-content: $text_flex_align;
      }
    }
  }


  
  .$_el.x-text .x-text-content-text {
    @if $text_graphic === true && $text_overflow === true && $text_flex_direction === 'column' {
      width: 100%;
    }
    @unless $text_content_margin?? {
      margin: $text_content_margin;
    }
  }


  
  .$_el.x-text .x-text-content-text-primary {
    margin: 0 calc($text_letter_spacing * -1) 0 0;
    font-family: $text_font_family;
    font-size: $text_font_size;
    font-style: $text_font_style;
    font-weight: $text_font_weight;
    line-height: $text_line_height;
    letter-spacing: $text_letter_spacing;
    @unless $text_text_align?? {
      text-align: $text_text_align;
    }
    @unless $text_text_decoration?? {
      text-decoration: $text_text_decoration;
    }
    @unless $text_text_shadow_dimensions?? {
      text-shadow: $text_text_shadow_dimensions $text_text_shadow_color;
    }
    text-transform: $text_text_transform;
    color: $text_text_color;
    @if $text_overflow === true {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }


  
  @if $text_typing === true {
    @unless $text_typing_color === 'inherit' {
      .$_el.x-text .x-text-typing {
        color: $text_typing_color;
      }
    }
    @if $text_typing_cursor === true {
      @unless $text_typing_cursor_color === 'inherit' {
        .$_el.x-text .typed-cursor {
          color: $text_typing_cursor_color;
        }
      }
    }
  }


  
  @if $text_subheadline === true {
    .$_el.x-text .x-text-content-text-subheadline {
      @if $text_subheadline_reverse === false {
        margin: $text_subheadline_spacing calc($text_subheadline_letter_spacing * -1) 0 0;
      }
      @if $text_subheadline_reverse === true {
        margin: 0 calc($text_subheadline_letter_spacing * -1) $text_subheadline_spacing 0;
      }
      font-family: $text_subheadline_font_family;
      font-size: $text_subheadline_font_size;
      font-style: $text_subheadline_font_style;
      font-weight: $text_subheadline_font_weight;
      line-height: $text_subheadline_line_height;
      letter-spacing: $text_subheadline_letter_spacing;
      @unless $text_subheadline_text_align?? {
        text-align: $text_subheadline_text_align;
      }
      @unless $text_subheadline_text_decoration?? {
        text-decoration: $text_subheadline_text_decoration;
      }
      @unless $text_subheadline_text_shadow_dimensions?? {
        text-shadow: $text_subheadline_text_shadow_dimensions $text_subheadline_text_shadow_color;
      }
      text-transform: $text_subheadline_text_transform;
      color: $text_subheadline_text_color;
      @if $text_overflow === true {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
  }


  
  @if $text_graphic === true {

    
.$_el.x-text .x-graphic {
  @unless $text_graphic_margin?? {
    margin: $text_graphic_margin;
  }
}




@if $text_graphic_type === 'icon' {

  .$_el.x-text .x-graphic-icon {
    @if $text_graphic_icon_width !== 'auto' {
      width: $text_graphic_icon_width;
    }
    @unless $text_graphic_icon_border_width?? || $text_graphic_icon_border_style?? {
      border-width: $text_graphic_icon_border_width;
      border-style: $text_graphic_icon_border_style;
      border-color: $text_graphic_icon_border_color;
    }
    @unless $text_graphic_icon_border_radius?? {
      border-radius: $text_graphic_icon_border_radius;
    }
    @if $text_graphic_icon_height !== 'auto' {
      height: $text_graphic_icon_height;
      line-height: $text_graphic_icon_height;
    }
    font-size: $text_graphic_icon_font_size;
    @unless $text_graphic_icon_text_shadow_dimensions?? {
      @if $text_graphic_icon_text_shadow_color === 'transparent' {
        text-shadow: none;
      }
      @if $text_graphic_icon_text_shadow_color !== 'transparent' {
        text-shadow: $text_graphic_icon_text_shadow_dimensions $text_graphic_icon_text_shadow_color;
      }
    }
    color: $text_graphic_icon_color;
    @if $text_graphic_icon_bg_color !== 'transparent' {
      background-color: $text_graphic_icon_bg_color;
    }
    @unless $text_graphic_icon_box_shadow_dimensions?? {
      @if $text_graphic_icon_box_shadow_color === 'transparent' {
        box-shadow: none;
      }
      @if $text_graphic_icon_box_shadow_color !== 'transparent' {
        box-shadow: $text_graphic_icon_box_shadow_dimensions $text_graphic_icon_box_shadow_color;
      }
    }
  }

  @if $text_graphic_has_alt === true {
    .$_el.x-text .x-graphic-icon[class*="active"] {
      @unless $text_graphic_icon_text_shadow_dimensions?? {
        @if $text_graphic_icon_text_shadow_color_alt === 'transparent' {
          text-shadow: none;
        }
        @if $text_graphic_icon_text_shadow_color_alt !== 'transparent' {
          text-shadow: $text_graphic_icon_text_shadow_dimensions $text_graphic_icon_text_shadow_color_alt;
        }
      }
      color: $text_graphic_icon_color_alt;
      @unless $text_graphic_icon_border_width?? || $text_graphic_icon_border_style?? {
        border-color: $text_graphic_icon_border_color_alt;
      }
      @if $text_graphic_icon_bg_color_alt !== 'transparent' {
        background-color: $text_graphic_icon_bg_color_alt;
      }
      @unless $text_graphic_icon_box_shadow_dimensions?? {
        @if $text_graphic_icon_box_shadow_color_alt === 'transparent' {
          box-shadow: none;
        }
        @if $text_graphic_icon_box_shadow_color_alt !== 'transparent' {
          box-shadow: $text_graphic_icon_box_shadow_dimensions $text_graphic_icon_box_shadow_color_alt;
        }
      }
    }
  }

}




@if $text_graphic_type === 'image' {
  .$_el.x-text .x-graphic-image {
    @unless $text_graphic_image_max_width?? {
      max-width: $text_graphic_image_max_width;
    }
  }
}




@if $text_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);  }
}}
  }

}