.bi {
    --icon-svg: none;
    display: inline-block;
    width: 1.15em;
    height: 1.15em;
    vertical-align: -0.16em;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask-image: var(--icon-svg);
    mask-image: var(--icon-svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.bi-search {
    --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='6.5' cy='6.5' r='4.25' fill='none' stroke='black' stroke-width='1.75'/%3E%3Cpath d='M9.7 9.7l3.8 3.8' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E");
}

.bi-check2-square {
    --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1.75' y='1.75' width='12.5' height='12.5' rx='1.5' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M4.4 8.1l2.25 2.3L11.8 5.3' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.bi-ui-checks-grid {
    --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1.5' y='2' width='4' height='4' rx='0.75' fill='none' stroke='black' stroke-width='1.3'/%3E%3Crect x='1.5' y='10' width='4' height='4' rx='0.75' fill='none' stroke='black' stroke-width='1.3'/%3E%3Cpath d='M8 3.5h6M8 5.5h4M8 11.5h6M8 13.5h4' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}

.bi-sliders {
    --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4h12M2 8h12M2 12h12' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Ccircle cx='5' cy='4' r='1.8'/%3E%3Ccircle cx='10.5' cy='8' r='1.8'/%3E%3Ccircle cx='7' cy='12' r='1.8'/%3E%3C/svg%3E");
}

.bi-graph-up,
.bi-graph-up-arrow {
    --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 13.5h11' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M3 10.5l3-3 2.5 2.5 4-5' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.8 5h2.7v2.7' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.bi-stars {
    --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.5l1.6 3.25 3.6.5-2.6 2.5.65 3.55L8 9.65 4.75 11.3l.65-3.55-2.6-2.5 3.6-.5L8 1.5zM12.55 1.2l.45.95 1.05.15-.75.75.18 1.05-.93-.5-.93.5.18-1.05-.75-.75 1.05-.15.45-.95zM12.4 10.1l.35.7.8.1-.58.58.14.83-.71-.39-.71.39.14-.83-.58-.58.8-.1.35-.7z'/%3E%3C/svg%3E");
}

.bi-shuffle {
    --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4h2.6c1 0 1.55.3 2.2 1l4.6 5c.55.6 1.05 1 2.6 1H14' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 4h1.25c1.1 0 1.6-.25 1.75-1.75M11 12h1.25c1.1 0 1.6.25 1.75 1.75' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M12 1.8L14.6 2.2 14.2 4.8M12 14.2l2.6-.4-.4-2.6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 12h2.3c1.1 0 1.65-.35 2.25-1.1l1.2-1.5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.bi-grid-3x3-gap {
    --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2h3v3H2zm4.5 0h3v3h-3zm4.5 0h3v3h-3zM2 6.5h3v3H2zm4.5 0h3v3h-3zm4.5 0h3v3h-3zM2 11h3v3H2zm4.5 0h3v3h-3zm4.5 0h3v3h-3z'/%3E%3C/svg%3E");
}

.bi-github {
    --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6a6.4 6.4 0 0 0-2.02 12.47c.32.06.43-.13.43-.31v-1.18c-1.76.38-2.13-.75-2.13-.75-.29-.73-.7-.93-.7-.93-.57-.39.04-.38.04-.38.63.05.96.64.96.64.56.96 1.46.68 1.82.52.06-.4.22-.68.4-.84-1.41-.16-2.9-.7-2.9-3.13 0-.69.24-1.25.64-1.69-.07-.16-.28-.82.06-1.71 0 0 .53-.17 1.74.64a5.9 5.9 0 0 1 3.16 0c1.21-.81 1.74-.64 1.74-.64.34.89.13 1.55.06 1.71.4.44.64 1 .64 1.69 0 2.44-1.49 2.97-2.91 3.13.23.2.43.58.43 1.17v1.73c0 .18.11.37.44.31A6.4 6.4 0 0 0 8 1.6z'/%3E%3C/svg%3E");
}

.bi-code-square {
    --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1.75' y='1.75' width='12.5' height='12.5' rx='1.5' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M6.6 5.1L4 8l2.6 2.9M9.4 5.1L12 8l-2.6 2.9' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.bi-question-circle {
    --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6.1' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M6.45 6.2a1.9 1.9 0 1 1 2.63 1.75c-.72.34-1.08.74-1.08 1.55' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='8' cy='12' r='0.85'/%3E%3C/svg%3E");
}

.bi-x-lg {
    --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 3l10 10M13 3L3 13' fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round'/%3E%3C/svg%3E");
}

.bi-arrow-up {
    --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 13V3M4.5 6.5L8 3l3.5 3.5' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.bi-arrow-down {
    --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3v10M4.5 9.5L8 13l3.5-3.5' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.bi-trash {
    --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 4h11M6 2.5h4l.6 1.5H5.4L6 2.5zM4.3 4.2l.7 9.1h6l.7-9.1M6.5 6.2v5.1M9.5 6.2v5.1' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.bi-palette2 {
    --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2.2c-3.45 0-5.8 2.28-5.8 5.1 0 2.12 1.63 3.58 3.7 3.58h1.3c.63 0 1.03.36 1.03.87 0 .76.68 1.35 1.58 1.35 2.18 0 3.56-1.76 3.56-4.56C13.37 4.5 10.82 2.2 8 2.2z' fill='none' stroke='black' stroke-width='1.35' stroke-linejoin='round'/%3E%3Ccircle cx='5.1' cy='6.1' r='0.72'/%3E%3Ccircle cx='7.45' cy='4.95' r='0.72'/%3E%3Ccircle cx='10.05' cy='5.35' r='0.72'/%3E%3Ccircle cx='10.9' cy='8.05' r='0.72'/%3E%3C/svg%3E");
}

.bi-reception-4 {
    --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 13h2V9H2zm3.5 0h2V7h-2zm3.5 0h2V4.5h-2zm3.5 0h2V2h-2z'/%3E%3C/svg%3E");
}

.bi-rulers {
    --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10.8 1.6l3.6 3.6-8.8 9.2-3.6-3.6 8.8-9.2zM9 3.4l1.1 1.1M7.1 5.3l1.1 1.1M5.2 7.2l1.1 1.1M3.3 9.1l1.1 1.1' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.bi-speedometer {
    --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.2 11.8a5.8 5.8 0 1 1 9.6 0H3.2z' fill='none' stroke='black' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M8 8.2l3-2' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3Ccircle cx='8' cy='8.2' r='1'/%3E%3C/svg%3E");
}

.bi-kanban {
    --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1.5' y='2' width='13' height='12' rx='1.2' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M5.35 2.7v10.6M10.65 2.7v10.6M3.4 4.2v2.4M7.05 4.2v4.4M12.35 4.2v3.2' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
}

.bi-filter-square-fill {
    --icon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1.6' y='1.6' width='12.8' height='12.8' rx='1.35' fill='none' stroke='black' stroke-width='1.35'/%3E%3Cpath d='M4.1 4.2h7.8L9.15 7.9v3.5L6.85 10V7.9z'/%3E%3C/svg%3E");
}