@charset "UTF-8";
.cloud-sync{display:flex;align-items:center;gap:7px;max-width:265px;min-height:44px;padding:5px 8px;border:1px solid #ccdcd4;border-radius:11px;background:#f5faf6;color:#24584e;flex-shrink:0}
.cloud-sync-copy{display:grid;gap:3px;min-width:0}.cloud-sync-copy>span{font-size:12px;font-weight:700;line-height:1.35}.cloud-sync-copy>small{font-size:10px;line-height:1.35;max-width:170px;color:#97500d}
#cloud-sync-retry{font:inherit;font-size:12px;font-weight:700;min-width:42px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;background:#e1eee7;color:#21584c;padding:5px 8px;white-space:nowrap}
#cloud-sync-retry:disabled{opacity:.55}.cloud-sync[data-status="offline"],.cloud-sync[data-status="pending"],.cloud-sync[data-status="conflict"],.cloud-sync[data-status="storage-error"]{background:#fff7e7;border-color:#ead8b5;color:#805b21}
@media(max-width:1500px) and (min-width:1101px){.cloud-sync{max-width:205px;padding:4px 6px;gap:5px}.cloud-sync-copy>span{font-size:11px}.topbar .quick-steps{gap:7px;font-size:13px}.topbar .quick-steps span{gap:5px}.topbar .header-actions{gap:6px}}
@media(max-width:1100px){.cloud-sync{max-width:205px}.cloud-sync-copy>span{font-size:11px}.cloud-sync-copy>small{font-size:9px;max-width:125px}.topbar .quick-steps{display:none}}
@media(max-width:600px){.cloud-sync{max-width:180px;min-height:34px;padding:3px 5px;gap:4px}.cloud-sync-copy>span{font-size:10px}#cloud-sync-retry{font-size:10px;min-width:32px;min-height:30px;padding:3px 5px}.cloud-sync-copy>small{max-width:100px;font-size:9px}.topbar .header-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px}.topbar .header-actions>.cloud-sync{order:3;flex-basis:auto}.topbar{min-height:88px;height:auto}.is-playing .topbar{height:88px}}