.mpf-pack{border:0;margin:0;padding:0;min-width:0}.mpf-pack__legend{display:flex;justify-content:space-between;width:100%;margin-bottom:10px;font:600 15px/1.3 var(--mpf-font-display)}.mpf-pack__legend span{font:400 14px/1.3 var(--mpf-font-body);color:rgba(var(--color-foreground),.72)}.mpf-pack__options{display:grid;gap:10px}.mpf-pack__input{position:absolute;opacity:0;width:1px;height:1px}.mpf-pack__card{display:grid;grid-template-columns:20px 52px 1fr auto;align-items:center;gap:12px;min-height:76px;padding:12px 14px;background:#fff;color:var(--mpf-ink);border:1.5px solid var(--mpf-line-strong);border-radius:var(--mpf-radius);cursor:pointer;touch-action:manipulation;transition:border-color var(--mpf-dur) var(--mpf-ease),background-color var(--mpf-dur) var(--mpf-ease)}.mpf-pack__card:hover{border-color:#18161480}.mpf-pack__input:checked+.mpf-pack__card{border-color:var(--mpf-accent);background:linear-gradient(0deg,rgba(var(--mpf-accent-tint-rgb),.55),rgba(var(--mpf-accent-tint-rgb),.55)),#fff;box-shadow:inset 0 0 0 1px var(--mpf-accent)}.mpf-pack__input:focus-visible+.mpf-pack__card{outline:2px solid var(--mpf-accent);outline-offset:3px}.mpf-pack__radio{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(24,22,20,.4);display:grid;place-items:center}.mpf-pack__radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--mpf-accent);transform:scale(0);transition:transform var(--mpf-dur) var(--mpf-ease)}.mpf-pack__input:checked+.mpf-pack__card .mpf-pack__radio{border-color:var(--mpf-accent)}.mpf-pack__input:checked+.mpf-pack__card .mpf-pack__radio:after{transform:scale(1)}.mpf-pack__thumb{width:52px;height:52px;border-radius:var(--mpf-radius-sm);object-fit:cover;background:var(--mpf-tile)}.mpf-pack__info{display:grid;gap:3px;min-width:0}.mpf-pack__name{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font:620 17px/1.2 var(--mpf-font-display);letter-spacing:-.01em}.mpf-pack__sub{font-size:14px;line-height:1.35;color:var(--mpf-ink-2)}.mpf-pack__price{display:grid;justify-items:end;gap:3px;text-align:right;font-variant-numeric:tabular-nums}.mpf-pack__price b{font:650 18px/1 var(--mpf-font-display)}.mpf-pack__price s{font-size:13px;color:var(--mpf-ink-2)}@media(max-width:420px){.mpf-pack__card{grid-template-columns:20px 1fr auto}.mpf-pack__thumb{display:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-mpf-pack-picker.css.map */