.bx {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.bx-arrow-back {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 11H6.414l5.293-5.293l-1.414-1.414L2.586 12l7.707 7.707l1.414-1.414L6.414 13H21z'/%3E%3C/svg%3E");
}
.bx-calendar {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 11h2v2H7zm0 4h2v2H7zm4-4h2v2h-2zm0 4h2v2h-2zm4-4h2v2h-2zm0 4h2v2h-2z'/%3E%3Cpath fill='black' d='M5 22h14c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2h-2V2h-2v2H9V2H7v2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2M19 8l.001 12H5V8z'/%3E%3C/svg%3E");
}
.bx-chevron-left {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13.293 6.293L7.586 12l5.707 5.707l1.414-1.414L10.414 12l4.293-4.293z'/%3E%3C/svg%3E");
}
.bx-edit {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m7 17.013l4.413-.015l9.632-9.54c.378-.378.586-.88.586-1.414s-.208-1.036-.586-1.414l-1.586-1.586c-.756-.756-2.075-.752-2.825-.003L7 12.583zM18.045 4.458l1.589 1.583l-1.597 1.582l-1.586-1.585zM9 13.417l6.03-5.973l1.586 1.586l-6.029 5.971L9 15.006z'/%3E%3Cpath fill='black' d='M5 21h14c1.103 0 2-.897 2-2v-8.668l-2 2V19H8.158c-.026 0-.053.01-.079.01c-.033 0-.066-.009-.1-.01H5V5h6.847l2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2'/%3E%3C/svg%3E");
}
.bx-error {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11.001 10h2v5h-2zM11 16h2v2h-2z'/%3E%3Cpath fill='black' d='M13.768 4.2C13.42 3.545 12.742 3.138 12 3.138s-1.42.407-1.768 1.063L2.894 18.064a1.99 1.99 0 0 0 .054 1.968A1.98 1.98 0 0 0 4.661 21h14.678c.708 0 1.349-.362 1.714-.968a1.99 1.99 0 0 0 .054-1.968zM4.661 19L12 5.137L19.344 19z'/%3E%3C/svg%3E");
}
.bx-error-circle {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11.953 2C6.465 2 2 6.486 2 12s4.486 10 10 10s10-4.486 10-10S17.493 2 11.953 2M12 20c-4.411 0-8-3.589-8-8s3.567-8 7.953-8C16.391 4 20 7.589 20 12s-3.589 8-8 8'/%3E%3Cpath fill='black' d='M11 7h2v7h-2zm0 8h2v2h-2z'/%3E%3C/svg%3E");
}
.bx-filter-alt {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 3H5a1 1 0 0 0-1 1v2.59c0 .523.213 1.037.583 1.407L10 13.414V21a1 1 0 0 0 1.447.895l4-2c.339-.17.553-.516.553-.895v-5.586l5.417-5.417c.37-.37.583-.884.583-1.407V4a1 1 0 0 0-1-1m-6.707 9.293A1 1 0 0 0 14 13v5.382l-2 1V13a1 1 0 0 0-.293-.707L6 6.59V5h14.001l.002 1.583z'/%3E%3C/svg%3E");
}
.bx-group {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M16.604 11.048a5.67 5.67 0 0 0 .751-3.44c-.179-1.784-1.175-3.361-2.803-4.44l-1.105 1.666c1.119.742 1.8 1.799 1.918 2.974a3.7 3.7 0 0 1-1.072 2.986l-1.192 1.192l1.618.475C18.951 13.701 19 17.957 19 18h2c0-1.789-.956-5.285-4.396-6.952'/%3E%3Cpath fill='black' d='M9.5 12c2.206 0 4-1.794 4-4s-1.794-4-4-4s-4 1.794-4 4s1.794 4 4 4m0-6c1.103 0 2 .897 2 2s-.897 2-2 2s-2-.897-2-2s.897-2 2-2m1.5 7H8c-3.309 0-6 2.691-6 6v1h2v-1c0-2.206 1.794-4 4-4h3c2.206 0 4 1.794 4 4v1h2v-1c0-3.309-2.691-6-6-6'/%3E%3C/svg%3E");
}
.bx-home-smile {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 13h1v7c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-7h1a1 1 0 0 0 .707-1.707l-9-9a1 1 0 0 0-1.414 0l-9 9A1 1 0 0 0 3 13m9-8.586l6 6V15l.001 5H6v-9.586z'/%3E%3Cpath fill='black' d='M12 18c3.703 0 4.901-3.539 4.95-3.689l-1.9-.621c-.008.023-.781 2.31-3.05 2.31c-2.238 0-3.02-2.221-3.051-2.316l-1.899.627C7.099 14.461 8.297 18 12 18'/%3E%3C/svg%3E");
}
.bx-link-alt {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4.222 19.778a4.98 4.98 0 0 0 3.535 1.462a5 5 0 0 0 3.536-1.462l2.828-2.829l-1.414-1.414l-2.828 2.829a3.007 3.007 0 0 1-4.243 0a3.005 3.005 0 0 1 0-4.243l2.829-2.828l-1.414-1.414l-2.829 2.828a5.006 5.006 0 0 0 0 7.071m15.556-8.485a5.01 5.01 0 0 0 0-7.071a5.006 5.006 0 0 0-7.071 0L9.879 7.051l1.414 1.414l2.828-2.829a3.007 3.007 0 0 1 4.243 0a3.005 3.005 0 0 1 0 4.243l-2.829 2.828l1.414 1.414z'/%3E%3Cpath fill='black' d='m8.464 16.95l-1.415-1.414l8.487-8.486l1.414 1.415z'/%3E%3C/svg%3E");
}
.bx-list-ul {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 6h2v2H4zm0 5h2v2H4zm0 5h2v2H4zm16-8V6H8.023v2H18.8zM8 11h12v2H8zm0 5h12v2H8z'/%3E%3C/svg%3E");
}
.bx-menu {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3C/svg%3E");
}
.bx-plus {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z'/%3E%3C/svg%3E");
}
.bx-shield-quarter {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20.995 6.9a1 1 0 0 0-.548-.795l-8-4a1 1 0 0 0-.895 0l-8 4a1 1 0 0 0-.547.795c-.011.107-.961 10.767 8.589 15.014a1 1 0 0 0 .812 0c9.55-4.247 8.6-14.906 8.589-15.014M12 19.897V12H5.51a15.5 15.5 0 0 1-.544-4.365L12 4.118V12h6.46c-.759 2.74-2.498 5.979-6.46 7.897'/%3E%3C/svg%3E");
}
.bx-trash {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 20a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8h2V6h-4V4a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v2H3v2h2zM9 4h6v2H9zM8 8h9v12H7V8z'/%3E%3Cpath fill='black' d='M9 10h2v8H9zm4 0h2v8h-2z'/%3E%3C/svg%3E");
}
.bx-user-circle {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10s10-4.486 10-10S17.514 2 12 2m0 5c1.654 0 3 1.346 3 3s-1.346 3-3 3s-3-1.346-3-3s1.346-3 3-3m5.617 11.041A6.97 6.97 0 0 0 12 15a6.97 6.97 0 0 0-5.617 3.041A7.92 7.92 0 0 1 4 12c0-4.411 3.589-8 8-8s8 3.589 8 8a7.92 7.92 0 0 1-2.383 6.041'/%3E%3C/svg%3E");
}
.bx-log-out {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m2 12l5 4v-3h9v-2H7V8z'/%3E%3Cpath fill='black' d='M13.001 2.999a8.94 8.94 0 0 0-7.131 3.527l1.594 1.205A6.95 6.95 0 0 1 13.001 5c3.86 0 7 3.141 7 7s-3.14 7-7 7a6.95 6.95 0 0 1-5.537-2.731l-1.594 1.205A8.94 8.94 0 0 0 13.001 21c4.962 0 9-4.037 9-9s-4.038-9.001-9-9.001'/%3E%3C/svg%3E");
}
.bx-folder {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 5h-9.586L8.707 3.293A.997.997 0 0 0 8 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V7c0-1.103-.897-2-2-2m0 14H4V5h3.586l1.707 1.707A.997.997 0 0 0 10 7h10z'/%3E%3C/svg%3E");
}
.bx-user-plus {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14 9a4 4 0 1 0-8 0a4 4 0 0 0 8 0m-2 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0M2 19a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1c0-3.519-3.058-6-7-6h-2c-3.942 0-7 2.481-7 6m2.225-1c.444-1.736 2.357-3 4.775-3h2c2.418 0 4.331 1.264 4.775 3zm15.775-7h2v2h-2v2h-2v-2h-2v-2h2V9h2z'/%3E%3C/svg%3E");
}
.bx-key {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3.433 18.578a1.022 1.022 0 0 0 .003 1.444l.541.541a1.02 1.02 0 0 0 1.444.001l3.045-3.044l-1.988-1.988zM21.71 6.291a1 1 0 0 0 0-1.413l-2.586-2.587a1 1 0 0 0-1.414 0L9.748 9.835A5.6 5.6 0 0 0 8 9.5a5.5 5.5 0 1 0 5.5 5.5c0-.613-.107-1.2-.298-1.748zM8 18a3 3 0 1 1 0-6a3 3 0 0 1 0 6'/%3E%3C/svg%3E");
}
.bx-bot {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 9V7c0-1.103-.897-2-2-2h-3c0-1.654-1.346-3-3-3S9 3.346 9 5H6c-1.103 0-2 .897-2 2v2c-1.103 0-2 .897-2 2v2c0 1.103.897 2 2 2v4c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-4c1.103 0 2-.897 2-2v-2c0-1.103-.897-2-2-2m-2 9H6V7h12z'/%3E%3Cpath fill='black' d='M8 11h2v2H8zm6 0h2v2h-2z'/%3E%3C/svg%3E");
}
.bx-send {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21.426 11.095l-17-8A.999.999 0 0 0 3.03 4.242L4.969 12L3.03 19.758a.998.998 0 0 0 1.396 1.147l17-8a1 1 0 0 0 0-1.81zM5.481 18.197l.839-3.357L12 12L6.32 9.16l-.839-3.357L18.651 12z'/%3E%3C/svg%3E");
}
.bx-message-rounded-dots {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2C6.486 2 2 6.262 2 11.5c0 2.545 1.088 4.988 3.022 6.808L5 22l4.345-2.105C10.215 20.226 11.101 21 12 21c5.514 0 10-4.262 10-9.5S17.514 2 12 2m0 17c-.874 0-1.747-.21-2.451-.601l-.84-.466l-.881.428l-1.561.755l.211-1.99l-.741-.697C3.873 14.93 3 13.225 3 11.5C3 7.359 7.037 4 12 4s9 3.359 9 7.5s-4.037 7.5-9 7.5'/%3E%3Cpath fill='black' d='M8 10h2v2H8zm3 0h2v2h-2zm3 0h2v2h-2z'/%3E%3C/svg%3E");
}
.bx {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.bx {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}