:root {
  --ve-icon-viewbox: 24;
  --ve-icon-stroke-width: 2.1;
  --ve-icon-linecap: round;
  --ve-icon-linejoin: round;
  --ve-icon-gap: 8px;
  --ve-icon-header-button-size: 48px;
  --ve-icon-header-size: 25px;
  --ve-icon-feature-size: 30px;
  --ve-icon-control-size: 18px;
  --ve-icon-admin-size: 16px;
  --ve-icon-mask-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.3'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E");
  --ve-icon-mask-account: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 3.6-7 8-7s8 3 8 7'/%3E%3C/svg%3E");
  --ve-icon-mask-cart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.2 12h10.9l2-8H6'/%3E%3Ccircle cx='10' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3C/svg%3E");
}

.ve-icon {
  display: block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: var(--ve-icon-stroke-width);
  stroke-linecap: var(--ve-icon-linecap);
  stroke-linejoin: var(--ve-icon-linejoin);
}

.ve-icon--feature {
  width: var(--ve-icon-feature-size);
  height: var(--ve-icon-feature-size);
}

.ve-icon--control {
  width: var(--ve-icon-control-size);
  height: var(--ve-icon-control-size);
}

.ve-icon--header {
  width: var(--ve-icon-header-size);
  height: var(--ve-icon-header-size);
}

.ve-icon--admin {
  width: var(--ve-icon-admin-size);
  height: var(--ve-icon-admin-size);
}