/* Local replacement for the six Font Awesome icons the shop uses, so the
   storefront no longer loads the 150 KB Font Awesome Pro stylesheet + fonts.
   Each icon is an SVG mask filled with currentColor; markup stays <i class="fa fa-plus">. */
.fa {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    -webkit-mask: var(--icon) no-repeat center / contain;
    mask: var(--icon) no-repeat center / contain;
}
.fa-plus {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 1h3v5.5H15v3H9.5V15h-3V9.5H1v-3h5.5z'/%3E%3C/svg%3E");
}
.fa-plus-circle {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm-1 4v3H4v2h3v3h2V9h3V7H9V4z'/%3E%3C/svg%3E");
}
.fa-minus-circle {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4 7v2h8V7z'/%3E%3C/svg%3E");
}
.fa-chevron-down {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.6 4.2 8 10.6l6.4-6.4 1.6 1.6-8 8-8-8z'/%3E%3C/svg%3E");
}
.fa-chevron-up {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.6 11.8 8 5.4l6.4 6.4 1.6-1.6-8-8-8 8z'/%3E%3C/svg%3E");
}
.fa-check {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.6 13.4 0 7.8l1.8-1.8 3.8 3.8L14.2 1.2 16 3z'/%3E%3C/svg%3E");
}
.fa-info-circle {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm0 1.6a6.4 6.4 0 1 0 0 12.8A6.4 6.4 0 0 0 8 1.6zM7 7h2v5H7zm1-3.2a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4z'/%3E%3C/svg%3E");
}
.fa-clock {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm0 1.6a6.4 6.4 0 1 0 0 12.8A6.4 6.4 0 0 0 8 1.6zM7.2 3.5h1.6v4.2l2.9 1.7-.8 1.4-3.7-2.2z'/%3E%3C/svg%3E");
}
.fa-bag {
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M5 4V3.5a3 3 0 0 1 6 0V4h2.2l.8 11H2l.8-11zm1.5 0h3v-.5a1.5 1.5 0 0 0-3 0zM4.2 5.5l-.6 8h8.8l-.6-8H11V7H9.5V5.5h-3V7H5V5.5z'/%3E%3C/svg%3E");
}