/* Dutch Bros Nutrition Facts — card-list format */
.dbxnf-root {
	--dbx-teal: #0d3b3e;
	--dbx-teal-light: #155e61;
	--dbx-cream: #fdf6ea;
	--dbx-cream-dark: #f4e9d4;
	--dbx-orange: #f2622e;
	--dbx-orange-dark: #d94f1f;
	--dbx-gold: #f0b429;
	--dbx-ink: #1c2624;
	--dbx-muted: #6b7a78;
	--dbx-line: #e5ded0;
	--dbx-white: #ffffff;
	--dbx-radius: 16px;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	color: var(--dbx-ink);
	max-width: 880px;
	margin: 0 auto;
}

.dbxnf-root * { box-sizing: border-box; }

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
	white-space: nowrap;
}

.dbxnf-header { text-align: center; padding: 8px 16px 20px; }

.dbxnf-title {
	font-family: 'Archivo Black', Impact, sans-serif;
	font-size: clamp(26px, 3.6vw, 38px);
	letter-spacing: -0.01em;
	color: var(--dbx-teal);
	margin: 0 0 8px;
	text-transform: uppercase;
}

.dbxnf-subtitle {
	color: var(--dbx-muted);
	font-size: 15px;
	max-width: 560px;
	margin: 0 auto;
	line-height: 1.5;
}

/* Search bar — pill input + count badge, matching the reference layout */
.dbxnf-search-bar {
	display: flex;
	gap: 12px;
	align-items: center;
	background: var(--dbx-white);
	border: 1px solid var(--dbx-line);
	border-radius: var(--dbx-radius);
	padding: 10px 14px;
	margin-bottom: 16px;
}

.dbxnf-search-wrap {
	position: relative;
	flex: 1 1 auto;
	display: flex;
	align-items: center;
}

.dbxnf-search-icon { position: absolute; right: 12px; width: 18px; height: 18px; color: var(--dbx-orange); }

.dbxnf-search {
	width: 100%;
	padding: 10px 40px 10px 6px;
	border: none;
	background: transparent;
	font-size: 15px;
	color: var(--dbx-ink);
	outline: none;
}

.dbxnf-count-badge {
	flex: 0 0 auto;
	padding: 8px 14px;
	border: 1px solid var(--dbx-line);
	border-radius: 999px;
	font-size: 13.5px;
	font-weight: 700;
	color: var(--dbx-teal);
	white-space: nowrap;
}

/* Category rail */
.dbxnf-category-rail {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	padding: 4px 4px 14px;
	scrollbar-width: thin;
}

.dbxnf-chip {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	border-radius: 999px;
	border: 1.5px solid var(--dbx-line);
	background: var(--dbx-white);
	color: var(--dbx-ink);
	font-size: 13.5px;
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
	transition: all .15s ease;
}

.dbxnf-chip:hover { border-color: var(--dbx-orange); }

.dbxnf-chip.is-active {
	background: var(--dbx-teal);
	border-color: var(--dbx-teal);
	color: var(--dbx-white);
}

.dbxnf-chip-count {
	background: rgba(0,0,0,0.08);
	color: inherit;
	border-radius: 999px;
	padding: 2px 8px;
	font-size: 11.5px;
	font-weight: 700;
}

.dbxnf-chip.is-active .dbxnf-chip-count { background: rgba(255,255,255,0.22); }

.dbxnf-results-meta {
	font-size: 13px;
	color: var(--dbx-muted);
	padding: 0 4px 10px;
	font-weight: 600;
}

/* List + cards */
.dbxnf-list { display: flex; flex-direction: column; gap: 10px; }

.dbxnf-item {
	background: var(--dbx-white);
	border: 1px solid var(--dbx-line);
	border-radius: var(--dbx-radius);
	overflow: hidden;
	transition: border-color .15s ease;
}

.dbxnf-item.is-expanded { border-color: var(--dbx-orange); }
.dbxnf-item.is-hidden-by-filter { display: none; }

.dbxnf-item-head {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	background: none;
	border: none;
	cursor: pointer;
	text-align: left;
	font: inherit;
	color: inherit;
}

.dbxnf-item-icon {
	flex: 0 0 auto;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--dbx-teal);
	position: relative;
}

.dbxnf-item-icon::before {
	content: '';
	position: absolute;
	inset: 12px;
	background-color: var(--dbx-cream);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

.dbxnf-item-title { flex: 1 1 auto; min-width: 0; }

.dbxnf-item-name {
	display: block;
	font-weight: 800;
	font-size: 16px;
	color: var(--dbx-ink);
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dbxnf-item-sub {
	display: block;
	font-size: 13px;
	color: var(--dbx-teal-light);
	font-weight: 600;
	margin-top: 2px;
}

.dbxnf-item-headline { flex: 0 0 auto; text-align: right; }

.dbxnf-headline-cal {
	font-weight: 800;
	font-size: 16px;
	color: var(--dbx-orange-dark);
	white-space: nowrap;
}

.dbxnf-chevron {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	color: var(--dbx-muted);
	transition: transform .15s ease;
}

.dbxnf-item.is-expanded .dbxnf-chevron { transform: rotate(180deg); color: var(--dbx-orange); }

/* Expanded panel */
.dbxnf-item-panel {
	padding: 0 16px 16px;
	border-top: 1px solid var(--dbx-line);
	margin-top: 2px;
	padding-top: 12px;
}

.dbxnf-type-tabs {
	display: flex;
	gap: 6px;
	margin-bottom: 10px;
	flex-wrap: wrap;
}

.dbxnf-type-tab {
	padding: 6px 14px;
	border-radius: 999px;
	border: 1.5px solid var(--dbx-teal);
	background: transparent;
	color: var(--dbx-teal);
	font-size: 12.5px;
	font-weight: 700;
	cursor: pointer;
}

.dbxnf-type-tab.is-active { background: var(--dbx-teal); color: var(--dbx-white); }

.dbxnf-size-rows { display: none; flex-direction: column; gap: 4px; }
.dbxnf-size-rows:not([hidden]) { display: flex; }

.dbxnf-size-row {
	padding: 12px 4px;
	border-bottom: 1px dashed var(--dbx-line);
}

.dbxnf-size-row:last-child { border-bottom: none; }

.dbxnf-size-row-top {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 8px;
}

.dbxnf-size-label {
	font-weight: 800;
	font-size: 14.5px;
	color: var(--dbx-teal);
}

.dbxnf-size-allergens {
	font-size: 12px;
	font-weight: 600;
	color: var(--dbx-orange-dark);
	text-align: right;
}

.dbxnf-macro-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(78px, 1fr));
	gap: 1px;
	background: var(--dbx-line);
	border: 1px solid var(--dbx-line);
	border-radius: 8px;
	overflow: hidden;
}

.dbxnf-macro-cell {
	background: var(--dbx-cream);
	padding: 7px 6px;
	text-align: center;
}

.dbxnf-macro-value {
	display: block;
	font-weight: 800;
	font-size: 14px;
	color: var(--dbx-ink);
}

.dbxnf-macro-unit {
	font-weight: 600;
	font-size: 10px;
	color: var(--dbx-muted);
	margin-left: 1px;
}

.dbxnf-macro-label {
	display: block;
	font-size: 9.5px;
	color: var(--dbx-muted);
	text-transform: uppercase;
	letter-spacing: 0.02em;
	margin-top: 2px;
}

.dbxnf-empty {
	text-align: center;
	padding: 40px 20px;
	color: var(--dbx-muted);
}

.dbxnf-disclaimer {
	font-size: 12px;
	color: var(--dbx-muted);
	text-align: center;
	margin-top: 24px;
	padding: 0 20px;
	line-height: 1.5;
}

@media (max-width: 560px) {
	.dbxnf-macro-grid { grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)); }
	.dbxnf-macro-value { font-size: 12.5px; }
	.dbxnf-size-allergens { font-size: 11px; }
	.dbxnf-item-headline { display: none; }
}

/* Category icon masks (no images used — pure CSS-masked line icons) */
.dbxnf-item-icon[data-cat-icon="dutch-faves"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4%2010h16l-1.5%209a2%202%200%200%201-2%201.7H7.5a2%202%200%200%201-2-1.7L4%2010z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M8%2010V7a4%204%200%200%201%208%200v3%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4%2010h16l-1.5%209a2%202%200%200%201-2%201.7H7.5a2%202%200%200%201-2-1.7L4%2010z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M8%2010V7a4%204%200%200%201%208%200v3%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3C/svg%3E"); }
.dbxnf-item-icon[data-cat-icon="zero-sugar-added-dutch-faves"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M8%208l8%208M16%208l-8%208%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M8%208l8%208M16%208l-8%208%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22/%3E%3C/svg%3E"); }
.dbxnf-item-icon[data-cat-icon="coffee-classics"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M5%209h11v5a4%204%200%200%201-4%204H9a4%204%200%200%201-4-4V9z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M16%2010h1.5a2%202%200%200%201%200%204H16%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M5%209h11v5a4%204%200%200%201-4%204H9a4%204%200%200%201-4-4V9z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M16%2010h1.5a2%202%200%200%201%200%204H16%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3C/svg%3E"); }
.dbxnf-item-icon[data-cat-icon="protein-coffee"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6%203h12l-1%205H7L6%203z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M7%208l1.5%2012h7L17%208%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6%203h12l-1%205H7L6%203z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M7%208l1.5%2012h7L17%208%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3C/svg%3E"); }
.dbxnf-item-icon[data-cat-icon="rebel"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M13%202%204%2014h6l-1%208%209-12h-6l1-8z%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20fill%3D%22none%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M13%202%204%2014h6l-1%208%209-12h-6l1-8z%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20fill%3D%22none%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E"); }
.dbxnf-item-icon[data-cat-icon="myst-energy-refresher"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%203c2%203-1%204-1%207a3%203%200%201%200%206%200c0-1-1-2-1-2s2%202%202%206a6%206%200%201%201-12%200c0-5%204-6%206-11z%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20fill%3D%22none%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%203c2%203-1%204-1%207a3%203%200%201%200%206%200c0-1-1-2-1-2s2%202%202%206a6%206%200%201%201-12%200c0-5%204-6%206-11z%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20fill%3D%22none%22/%3E%3C/svg%3E"); }
.dbxnf-item-icon[data-cat-icon="poppin-boba"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%221.6%22%20fill%3D%22black%22/%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%229%22%20r%3D%221.6%22%20fill%3D%22black%22/%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2215%22%20r%3D%221.6%22%20fill%3D%22black%22/%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%221.6%22%20fill%3D%22black%22/%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%228%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20fill%3D%22none%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%221.6%22%20fill%3D%22black%22/%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%229%22%20r%3D%221.6%22%20fill%3D%22black%22/%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2215%22%20r%3D%221.6%22%20fill%3D%22black%22/%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%221.6%22%20fill%3D%22black%22/%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%228%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20fill%3D%22none%22/%3E%3C/svg%3E"); }
.dbxnf-item-icon[data-cat-icon="dutch-cocoa"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4%2010h14v6a3%203%200%200%201-3%203H7a3%203%200%200%201-3-3v-6z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M18%2011h1.5a2%202%200%200%201%200%204H18%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4%2010h14v6a3%203%200%200%201-3%203H7a3%203%200%200%201-3-3v-6z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M18%2011h1.5a2%202%200%200%201%200%204H18%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3C/svg%3E"); }
.dbxnf-item-icon[data-cat-icon="chai"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6%203v3M10%203v3M14%203v3%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M5%209h13l-1.3%209.5A2%202%200%200%201%2014.7%2020H8.3a2%202%200%200%201-2-1.5L5%209z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6%203v3M10%203v3M14%203v3%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22/%3E%3Cpath%20d%3D%22M5%209h13l-1.3%209.5A2%202%200%200%201%2014.7%2020H8.3a2%202%200%200%201-2-1.5L5%209z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3C/svg%3E"); }
.dbxnf-item-icon[data-cat-icon="blended-freeze"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%203v18M4.5%206.5l15%2011M19.5%206.5l-15%2011%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229.2%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20fill%3D%22none%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%203v18M4.5%206.5l15%2011M19.5%206.5l-15%2011%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229.2%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20fill%3D%22none%22/%3E%3C/svg%3E"); }
.dbxnf-item-icon[data-cat-icon="shakes"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M9%203h6l-1%204H10L9%203z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M8%207h8l-1.2%2012.5A2%202%200%200%201%2012.8%2021h-1.6a2%202%200%200%201-2-1.5L8%207z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M9%203h6l-1%204H10L9%203z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M8%207h8l-1.2%2012.5A2%202%200%200%201%2012.8%2021h-1.6a2%202%200%200%201-2-1.5L8%207z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3C/svg%3E"); }
.dbxnf-item-icon[data-cat-icon="sparkling-soda"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M7%204h10l-1%2015a2%202%200%200%201-2%202h-4a2%202%200%200%201-2-2L7%204z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M8%209l8%200M8.5%2013l7%200%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20stroke-dasharray%3D%221.5%202%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M7%204h10l-1%2015a2%202%200%200%201-2%202h-4a2%202%200%200%201-2-2L7%204z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M8%209l8%200M8.5%2013l7%200%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20stroke-dasharray%3D%221.5%202%22/%3E%3C/svg%3E"); }
.dbxnf-item-icon[data-cat-icon="lemonade"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%227%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M12%206l1-3M9%206.5%208%204M15%206.5l1-2.5%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%227%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M12%206l1-3M9%206.5%208%204M15%206.5l1-2.5%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E"); }
.dbxnf-item-icon[data-cat-icon="tea"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4%209h13v5a4%204%200%200%201-4%204H8a4%204%200%200%201-4-4V9z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M17%2010h1.5a2%202%200%200%201%200%204H17%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4%209h13v5a4%204%200%200%201-4%204H8a4%204%200%200%201-4-4V9z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M17%2010h1.5a2%202%200%200%201%200%204H17%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3C/svg%3E"); }
.dbxnf-item-icon[data-cat-icon="smoothie"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8%204h8l-1.3%2014.5A2%202%200%200%201%2012.7%2020h-1.4a2%202%200%200%201-2-1.5L8%204z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M8.5%209h7%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8%204h8l-1.3%2014.5A2%202%200%200%201%2012.7%2020h-1.4a2%202%200%200%201-2-1.5L8%204z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M8.5%209h7%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22/%3E%3C/svg%3E"); }
.dbxnf-item-icon[data-cat-icon="cosmic-cookie-dough"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.5%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2210%22%20r%3D%221.1%22%20fill%3D%22black%22/%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%229%22%20r%3D%221.1%22%20fill%3D%22black%22/%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2214%22%20r%3D%221.1%22%20fill%3D%22black%22/%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2215%22%20r%3D%221.1%22%20fill%3D%22black%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.5%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2210%22%20r%3D%221.1%22%20fill%3D%22black%22/%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%229%22%20r%3D%221.1%22%20fill%3D%22black%22/%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2214%22%20r%3D%221.1%22%20fill%3D%22black%22/%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2215%22%20r%3D%221.1%22%20fill%3D%22black%22/%3E%3C/svg%3E"); }
.dbxnf-item-icon[data-cat-icon="stardust"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%203l1.8%205.4L19%2010l-5.2%201.6L12%2017l-1.8-5.4L5%2010l5.2-1.6L12%203z%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20fill%3D%22none%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12%203l1.8%205.4L19%2010l-5.2%201.6L12%2017l-1.8-5.4L5%2010l5.2-1.6L12%203z%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20fill%3D%22none%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E"); }
.dbxnf-item-icon[data-cat-icon="supernova"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M12%202v3M12%2019v3M2%2012h3M19%2012h3M5%205l2%202M17%2017l2%202M19%205l-2%202M7%2017l-2%202%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M12%202v3M12%2019v3M2%2012h3M19%2012h3M5%205l2%202M17%2017l2%202M19%205l-2%202M7%2017l-2%202%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E"); }
.dbxnf-item-icon[data-cat-icon="espresso"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Crect%20x%3D%226%22%20y%3D%229%22%20width%3D%229%22%20height%3D%228%22%20rx%3D%221%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M15%2011h1.5a2%202%200%200%201%200%204H15%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Crect%20x%3D%226%22%20y%3D%229%22%20width%3D%229%22%20height%3D%228%22%20rx%3D%221%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M15%2011h1.5a2%202%200%200%201%200%204H15%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3C/svg%3E"); }
.dbxnf-item-icon[data-cat-icon="snacks"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Crect%20x%3D%224%22%20y%3D%227%22%20width%3D%2216%22%20height%3D%2212%22%20rx%3D%222%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M4%2011h16%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Crect%20x%3D%224%22%20y%3D%227%22%20width%3D%2216%22%20height%3D%2212%22%20rx%3D%222%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M4%2011h16%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22/%3E%3C/svg%3E"); }
.dbxnf-item-icon[data-cat-icon="eats-n-sweets"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4%2011a8%208%200%200%201%2016%200v6a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2v-6z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M4%2011h16%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4%2011a8%208%200%200%201%2016%200v6a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2v-6z%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M4%2011h16%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22/%3E%3C/svg%3E"); }
.dbxnf-item-icon::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.5%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.5%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22/%3E%3C/svg%3E"); }