.vdm-lunamar-sync{margin:18px 0;padding:14px 18px;border:1px solid #dfd4c1;border-radius:10px;background:#f5efe3;color:#071a2d;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:#24354b;box-sizing:border-box}.vdm-lunamar-sync p{margin:4px 0 0;font-size:14px;color:#24354b}.vdm-lunamar-sync[data-lunamar-sync-state="syncing"] .vdm-lunamar-sync__dot{background:transparent;border:2px solid #dfd4c1;border-top-color:#24354b;animation:lunamar-sync-spin .9s linear infinite}.vdm-lunamar-sync[data-lunamar-sync-state="error"],.vdm-lunamar-sync[data-lunamar-sync-state="unavailable"]{background:#f5efe3;border-color:#dfd4c1;color:#7c5c23}.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:#7c5c23}.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:#526174}@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 #24354b;border-radius:7px;background:#fff;color:#071a2d;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.vdm-lunamar-sync__button:hover{background:#f5efe3}.vdm-lunamar-sync__button:focus-visible{outline:3px solid #526174;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}}