/* Animated Check Box by ringlabs, 21st.dev component 2174.
   https://21st.dev/@ringlabs/components/animated-check-box
   Native Shopify adaptation: accessible input, bounded bursts, visibility pause. */
html body #mm-notice .mm-neon-checkbox{--primary:#00ffaa;--primary-dark:#00cc88;--primary-light:#88ffdd;position:relative;display:inline-block;flex:0 0 44px;width:44px;height:44px;cursor:pointer}
html body #mm-notice .mm-neon-checkbox #bn-consent{position:absolute;inset:0;display:block;width:44px;height:44px;min-width:44px;max-width:none;margin:0;padding:0;opacity:0;z-index:2;cursor:pointer;outline:none;appearance:auto}
html body #mm-notice .mm-neon-checkbox__frame{position:absolute;inset:7px;display:block;pointer-events:none}
html body #mm-notice .mm-neon-checkbox__box{position:absolute;inset:0;box-sizing:border-box;border:2px solid var(--primary-dark);border-radius:4px;background:rgba(0,0,0,.8);transition:background-color .4s,border-color .4s}
html body #mm-notice .mm-neon-checkbox__check-container{position:absolute;inset:2px;display:flex;align-items:center;justify-content:center}
html body #mm-notice .mm-neon-checkbox__check{display:block;width:80%;height:80%;fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;transform-origin:center;transition:stroke-dashoffset .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}
html body #mm-notice .mm-neon-checkbox__glow{position:absolute;inset:-2px;border-radius:6px;background:var(--primary);filter:blur(12px);opacity:0;transition:opacity .4s}
html body #mm-notice .mm-neon-checkbox__borders{position:absolute;inset:0;border-radius:3px;overflow:hidden}
html body #mm-notice .mm-neon-checkbox__borders>span{position:absolute;background:var(--primary);opacity:0;width:40px;height:1px}
html body #mm-notice .mm-neon-checkbox__borders>span:nth-child(1){top:0;left:-100%}
html body #mm-notice .mm-neon-checkbox__borders>span:nth-child(2){right:0;top:-100%;width:1px;height:40px}
html body #mm-notice .mm-neon-checkbox__borders>span:nth-child(3){bottom:0;right:-100%}
html body #mm-notice .mm-neon-checkbox__borders>span:nth-child(4){left:0;bottom:-100%;width:1px;height:40px}
html body #mm-notice .mm-neon-checkbox__particles,html body #mm-notice .mm-neon-checkbox__rings,html body #mm-notice .mm-neon-checkbox__sparks{position:absolute;inset:0}
html body #mm-notice .mm-neon-checkbox__particles>span{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:var(--primary);box-shadow:0 0 6px var(--primary);opacity:0}
html body #mm-notice .mm-neon-checkbox__rings>span{position:absolute;inset:0;border:1px solid var(--primary);border-radius:50%;transform:scale(0);opacity:0}
html body #mm-notice .mm-neon-checkbox__sparks>span{position:absolute;top:50%;left:50%;width:20px;height:1px;background:linear-gradient(to right,var(--primary),transparent);opacity:0}
html body #mm-notice #bn-consent:checked+.mm-neon-checkbox__frame .mm-neon-checkbox__box{border-color:var(--primary);background:rgba(0,255,170,.1)}
html body #mm-notice #bn-consent:checked+.mm-neon-checkbox__frame .mm-neon-checkbox__check{stroke-dashoffset:0;transform:scale(1.1)}
html body #mm-notice #bn-consent:checked+.mm-neon-checkbox__frame .mm-neon-checkbox__glow{opacity:.2}
html body #mm-notice #bn-consent:checked+.mm-neon-checkbox__frame .mm-neon-checkbox__borders>span{opacity:1;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite}
html body #mm-notice #bn-consent:checked+.mm-neon-checkbox__frame .mm-neon-checkbox__borders>span:nth-child(1){animation-name:mmNeonBorder1}
html body #mm-notice #bn-consent:checked+.mm-neon-checkbox__frame .mm-neon-checkbox__borders>span:nth-child(2){animation-name:mmNeonBorder2}
html body #mm-notice #bn-consent:checked+.mm-neon-checkbox__frame .mm-neon-checkbox__borders>span:nth-child(3){animation-name:mmNeonBorder3}
html body #mm-notice #bn-consent:checked+.mm-neon-checkbox__frame .mm-neon-checkbox__borders>span:nth-child(4){animation-name:mmNeonBorder4}
html body #mm-notice #bn-consent:checked+.mm-neon-checkbox__frame .mm-neon-checkbox__particles>span{animation:mmNeonParticle .6s ease-out forwards}
html body #mm-notice #bn-consent:checked+.mm-neon-checkbox__frame .mm-neon-checkbox__rings>span{animation:mmNeonRing .6s ease-out forwards;animation-delay:var(--delay,0s)}
html body #mm-notice #bn-consent:checked+.mm-neon-checkbox__frame .mm-neon-checkbox__sparks>span{animation:mmNeonSpark .6s ease-out forwards}
html body #mm-notice .mm-neon-checkbox .mm-neon-checkbox__frame *{animation-play-state:paused!important}
html body #mm-notice .mm-neon-checkbox[data-active="true"] .mm-neon-checkbox__frame *{animation-play-state:running!important}
html body #mm-notice .mm-neon-checkbox[data-active="false"] .mm-neon-checkbox__frame *{transition:none}
html body #mm-notice #bn-consent:focus-visible+.mm-neon-checkbox__frame{outline:2px solid var(--primary-light);outline-offset:5px;border-radius:4px}
html body #mm-notice .mm-notice-consent-text{padding-top:7px}
@keyframes mmNeonBorder1{from{transform:translateX(0)}to{transform:translateX(200%)}}
@keyframes mmNeonBorder2{from{transform:translateY(0)}to{transform:translateY(200%)}}
@keyframes mmNeonBorder3{from{transform:translateX(0)}to{transform:translateX(-200%)}}
@keyframes mmNeonBorder4{from{transform:translateY(0)}to{transform:translateY(-200%)}}
@keyframes mmNeonParticle{0%{transform:translate(-50%,-50%) scale(1);opacity:0}20%{opacity:1}100%{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(0);opacity:0}}
@keyframes mmNeonRing{from{transform:scale(0);opacity:1}to{transform:scale(2.33);opacity:0}}
@keyframes mmNeonSpark{from{transform:rotate(var(--r)) translateX(0) scale(1);opacity:1}to{transform:rotate(var(--r)) translateX(30px) scale(0);opacity:0}}
@media(prefers-reduced-motion:reduce){html body #mm-notice .mm-neon-checkbox .mm-neon-checkbox__frame *{animation:none!important;transition:none!important}html body #mm-notice .mm-neon-checkbox__particles,html body #mm-notice .mm-neon-checkbox__rings,html body #mm-notice .mm-neon-checkbox__sparks{display:none}}
@media(forced-colors:active){html body #mm-notice .mm-neon-checkbox__box{border-color:ButtonText}html body #mm-notice #bn-consent:checked+.mm-neon-checkbox__frame .mm-neon-checkbox__box{border-color:Highlight}html body #mm-notice .mm-neon-checkbox__check{stroke:Highlight}html body #mm-notice .mm-neon-checkbox__glow,html body #mm-notice .mm-neon-checkbox__effects{display:none}}
