.mcd{display:flex;flex-direction:column;min-width:0;border:1px solid color-mix(in srgb,currentColor 10%,transparent);border-radius:var(--mcd-radius,12px);overflow:hidden;background:var(--color-background);font-family:var(--font-body--family);transition:box-shadow .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1)}.mcd:hover{transform:translateY(-4px);box-shadow:0 20px 36px -24px #0006}.mcd__media{position:relative;display:block;aspect-ratio:var(--mcd-ratio,1/1);background:color-mix(in srgb,currentColor 3%,transparent);overflow:hidden}.mcd__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:var(--mcd-inset,6%);object-fit:contain;display:block;transition:opacity .5s ease,transform .7s cubic-bezier(.22,1,.36,1)}.mcd__img--alt{opacity:0}.mcd:hover .mcd__img--alt{opacity:1}.mcd:hover .mcd__img{transform:scale(1.03)}.mcd__badge{position:absolute;z-index:2;inset-block-start:10px;inset-inline-start:10px;padding:4px 10px;border-radius:999px;font-family:var(--font-subheading--family,var(--font-body--family));font-size:.6875rem;letter-spacing:.06em;color:var(--color-background);background:var(--color-foreground)}.mcd__badge--soft{color:var(--color-foreground);background:color-mix(in srgb,currentColor 12%,transparent)}.mcd__info{display:flex;flex-direction:column;gap:7px;padding:14px 16px 16px;flex:1 1 auto}.mcd__rating{display:flex;align-items:center;gap:6px;font-size:.75rem}.mcd__stars{position:relative;display:inline-block;line-height:1;letter-spacing:.06em}.mcd__stars-off{opacity:.22}.mcd__stars-on{position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden;white-space:nowrap;color:var(--color-primary,currentColor)}.mcd__ratingn{opacity:.5}.mcd__name{font-family:var(--font-heading--family,inherit);font-size:var(--mcd-name,15px);line-height:1.28;color:inherit;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mcd__name:hover{text-decoration:underline;text-underline-offset:3px}.mcd__price{display:flex;align-items:baseline;gap:8px;margin:0;font-size:.9375rem}.mcd__price-was{font-size:.8125rem;opacity:.45}.mcd__note{margin:0;font-size:.75rem;opacity:.6}.mcd__colors{display:flex;flex-direction:column;gap:5px;margin-block-start:2px}.mcd__swatches{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mcd__swatch{width:22px;height:22px;padding:2px;border-radius:50%;border:1px solid transparent;background:none;cursor:pointer;transition:border-color .25s ease,transform .25s ease}.mcd__swatch:hover{transform:scale(1.12)}.mcd__swatch-dot{display:block;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px #00000024;background-color:color-mix(in srgb,currentColor 12%,transparent);background-size:cover;background-position:center}.mcd__swatch.is-on{border-color:currentColor}.mcd__swatch.is-out .mcd__swatch-dot{opacity:.3}.mcd__swatch-more{font-size:.6875rem;opacity:.55;color:inherit;text-decoration:none;padding-inline-start:2px}.mcd__colorname{font-size:.75rem;opacity:.6}.mcd__cta{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:14px 16px;border:0;background:var(--color-primary-button-background,var(--color-foreground));color:var(--color-primary-button-text,var(--color-background));font-family:var(--font-subheading--family,var(--font-body--family));font-size:.875rem;text-align:start;text-decoration:none;cursor:pointer;transition:opacity .25s ease}.mcd__cta:hover{opacity:.88}.mcd__cta svg{width:19px;height:19px;flex:0 0 auto}.mcd__cta--muted{background:color-mix(in srgb,currentColor 8%,transparent);color:var(--color-foreground);justify-content:center}.mcd__cta.is-busy{opacity:.6;pointer-events:none}.mcd__form{margin:0}.mgr{display:block;color:var(--color-foreground);background-color:var(--color-background);font-family:var(--font-body--family);padding-block:var(--mgr-pt,56px) var(--mgr-pb,72px);padding-inline:var(--mgr-px,24px)}.mgr__inner{max-width:var(--page-width,1400px);margin-inline:auto}.mgr__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-block-end:20px}.mgr__title{margin:0;font-family:var(--font-heading--family,inherit);font-size:var(--mgr-title,38px);line-height:1.06;letter-spacing:-.015em;color:var(--color-foreground-heading,currentColor)}.mgr__desc{margin:10px 0 0;max-width:56ch;font-size:.9375rem;line-height:1.55;opacity:.7}.mgr__count{font-size:.8125rem;opacity:.55;font-family:var(--font-subheading--family,var(--font-body--family))}.mgr__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:14px;border-block:1px solid color-mix(in srgb,currentColor 12%,transparent);margin-block-end:24px}.mgr__filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mgr__pill{position:relative}.mgr__pilltrig{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:999px;background:none;color:inherit;font-family:inherit;font-size:.8125rem;cursor:pointer;transition:background-color .2s ease}.mgr__pilltrig:hover,.mgr__pill[data-open=true] .mgr__pilltrig{background:color-mix(in srgb,currentColor 7%,transparent)}.mgr__pilltrig svg{width:14px;height:14px;transition:transform .25s ease}.mgr__pill[data-open=true] .mgr__pilltrig svg{transform:rotate(180deg)}.mgr__pillcount{display:inline-grid;place-items:center;min-width:17px;height:17px;padding-inline:5px;border-radius:999px;font-size:11px;color:var(--color-background);background:var(--color-foreground)}.mgr__panel{position:absolute;z-index:20;inset-block-start:calc(100% + 8px);inset-inline-start:0;min-width:230px;max-height:320px;overflow-y:auto;padding:12px;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:12px;background:var(--color-background);box-shadow:0 18px 36px -22px #0006}.mgr__panel[hidden]{display:none}.mgr__opt{display:flex;align-items:center;gap:9px;padding:7px 6px;border-radius:8px;font-size:.875rem;cursor:pointer}.mgr__opt:hover{background:color-mix(in srgb,currentColor 6%,transparent)}.mgr__opt input{margin:0;flex:0 0 auto}.mgr__opt-n{margin-inline-start:auto;font-size:.75rem;opacity:.45}.mgr__price{display:flex;align-items:center;gap:8px;padding:4px 6px}.mgr__price input{width:92px}.mgr__sort{display:flex;align-items:center;gap:9px;font-size:.8125rem}.mgr__sort select{padding:7px 12px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:999px;background:none;color:inherit;font-family:inherit;font-size:.8125rem}.mgr__active{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-block-end:18px}.mgr__chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,currentColor 8%,transparent);color:inherit;text-decoration:none;font-size:.8125rem}.mgr__chip svg{width:13px;height:13px}.mgr__clear{font-size:.8125rem;text-decoration:underline;text-underline-offset:3px;color:inherit;opacity:.7}.mgr__grid{display:grid;grid-template-columns:repeat(var(--mgr-cols,4),minmax(0,1fr));gap:var(--mgr-gap,16px)}.mgr__empty{padding:56px 0;text-align:center;opacity:.65}.mgr__more{display:flex;align-items:center;justify-content:center;gap:10px;margin-block-start:40px}.mgr__pg{display:inline-grid;place-items:center;min-width:38px;height:38px;padding-inline:10px;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 16%,transparent);color:inherit;text-decoration:none;font-size:.875rem}.mgr__pg.is-on{background:var(--color-foreground);color:var(--color-background);border-color:transparent}.mgr__reveal .mcd{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i,0)*55ms)}.mgr__reveal .mcd.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.mgr__reveal .mcd{opacity:1;transform:none}}@media screen and (max-width:1199px){.mgr__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.mgr{padding-block:var(--mgr-pt-m,32px) var(--mgr-pb-m,48px);padding-inline:var(--mgr-px-m,16px)}.mgr__title{font-size:var(--mgr-title-m,27px)}.mgr__bar{gap:10px}.mgr__grid{grid-template-columns:repeat(var(--mgr-cols-m,2),minmax(0,1fr));gap:var(--mgr-gap-m,10px)}.mcd:hover{transform:none;box-shadow:none}.mcd__cta{padding:12px 14px;font-size:.8125rem}.mcd__info{padding:12px 12px 14px}.mgr__panel{position:fixed;inset-inline:12px;inset-block-start:auto;inset-block-end:12px;min-width:0;max-height:60vh}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/mpm-card.css.map */