:root {
  --bg--icon--allow-forward: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5628 14.6665L14.4108 7.51452L16.2964 5.62891L26.6673 15.9999L16.2964 26.3707L14.4108 24.4851L21.5628 17.3332H5.33398V14.6665H21.5628Z'/%3E%3C/svg%3E%0A");
  --bg--icon--allow-backward: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4386 14.6665H26.6673V17.3332H10.4386L17.5905 24.4851L15.7049 26.3707L5.33398 15.9999L15.7049 5.62891L17.5905 7.51452L10.4386 14.6665Z'/%3E%3C/svg%3E%0A");
  --bg--icon--allow-upward: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3331 10.4386V26.6673H14.6665V10.4386L7.51453 17.5905L5.62891 15.7049L15.9998 5.33398L26.3707 15.7049L24.4851 17.5905L17.3331 10.4386Z'/%3E%3C/svg%3E%0A");
  --bg--icon--allow-downward: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3331 21.5628L24.4851 14.4108L26.3707 16.2964L15.9998 26.6673L5.62891 16.2964L7.51453 14.4108L14.6665 21.5628V5.33398H17.3331V21.5628Z'/%3E%3C/svg%3E%0A");
  --bg--icon--chevron-forward: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5626 16.0009L10.9629 9.40124L12.8485 7.51562L21.3338 16.0009L12.8485 24.4861L10.9629 22.6005L17.5626 16.0009Z'/%3E%3C/svg%3E%0A");
  --bg--icon--chevron-backward: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4372 16.0009L21.0369 22.6005L19.1514 24.4861L10.666 16.0009L19.1514 7.51562L21.0369 9.40124L14.4372 16.0009Z'/%3E%3C/svg%3E%0A");
  --bg--icon--chevron-upward: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0008 14.4372L9.40124 21.0369L7.51562 19.1514L16.0008 10.666L24.4862 19.1514L22.6006 21.0369L16.0008 14.4372Z'/%3E%3C/svg%3E%0A");
  --bg--icon--chevron-downward: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4852 17.5996L23.0849 11L24.9705 12.8856L16.4852 21.371L8 12.8856L9.88561 11L16.4852 17.5996Z'/%3E%3C/svg%3E%0A");
  --bg--icon--globe: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9993 29.3327C8.63555 29.3327 2.66602 23.3631 2.66602 15.9993C2.66602 8.63555 8.63555 2.66602 15.9993 2.66602C23.3631 2.66602 29.3327 8.63555 29.3327 15.9993C29.3327 23.3631 23.3631 29.3327 15.9993 29.3327ZM12.946 26.2225C11.6626 23.5005 10.8758 20.4983 10.7024 17.3327H5.4152C5.94335 21.568 8.95454 25.0323 12.946 26.2225ZM13.3736 17.3327C13.5741 20.5844 14.5031 23.6389 15.9993 26.3353C17.4956 23.6389 18.4245 20.5844 18.6251 17.3327H13.3736ZM26.5835 17.3327H21.2963C21.1229 20.4983 20.3361 23.5005 19.0527 26.2225C23.0441 25.0323 26.0553 21.568 26.5835 17.3327ZM5.4152 14.666H10.7024C10.8758 11.5004 11.6626 8.49811 12.946 5.7761C8.95454 6.96646 5.94335 10.4307 5.4152 14.666ZM13.3736 14.666H18.6251C18.4245 11.4143 17.4956 8.35968 15.9993 5.66334C14.5031 8.35968 13.5741 11.4143 13.3736 14.666ZM19.0527 5.7761C20.3361 8.49811 21.1229 11.5004 21.2963 14.666H26.5835C26.0553 10.4307 23.0441 6.96646 19.0527 5.7761Z'/%3E%3C/svg%3E%0A");
  --bg--icon--search: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.0407 22.1551L29.7509 27.8653L27.8653 29.7509L22.1551 24.0407C20.1019 25.6833 17.498 26.666 14.666 26.666C8.04202 26.666 2.66602 21.29 2.66602 14.666C2.66602 8.04202 8.04202 2.66602 14.666 2.66602C21.29 2.66602 26.666 8.04202 26.666 14.666C26.666 17.498 25.6833 20.1019 24.0407 22.1551ZM21.3656 21.1657C22.996 19.4855 23.9993 17.1935 23.9993 14.666C23.9993 9.50935 19.8227 5.33268 14.666 5.33268C9.50935 5.33268 5.33268 9.50935 5.33268 14.666C5.33268 19.8227 9.50935 23.9993 14.666 23.9993C17.1935 23.9993 19.4855 22.996 21.1657 21.3656L21.3656 21.1657Z'/%3E%3C/svg%3E%0A");
  --bg--icon--menu: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5.33398H28V8.00065H4V5.33398ZM4 14.6673H28V17.334H4V14.6673ZM4 24.0007H28V26.6673H4V24.0007Z'/%3E%3C/svg%3E%0A");
  --bg--icon--new-open: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3333 8V10.6667H6.66667V25.3333H21.3333V18.6667H24V26.6667C24 27.4031 23.4031 28 22.6667 28H5.33333C4.59696 28 4 27.4031 4 26.6667V9.33333C4 8.59696 4.59696 8 5.33333 8H13.3333ZM28 4V14.6667H25.3333L25.3332 8.55067L14.9428 18.9428L13.0572 17.0572L23.4465 6.66667H17.3333V4H28Z'/%3E%3C/svg%3E%0A");
  --bg--icon--close: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.999 14.1153L22.5987 7.51562L24.4843 9.40124L17.8846 16.0009L24.4843 22.6005L22.5987 24.4861L15.999 17.8865L9.3993 24.4861L7.51367 22.6005L14.1134 16.0009L7.51367 9.40124L9.3993 7.51562L15.999 14.1153Z'/%3E%3C/svg%3E%0A");
  --bg--icon--plus: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.666 14.666V6.66602H17.3327V14.666H25.3327V17.3327H17.3327V25.3327H14.666V17.3327H6.66602V14.666H14.666Z'/%3E%3C/svg%3E%0A");
  --bg--icon--minus: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.3327 14.667H6.66602V17.3337H25.3327V14.667Z'/%3E%3C/svg%3E%0A");
  --bg--icon--home: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3333 25.3333H25.3333V13.3042L16 6.04495L6.66667 13.3042V25.3333H14.6667V17.3333H17.3333V25.3333ZM28 26.6667C28 27.4031 27.4031 28 26.6667 28H5.33333C4.59696 28 4 27.4031 4 26.6667V12.6521C4 12.2406 4.18996 11.8522 4.51475 11.5996L15.1815 3.30332C15.6629 2.92884 16.3371 2.92884 16.8185 3.30332L27.4852 11.5996C27.81 11.8522 28 12.2406 28 12.6521V26.6667Z'/%3E%3C/svg%3E%0A");
  --bg--icon--info: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9993 29.3327C8.63555 29.3327 2.66602 23.3631 2.66602 15.9993C2.66602 8.63555 8.63555 2.66602 15.9993 2.66602C23.3631 2.66602 29.3327 8.63555 29.3327 15.9993C29.3327 23.3631 23.3631 29.3327 15.9993 29.3327ZM15.9993 26.666C21.8904 26.666 26.666 21.8904 26.666 15.9993C26.666 10.1083 21.8904 5.33268 15.9993 5.33268C10.1083 5.33268 5.33268 10.1083 5.33268 15.9993C5.33268 21.8904 10.1083 26.666 15.9993 26.666ZM14.666 9.33268H17.3327V11.9993H14.666V9.33268ZM14.666 14.666H17.3327V22.666H14.666V14.666Z'/%3E%3C/svg%3E%0A");
  --bg--icon--warn: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1897 4.66689L29.8914 26.6669C30.2597 27.3047 30.0412 28.1201 29.4034 28.4883C29.2008 28.6053 28.9708 28.6669 28.7368 28.6669H3.33333C2.59696 28.6669 2 28.07 2 27.3336C2 27.0995 2.06161 26.8696 2.17864 26.6669L14.8804 4.66689C15.2485 4.02916 16.064 3.81067 16.7017 4.17885C16.9044 4.29588 17.0728 4.4642 17.1897 4.66689ZM5.64273 26.0003H26.4273L16.035 8.00023L5.64273 26.0003ZM14.7017 22.0003H17.3684V24.6669H14.7017V22.0003ZM14.7017 12.6669H17.3684V19.3336H14.7017V12.6669Z'/%3E%3C/svg%3E%0A");
  --bg--icon--error: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.2473 2.89941L28.6673 10.3194V20.8128L21.2473 28.2328H10.7539L3.33398 20.8128V10.3194L10.7539 2.89941H21.2473ZM20.1428 5.56608H11.8585L6.00065 11.4239V19.7082L11.8585 25.5661H20.1428L26.0007 19.7082V11.4239L20.1428 5.56608ZM14.6663 19.565H17.3329V22.2317H14.6663V19.565ZM14.6663 8.89843H17.3329V16.8984H14.6663V8.89843Z'/%3E%3C/svg%3E%0A");
  --bg--icon--stop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M.333,0H3.667C3.851,0,4,.448,4,1V11c0,.552-.149,1-.333,1H.333C.149,12,0,11.552,0,11V1C0,.448.149,0,.333,0Z' transform='translate(6 6)'/%3E%3Cpath d='M.333,0H3.667C3.851,0,4,.448,4,1V11c0,.552-.149,1-.333,1H.333C.149,12,0,11.552,0,11V1C0,.448.149,0,.333,0Z' transform='translate(14 6)'/%3E%3C/svg%3E%0A");
}

.bg-icon {
  display: inline-block;
  mask-size: contain;
  mask-repeat: no-repeat;
  width: 1.5em;
  height: 1.5em;
  background-color: currentColor;
  vertical-align: middle;
}
.bg-icon.bgi-allow-forward {mask-image: var(--bg--icon--allow-forward);}
.bg-icon.bgi-allow-backward {mask-image: var(--bg--icon--allow-backward);}
.bg-icon.bgi-allow-upward {mask-image: var(--bg--icon--allow-upward);}
.bg-icon.bgi-allow-downward {mask-image: var(--bg--icon--allow-downward);}
.bg-icon.bgi-chevron-forward {mask-image: var(--bg--icon--chevron-forward);}
.bg-icon.bgi-chevron-backward {mask-image: var(--bg--icon--chevron-backward);}
.bg-icon.bgi-chevron-upward {mask-image: var(--bg--icon--chevron-upward);}
.bg-icon.bgi-chevron-downward {mask-image: var(--bg--icon--chevron-downward);}
.bg-icon.bgi-globe {mask-image: var(--bg--icon--globe);}
.bg-icon.bgi-search {mask-image: var(--bg--icon--search);}
.bg-icon.bgi-menu {mask-image: var(--bg--icon--menu);}
.bg-icon.bgi-new-open {mask-image: var(--bg--icon--new-open);}
.bg-icon.bgi-close {mask-image: var(--bg--icon--close);}
.bg-icon.bgi-plus {mask-image: var(--bg--icon--plus);}
.bg-icon.bgi-minus {mask-image: var(--bg--icon--minus);}
.bg-icon.bgi-home {mask-image: var(--bg--icon--home);}
.bg-icon.bgi-info {mask-image: var(--bg--icon--info);}
.bg-icon.bgi-warn {mask-image: var(--bg--icon--warn);}
.bg-icon.bgi-error {mask-image: var(--bg--icon--error);}