.flavor-selector--covers .flavor-selector__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(min-width:1200px){.flavor-selector--covers .flavor-selector__grid{gap:18px}}.flavor-selector--covers .flavor-card{display:flex;flex-direction:column}.flavor-selector--covers .flavor-card__media{position:relative;max-height:120px}.flavor-selector--covers .flavor-card__image{max-height:120px}.flavor-selector--covers .flavor-card__details{display:flex;flex-direction:column;align-items:center;flex:1;padding:10px 10px 12px}.flavor-selector--covers .flavor-card__title{font-size:1rem}.flavor-selector--covers .flavor-card__qty{margin-top:8px;min-width:110px}.flavor-card__badge{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 1px 3px #00000059;pointer-events:none}.flavor-card__badge--check{background:#2e9d4a}.flavor-card__badge--none{background:#282828bf;color:#d9d9d9;display:none}.flavor-card__cover{width:100%;margin-top:12px;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#ffffff0b;box-shadow:inset 0 1px #ffffff0a;display:flex;flex-direction:column;gap:10px;text-align:left;transition:border-color .15s ease}.flavor-card__cover--unavailable{justify-content:center;align-items:center;text-align:center;color:#fff;font-size:1rem;line-height:1.45;letter-spacing:.1px;min-height:84px;padding:16px 12px;text-wrap:balance}.flavor-card--needs-cover .flavor-card__cover{border-color:#c0392b;box-shadow:0 0 0 1px #c0392b99}.flavor-card__cover-selected{display:flex;align-items:flex-start;gap:10px}.flavor-card__cover-image{width:44px;height:44px;min-width:44px;object-fit:cover;border-radius:6px;background:#fff;transition:transform .3s cubic-bezier(.22,1,.36,1)}.flavor-card__cover-image[hidden]{display:none}.flavor-card__cover:hover .flavor-card__cover-image{transform:scale(1.18)}@media(prefers-reduced-motion:reduce){.flavor-card__cover-image{transition:none}}.flavor-card__cover-text{display:flex;flex-direction:column;flex:1 1 auto;gap:2px;min-width:0}.flavor-card__cover-title{color:var(--flavor-accent);font-size:.85rem;line-height:1.25;overflow-wrap:anywhere;text-wrap:pretty}.flavor-card__cover-label{opacity:.85}.flavor-card__cover-price{color:var(--flavor-accent);font-size:.85rem;font-variant-numeric:tabular-nums}.flavor-card__cover-btn{-webkit-appearance:none;appearance:none;width:100%;border:1.5px solid var(--flavor-accent);border-radius:999px;background:transparent;color:var(--flavor-accent);font:inherit;font-size:.85rem;padding:6px 10px;cursor:pointer;transition:background-color .15s ease,color .15s ease,opacity .15s ease}.flavor-card__cover-btn:hover:not(:disabled){background:var(--flavor-accent);color:var(--flavor-card-bg)}.flavor-card__cover-btn:disabled{opacity:.4;cursor:not-allowed}.flavor-card__cover-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}.flavor-card__cover-actions .flavor-card__cover-btn,.flavor-card__cover-actions .flavor-card__cover-remove{flex:1 1 auto;line-height:1.4;width:auto}.flavor-card__cover-remove{-webkit-appearance:none;appearance:none;border:1.5px solid rgba(255,255,255,.35);border-radius:999px;background:transparent;color:#ffffffd9;font:inherit;font-size:.8rem;padding:6px 12px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.flavor-card__cover-remove:hover{border-color:#ffffffb3;color:#fff;background:#ffffff0f}.flavor-card__cover-remove:focus-visible{outline:2px solid var(--flavor-accent);outline-offset:2px}.flavor-card__cover-remove[hidden]{display:none}.flavor-selector__cover-total{margin:.75rem 0 0;color:var(--flavor-accent);font-variant-numeric:tabular-nums}.flavor-cover-drawer [slot=header]{flex:1;text-align:start;justify-items:start}.flavor-cover-drawer__flavor{margin:0}.flavor-cover-drawer__list{display:flex;flex-direction:column;gap:10px}.flavor-cover-option{--cover-option-accent: #e0b36d;display:grid;grid-template-columns:48px minmax(0,1fr) auto 18px;grid-template-areas:"media text price radio";align-items:center;gap:12px;padding:10px;border:1.5px solid rgb(var(--border-color, 200 200 200));border-radius:10px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.flavor-cover-option:hover{border-color:var(--cover-option-accent)}.flavor-cover-option:has(:checked){border-color:var(--cover-option-accent);background:#e0b36d14}.flavor-cover-option:has(:focus-visible){outline:2px solid var(--cover-option-accent);outline-offset:2px}.flavor-cover-option--disabled{opacity:.5;cursor:not-allowed}.flavor-cover-option__media{grid-area:media;width:48px;height:48px;border-radius:6px;overflow:hidden;background:#fff;display:block}.flavor-cover-option__media img{width:100%;height:100%;object-fit:cover;display:block}.flavor-cover-option__text{grid-area:text;display:flex;flex-direction:column;gap:2px;min-width:0}.flavor-cover-option__title{font-weight:500;line-height:1.25;overflow-wrap:anywhere;text-wrap:pretty}.flavor-cover-option__sold-out{opacity:.7}.flavor-cover-option__price{grid-area:price;white-space:nowrap;font-variant-numeric:tabular-nums}.flavor-cover-option__radio{grid-area:radio;width:18px;height:18px;border-radius:50%;border:2px solid rgb(var(--text-color, 0 0 0) / .4);position:relative;transition:border-color .15s ease}.flavor-cover-option:has(:checked) .flavor-cover-option__radio{border-color:var(--cover-option-accent)}.flavor-cover-option:has(:checked) .flavor-cover-option__radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--cover-option-accent)}.flavor-cover-drawer__footer{width:100%}@media(max-width:480px){.flavor-selector--covers .flavor-card__title{font-size:.9rem}.flavor-card__cover{padding:10px}.flavor-card__cover--unavailable{font-size:.72rem;min-height:72px;padding:12px 8px}.flavor-card__cover-image{width:38px;height:38px;min-width:38px}.flavor-card__cover-selected{flex-direction:column;align-items:flex-start;gap:6px}.flavor-card__cover-text{width:100%}.flavor-card__cover-title,.flavor-card__cover-price{font-size:.8rem}.flavor-card__cover-actions{gap:6px}.flavor-card__cover-remove{font-size:.75rem;padding:6px 10px}.flavor-cover-option{grid-template-columns:44px minmax(0,1fr) 18px;grid-template-areas:"media text radio" "media price radio";gap:2px 10px}.flavor-cover-option__media{width:44px;height:44px}.flavor-cover-option__price{white-space:normal;font-size:.85rem;opacity:.85}.flavor-card__cover-btn{font-size:.72rem}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/flavor-selector-covers.css.map */