.variant-picker__option-values:has(.flavor-card){display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;flex-wrap:unset;overflow:visible}@supports not selector(:has(*)){.variant-picker__option-values{display:flex;flex-wrap:wrap;gap:12px}}.flavor-card{display:flex;flex-direction:column;align-items:center;border:1.5px solid rgba(0,0,0,.1);border-radius:10px;overflow:hidden;cursor:pointer;background:#fff;transition:border-color .2s,background .2s,transform .15s,box-shadow .2s;text-align:center;user-select:none;-webkit-user-select:none}.flavor-card:hover{border-color:#4a5232;transform:translateY(-2px);box-shadow:0 6px 18px #0000001a}.flavor-card.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.flavor-card.is-selected{background:#1a1a1a;border-color:#c9a84c;box-shadow:0 0 0 2px #c9a84c}.flavor-card.is-selected .flavor-card__name{color:#f0d060}input.sr-only:checked+.flavor-card{background:#1a1a1a;border-color:#c9a84c;box-shadow:0 0 0 2px #c9a84c;transform:translateY(-2px)}input.sr-only:checked+.flavor-card .flavor-card__name{color:#f0d060}input.sr-only:checked+.flavor-card .flavor-card__img{filter:brightness(.85)}.flavor-card__media{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f5f5f5;padding:5px}.flavor-card__img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s,filter .2s}.flavor-card:hover .flavor-card__img{transform:scale(1.06)}.flavor-card__placeholder{font-size:32px;font-weight:900;color:#00000026;text-transform:uppercase}.flavor-card__name{display:block;font-size:10.5px;font-weight:700;color:#1a1a1a;padding:6px 6px 8px;line-height:1.25;transition:color .2s;letter-spacing:.01em}@media screen and (max-width:480px){.variant-picker__option-values:has(.flavor-card){grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px}.flavor-card__name{font-size:9.5px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-flavor-card.css.map */