.taste-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(150px,224px));max-width:1000px;display:grid}.taste-chip{border-radius:var(--radius-md);aspect-ratio:16/10;box-shadow:var(--shadow-glass-edge);transition:box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);position:relative;overflow:hidden}.taste-chip img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.taste-chip:after{content:"";background:linear-gradient(to top, rgb(var(--ink-900-rgb) / .8), rgb(var(--ink-900-rgb) / .1) 60%);position:absolute;inset:0}.taste-chip span:not(.taste-check){left:0;right:0;bottom:var(--space-2);z-index:1;font:var(--type-button);color:var(--text-primary);text-align:center;position:absolute}.taste-chip:hover,.taste-chip--on:hover,.taste-chip:focus-within,.taste-chip--on:focus-within{transform:scale(var(--hover-lift))}.taste-chip--on{box-shadow:inset 0 0 0 2px var(--border-selected), 0 0 0 1px var(--border-selected)}.taste-check{top:var(--space-3);right:var(--space-3);z-index:2;border-radius:var(--radius-full);background:var(--control-on);width:22px;height:22px;color:var(--action-primary-text);box-shadow:0 0 0 2px rgb(var(--ink-900-rgb) / .9);place-items:center;display:grid;position:absolute}@media (width<=768px){.taste-grid{grid-template-columns:repeat(3,1fr);width:100%}}@media (width<=640px){.taste-grid{grid-template-columns:repeat(2,1fr)}}