@font-face {
  font-family: "boxicons-duotone";
  src: url("./boxicons-duotone.woff2") format("woff2");
  font-weight: 200;
}
.bxd {
  font-family: boxicons-duotone !important;
  font-style: normal;
  font-weight: 200;
  font-variant: normal;
  position: relative;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bxd:before {
  position: absolute;
  color: var(--bx-duotone-primary-color, currentColor);
  opacity: var(--bx-duotone-primary-opacity, 1);
}
.bxd:after {
  opacity: var(--bx-duotone-secondary-opacity, 0.4);
  color: var(--bx-duotone-secondary-color, currentColor);
}
.bxd.bx-check-circle:after { content: "\f49f"; }
.bxd.bx-check-circle:before { content: "\f4a0"; }
.bxd.bx-x-circle:after { content: "\ffd0"; }
.bxd.bx-x-circle:before { content: "\ffd1"; }
.bxd.bx-florist:after { content: "\f75d"; }
.bxd.bx-florist:before { content: "\f75e"; }
.bxd.bx-info-circle:after { content: "\f8c9"; }
.bxd.bx-info-circle:before { content: "\f8ca"; }
.bxd.bx-message-bubble-detail:after { content: "\f9fd"; }
.bxd.bx-message-bubble-detail:before { content: "\f9fe"; }