/* Bootstrap Icons is the shared icon family for every storefront screen. */
.bi { display: inline-block; line-height: 1; vertical-align: -0.125em; }
.menu-toggle .bi { font-size: 21px; }
.value-item > .bi { font-size: 20px; }
.flow-step > .bi { font-size: 20px; }
.badge-arrow .bi { font-size: 18px; }
.button > .bi, .text-link > .bi, .announcement a > .bi { line-height: 1; }
.quick-view > .bi { float: right; font-size: 13px; }
.add-button > .bi { font-size: 18px; }
.sort-button > .bi { margin-left: 5px; font-size: 12px; }
.favorite-button > .bi { font-size: 17px; }
.socials .bi { font-size: 14px; }
.footer-mark .bi { font-size: 30px; }
.close-button .bi { font-size: 14px; }
.cart-quantity button .bi { font-size: 12px; }
.empty-bag { width: auto; height: auto; }
.toast { align-items: center; display: flex; gap: 8px; }
.toast::before { content: none; display: none; }
.toast > .bi { color: var(--brand-accent); font-size: 14px; }
.default-address-toggle span { align-items: center; display: flex; flex: 0 0 17px; justify-content: center; }
.default-address-toggle span .bi { display: none; }
.default-address-toggle input:checked + span::after { content: none; display: none; }
.default-address-toggle input:checked + span .bi { color: #fff; display: block; font-size: 11px; }
.order-search .button::after { content: none; display: none; }
.order-search .button > .bi { font-size: 18px; }