@use "default.icons-path" as icons-path;

  @font-face {
    font-display: block;
    font-family: "db-default";
    font-style: normal;
    font-weight: normal;
    src: url("#{icons-path.$icon-path}/default/db.woff2")
      format("woff2");
  }
  
  [data-icon-variant="db"],
  [data-icon-variant-before="db"] {
      --db-icon-font-family: "db-default", icon-font-fallback;
  }

  [data-icon-variant-after="db"] {
      --db-icon-font-family: "db-default", icon-font-fallback;
  }
  [data-icon-variant="db-default"],
  [data-icon-variant-before="db-default"] {
      --db-icon-font-family: "db-default", icon-font-fallback;
  }

  [data-icon-variant-after="db-default"] {
      --db-icon-font-family: "db-default", icon-font-fallback;
  }
  @font-face {
    font-display: block;
    font-family: "db-default";
    font-style: normal;
    font-weight: 12;
    src: url("#{icons-path.$icon-path}/default_12/db.woff2")
      format("woff2");
  }
  
      [data-icon-weight="12"],
    [data-icon-weight-before="12"] {
        --db-icon-font-weight: 12;
    }

    [data-icon-weight-after="12"] {
        --db-icon-font-weight: 12;
    }
  @font-face {
    font-display: block;
    font-family: "db-default";
    font-style: normal;
    font-weight: 14;
    src: url("#{icons-path.$icon-path}/default_14/db.woff2")
      format("woff2");
  }
  
      [data-icon-weight="14"],
    [data-icon-weight-before="14"] {
        --db-icon-font-weight: 14;
    }

    [data-icon-weight-after="14"] {
        --db-icon-font-weight: 14;
    }
  @font-face {
    font-display: block;
    font-family: "db-default";
    font-style: normal;
    font-weight: 16;
    src: url("#{icons-path.$icon-path}/default_16/db.woff2")
      format("woff2");
  }
  
      [data-icon-weight="16"],
    [data-icon-weight-before="16"] {
        --db-icon-font-weight: 16;
    }

    [data-icon-weight-after="16"] {
        --db-icon-font-weight: 16;
    }
  @font-face {
    font-display: block;
    font-family: "db-default";
    font-style: normal;
    font-weight: 20;
    src: url("#{icons-path.$icon-path}/default_20/db.woff2")
      format("woff2");
  }
  
      [data-icon-weight="20"],
    [data-icon-weight-before="20"] {
        --db-icon-font-weight: 20;
    }

    [data-icon-weight-after="20"] {
        --db-icon-font-weight: 20;
    }
  @font-face {
    font-display: block;
    font-family: "db-default";
    font-style: normal;
    font-weight: 24;
    src: url("#{icons-path.$icon-path}/default_24/db.woff2")
      format("woff2");
  }
  
      [data-icon-weight="24"],
    [data-icon-weight-before="24"] {
        --db-icon-font-weight: 24;
    }

    [data-icon-weight-after="24"] {
        --db-icon-font-weight: 24;
    }
  @font-face {
    font-display: block;
    font-family: "db-default";
    font-style: normal;
    font-weight: 32;
    src: url("#{icons-path.$icon-path}/default_32/db.woff2")
      format("woff2");
  }
  
      [data-icon-weight="32"],
    [data-icon-weight-before="32"] {
        --db-icon-font-weight: 32;
    }

    [data-icon-weight-after="32"] {
        --db-icon-font-weight: 32;
    }
  @font-face {
    font-display: block;
    font-family: "db-filled";
    font-style: normal;
    font-weight: normal;
    src: url("#{icons-path.$icon-path}/filled/db.woff2")
      format("woff2");
  }
  
  [data-icon-variant="db-filled"],
  [data-icon-variant-before="db-filled"] {
      --db-icon-font-family: "db-filled", icon-font-fallback;
  }

  [data-icon-variant-after="db-filled"] {
      --db-icon-font-family: "db-filled", icon-font-fallback;
  }
  @font-face {
    font-display: block;
    font-family: "db-filled";
    font-style: normal;
    font-weight: 12;
    src: url("#{icons-path.$icon-path}/filled_12/db.woff2")
      format("woff2");
  }
  
      [data-icon-weight="12"],
    [data-icon-weight-before="12"] {
        --db-icon-font-weight: 12;
    }

    [data-icon-weight-after="12"] {
        --db-icon-font-weight: 12;
    }
  @font-face {
    font-display: block;
    font-family: "db-filled";
    font-style: normal;
    font-weight: 14;
    src: url("#{icons-path.$icon-path}/filled_14/db.woff2")
      format("woff2");
  }
  
      [data-icon-weight="14"],
    [data-icon-weight-before="14"] {
        --db-icon-font-weight: 14;
    }

    [data-icon-weight-after="14"] {
        --db-icon-font-weight: 14;
    }
  @font-face {
    font-display: block;
    font-family: "db-filled";
    font-style: normal;
    font-weight: 16;
    src: url("#{icons-path.$icon-path}/filled_16/db.woff2")
      format("woff2");
  }
  
      [data-icon-weight="16"],
    [data-icon-weight-before="16"] {
        --db-icon-font-weight: 16;
    }

    [data-icon-weight-after="16"] {
        --db-icon-font-weight: 16;
    }
  @font-face {
    font-display: block;
    font-family: "db-filled";
    font-style: normal;
    font-weight: 20;
    src: url("#{icons-path.$icon-path}/filled_20/db.woff2")
      format("woff2");
  }
  
      [data-icon-weight="20"],
    [data-icon-weight-before="20"] {
        --db-icon-font-weight: 20;
    }

    [data-icon-weight-after="20"] {
        --db-icon-font-weight: 20;
    }
  @font-face {
    font-display: block;
    font-family: "db-filled";
    font-style: normal;
    font-weight: 24;
    src: url("#{icons-path.$icon-path}/filled_24/db.woff2")
      format("woff2");
  }
  
      [data-icon-weight="24"],
    [data-icon-weight-before="24"] {
        --db-icon-font-weight: 24;
    }

    [data-icon-weight-after="24"] {
        --db-icon-font-weight: 24;
    }
  @font-face {
    font-display: block;
    font-family: "db-filled";
    font-style: normal;
    font-weight: 32;
    src: url("#{icons-path.$icon-path}/filled_32/db.woff2")
      format("woff2");
  }
  
      [data-icon-weight="32"],
    [data-icon-weight-before="32"] {
        --db-icon-font-weight: 32;
    }

    [data-icon-weight-after="32"] {
        --db-icon-font-weight: 32;
    }