.mf-ink-metallic{overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mf-ink-metallic:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-120%);animation:mf-sheen 5s ease-in-out infinite}.mf-glint{position:absolute;width:9%;aspect-ratio:1;border-radius:9999px;background:radial-gradient(circle,#fff 0 18%,rgba(255,255,255,.5) 30%,transparent 62%);opacity:0;transform:scale(.4);animation:mf-twinkle 3.2s ease-in-out infinite}.mf-swatch-metallic{position:relative;overflow:hidden;background:linear-gradient(135deg,#7d9a3c,#c9e07a 45%,#8fae4a 55%,#6d8a35)}.mf-swatch-metallic:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.6) 50%,transparent 65%);transform:translateX(-120%)}input:checked+.mf-swatch-metallic:after,input:focus-visible+.mf-swatch-metallic:after,label:hover>.mf-swatch-metallic:after{animation:mf-sheen-once .9s ease-out 1}@keyframes mf-sheen{0%{transform:translateX(-120%)}30%,to{transform:translateX(120%)}}@keyframes mf-sheen-once{0%{transform:translateX(-120%)}to{transform:translateX(120%)}}@keyframes mf-twinkle{0%,70%,to{opacity:0;transform:scale(.4)}80%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.mf-ink-metallic:after,.mf-swatch-metallic:after{animation:none!important;transform:none;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.25) 50%,transparent 60%)}.mf-glint{animation:none;opacity:0}}