.configuration-sync-status{position:relative;margin-left:auto;flex-shrink:0}.configuration-sync-trigger{display:flex;align-items:center;gap:7px;min-height:36px;border:1px solid #ffffff30;background:#ffffff12;color:#fff;border-radius:10px;padding:7px 10px;cursor:pointer;font:inherit;font-size:12px}.configuration-sync-trigger small{font-size:11px;color:#eadcf3}.configuration-sync-status.sending .configuration-sync-trigger>svg:first-child{animation:configuration-sync-spin 1.4s linear infinite}.configuration-sync-status.error .configuration-sync-trigger{border-color:#f5c567}.configuration-sync-popover{position:absolute;right:0;top:calc(100% + 12px);width:300px;max-width:calc(100vw - 30px);padding:20px;border-radius:16px;background:#fff;color:#281a35;border:1px solid #e5ddeb;box-shadow:0 12px 40px #281a3524;z-index:100}.configuration-sync-popover>strong{font-size:17px}.configuration-sync-popover p{font-size:13px;line-height:1.6;color:#786984;margin:10px 0}.configuration-sync-popover small{display:block;color:#786984;margin:8px 0}.configuration-sync-popover>.button{width:100%;margin-top:12px;font-size:13px}.configuration-sync-page{text-align:center;max-width:700px;margin:20px auto;padding:36px!important}.configuration-sync-page h2{font-size:24px;margin:16px 0}.configuration-sync-page>p{font-size:15px;line-height:1.7;color:#786984}.configuration-sync-page .configuration-sync-revision{font-size:20px;color:#281a35}.configuration-sync-page>.button{display:inline-flex;align-items:center;gap:9px;margin:12px 0}.configuration-sync-emblem{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:22px;background:#efe6f6;color:#651b94}.configuration-sync-emblem.saved{background:#e8f5ef;color:#147a57}.configuration-sync-emblem svg{width:30px;height:30px}.configuration-sync-page .configuration-sync-caution{font-size:12px;margin-top:22px}@keyframes configuration-sync-spin{to{transform:rotate(360deg)}}@media(max-width:800px){.configuration-sync-trigger small{display:none}.configuration-sync-trigger{padding:7px}.configuration-sync-status{margin-left:4px}.configuration-sync-page{padding:24px!important}.configuration-sync-popover{right:-110px}}@media(prefers-reduced-motion:reduce){.configuration-sync-status.sending .configuration-sync-trigger>svg:first-child{animation:none}}
