.vdm-lunamar-sync{margin:18px 0;padding:14px 18px;border:1px solid #dce4dc;border-radius:10px;background:#f6faf6;color:#344c3c;font-size:16px;line-height:1.5}.vdm-lunamar-sync__state{display:flex;align-items:center;gap:10px}.vdm-lunamar-sync__dot{display:inline-block;flex:0 0 12px;width:12px;height:12px;border-radius:50%;background:#4e7359;box-sizing:border-box}.vdm-lunamar-sync p{margin:4px 0 0;font-size:14px;color:#526158}.vdm-lunamar-sync[data-lunamar-sync-state="syncing"] .vdm-lunamar-sync__dot{background:transparent;border:2px solid #c9d7e2;border-top-color:#38678a;animation:lunamar-sync-spin .9s linear infinite}.vdm-lunamar-sync[data-lunamar-sync-state="error"],.vdm-lunamar-sync[data-lunamar-sync-state="unavailable"]{background:#fff8e9;border-color:#e6d3a7;color:#72551e}.vdm-lunamar-sync[data-lunamar-sync-state="error"] .vdm-lunamar-sync__dot,.vdm-lunamar-sync[data-lunamar-sync-state="unavailable"] .vdm-lunamar-sync__dot{background:#a87a23}.vdm-lunamar-sync[data-lunamar-sync-state="paused"] .vdm-lunamar-sync__dot,.vdm-lunamar-sync[data-lunamar-sync-state="pending"] .vdm-lunamar-sync__dot{background:#818b85}@keyframes lunamar-sync-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.vdm-lunamar-sync[data-lunamar-sync-state="syncing"] .vdm-lunamar-sync__dot{animation:none}}@media(max-width:480px){.vdm-lunamar-sync{padding:12px;font-size:15px}.vdm-lunamar-sync p{font-size:13px}}

.vdm-lunamar-sync{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:center}.vdm-lunamar-sync__state,.vdm-lunamar-sync>p{grid-column:1}.vdm-lunamar-sync__button{grid-column:2;grid-row:1 / span 2;align-self:center;padding:9px 15px;border:1px solid #496a50;border-radius:7px;background:#fff;color:#344c3c;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.vdm-lunamar-sync__button:hover{background:#eaf1eb}.vdm-lunamar-sync__button:focus-visible{outline:3px solid #799fbe;outline-offset:3px}.vdm-lunamar-sync__button:disabled{opacity:.65;cursor:wait}@media(max-width:480px){.vdm-lunamar-sync{grid-template-columns:minmax(0,1fr)}.vdm-lunamar-sync__button{grid-column:1;grid-row:auto;justify-self:start;margin-top:10px}}