/*!
 * Font Awesome Pro 7.1.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2025 Fonticons, Inc.
 */
@use "sass:string";
@use 'variables' as v;
@use 'mixins' as m;

:root, :host {
  --#{v.$css-prefix}-family-jelly-fill: 'Font Awesome 7 Jelly Fill';
  --#{v.$css-prefix}-font-jelly-fill-regular: normal 400 1em/1 var(--#{v.$css-prefix}-family-jelly-fill);

  /* deprecated: this older custom property will be removed next major release */
  --#{v.$css-prefix}-style-family-jelly-fill: var(--#{v.$css-prefix}-family-jelly-fill);
}


@font-face {
  font-family: 'Font Awesome 7 Jelly Fill';
  font-style: normal;
  font-weight: 400;
  font-display: v.$font-display;
  src: url('#{v.$font-path}/fa-jelly-fill-regular-400.woff2');
}


.fajfr {
  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-jelly-fill);
  --#{v.$css-prefix}-style: 400;
}

.#{v.$css-prefix}-jelly-fill {
  --#{v.$css-prefix}-family: var(--#{v.$css-prefix}-family-jelly-fill);
}

.#{v.$css-prefix}-regular {
  --#{v.$css-prefix}-style: 400;
}

// convenience mixin for declaring pseudo-elements by CSS variable,
// including all style-specific font properties and ::before elements.
@mixin icon($var) {
  @include m.fa-icon(Font Awesome 7 Jelly Fill);
  @extend .#{v.$css-prefix}-regular;
  @extend .#{v.$css-prefix}-jelly-fill;

  &::before {
    content: string.unquote("\"#{ $var }\"");
  }
}