.mcs-family{--mcs-family-accent: #168be7;--mcs-family-accent-soft: #f1f8fe;--mcs-family-ink: #1a1d21;--mcs-family-muted: #5b6570;--mcs-family-line: #d4dae0;--mcs-family-surface: #ffffff;display:grid;gap:16px;margin:4px 0 18px}.mcs-family__label{margin-bottom:8px;font-size:14px;font-weight:700;color:var(--mcs-family-ink)}.mcs-family__label span{font-weight:400;color:var(--mcs-family-muted)}.mcs-family__options{display:flex;flex-wrap:wrap;gap:8px}.mcs-family__opt{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;border:1.5px solid var(--mcs-family-line);border-radius:8px;background:var(--mcs-family-surface);color:var(--mcs-family-ink);font-size:14px;line-height:1.25;text-align:center;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}a.mcs-family__opt:hover,a.mcs-family__opt:focus-visible{border-color:var(--mcs-family-accent);color:var(--mcs-family-ink)}a.mcs-family__opt:focus-visible{outline:2px solid var(--mcs-family-accent);outline-offset:2px}.mcs-family__opt.is-current{border-color:var(--mcs-family-accent);box-shadow:inset 0 0 0 1px var(--mcs-family-accent);background:var(--mcs-family-accent-soft);font-weight:700}.mcs-family__opt.is-closest{border-style:dashed;color:var(--mcs-family-muted)}.mcs-family__opt--swatch{flex-direction:column;justify-content:flex-start;gap:6px;width:92px;min-height:0;padding:6px 6px 8px}.mcs-family__opt--swatch img{display:block;width:64px;height:64px;border-radius:6px;object-fit:cover;background:#f3f5f7}.mcs-family__opt--swatch .mcs-family__text{font-size:12px;overflow-wrap:anywhere}.mcs-family__metal{--metal: linear-gradient(135deg, #e9edf1, #a9b1ba 48%, #eef1f4 52%, #8f98a2);display:block;width:46px;height:46px;margin:9px 0 3px;border-radius:50%;background:var(--metal);box-shadow:inset 0 0 0 1px #0000001f,inset 0 6px 10px #ffffff59}.mcs-family__metal[data-finish=polished-chrome],.mcs-family__metal[data-finish=chrome]{--metal: linear-gradient(135deg, #fbfcfd, #b7c0c9 45%, #f2f5f7 55%, #8e98a3)}.mcs-family__metal[data-finish=brushed-nickel],.mcs-family__metal[data-finish=satin-nickel]{--metal: repeating-linear-gradient(90deg, rgba(255, 255, 255, .12) 0 1px, transparent 1px 3px), linear-gradient(135deg, #dad7d0, #a5a198 55%, #cbc7bf)}.mcs-family__metal[data-finish=polished-nickel]{--metal: linear-gradient(135deg, #f6f3ec, #bdb6a8 45%, #efeae0 55%, #a49d8f)}.mcs-family__metal[data-finish=stainless-steel]{--metal: repeating-linear-gradient(90deg, rgba(255, 255, 255, .15) 0 1px, transparent 1px 3px), linear-gradient(135deg, #e3e6e8, #aab0b5 55%, #d5d9dc)}.mcs-family__metal[data-finish=matte-black],.mcs-family__metal[data-finish=black]{--metal: radial-gradient(circle at 35% 30%, #4a4a4a, #1d1d1d 70%)}.mcs-family__metal[data-finish=gloss-black],.mcs-family__metal[data-finish=glossy-black]{--metal: radial-gradient(circle at 35% 30%, #6a6a6a, #111 60%)}.mcs-family__metal[data-finish=gunmetal],.mcs-family__metal[data-finish=gunmetal-black]{--metal: linear-gradient(135deg, #8a8f95, #4b5056 55%, #6f747a)}.mcs-family__metal[data-finish=brushed-gold],.mcs-family__metal[data-finish=satin-gold],.mcs-family__metal[data-finish=gold]{--metal: repeating-linear-gradient(90deg, rgba(255, 255, 255, .12) 0 1px, transparent 1px 3px), linear-gradient(135deg, #f1dc9e, #c49a45 55%, #e6c97f)}.mcs-family__metal[data-finish=polished-gold]{--metal: linear-gradient(135deg, #fff1bf, #d4a83c 45%, #fbe7a4 55%, #b88a2a)}.mcs-family__metal[data-finish=satin-brass],.mcs-family__metal[data-finish=brass],.mcs-family__metal[data-finish=unlacquered-brass]{--metal: linear-gradient(135deg, #e7cf8c, #b08d3e 55%, #d9bd73)}.mcs-family__metal[data-finish=polished-brass]{--metal: linear-gradient(135deg, #fff0b3, #c99b2e 45%, #f7e08f 55%, #a57d1f)}.mcs-family__metal[data-finish=oil-rubbed-bronze],.mcs-family__metal[data-finish=brushed-oil-rubbed-bronze]{--metal: radial-gradient(circle at 35% 30%, #7a5636, #3b2516 65%)}.mcs-family__metal[data-finish=brushed-bronze],.mcs-family__metal[data-finish=venetian-bronze]{--metal: linear-gradient(135deg, #a77d55, #5e3f26 55%, #8a6441)}.mcs-family__metal[data-finish=rose-gold],.mcs-family__metal[data-finish=brushed-rose-gold]{--metal: linear-gradient(135deg, #f6d3c6, #c98c78 55%, #ebbcab)}.mcs-family__metal[data-finish=copper]{--metal: linear-gradient(135deg, #f0b58c, #b0603a 55%, #d98b62)}.mcs-family__metal[data-finish=white],.mcs-family__metal[data-finish=matte-white],.mcs-family__metal[data-finish=glossy-white]{--metal: radial-gradient(circle at 35% 30%, #fff, #eceeef 70%)}.mcs-family__metal[data-finish=matte-black-and-brushed-gold],.mcs-family__metal[data-finish=matte-black-brushed-gold]{--metal: linear-gradient(135deg, #262626 50%, #d2ad5c 50%)}.mcs-family__metal[data-finish=matte-black-brushed-nickel]{--metal: linear-gradient(135deg, #262626 50%, #bcb8b0 50%)}.mcs-family__metal[data-finish=matte-black-polished-chrome]{--metal: linear-gradient(135deg, #262626 50%, #d9dee3 50%)}@media(max-width:749px){.mcs-family__options--swatch{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.mcs-family__opt--swatch{width:auto}.mcs-family__opt--swatch img{width:100%;max-width:72px;height:auto;aspect-ratio:1}}@media(prefers-reduced-motion:reduce){.mcs-family__opt{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/mcs-family.css.map */