.browser-sync-card{border:1px solid #dce4f3;border-radius:22px;padding:23px;background:linear-gradient(125deg,#f4f8ff,#fcfdff);margin:16px 0;color:#27364c;min-width:0}.browser-sync-heading{display:flex;gap:13px;align-items:flex-start}.browser-sync-heading>div{flex:1;min-width:0}.browser-sync-heading h3{font-size:16px;line-height:1.5;margin:0 0 5px}.browser-sync-heading p{font-size:12px;color:#65728a;line-height:1.8;margin:0}.browser-sync-symbol{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;flex-shrink:0;color:#315fc2;background:#e7efff}.browser-sync-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:16px}.browser-sync-actions .button{font-size:12px;min-height:38px}.browser-sync-refresh{border:0;background:transparent;color:#6680a8;cursor:pointer;padding:10px}.browser-sync-help,.browser-sync-privacy{font-size:12px;line-height:1.9;color:#71809a;margin:13px 0 0;overflow-wrap:anywhere}.browser-sync-privacy{display:flex;gap:6px;align-items:flex-start;border-top:1px solid #e4eaf4;padding-top:12px}.browser-sync-privacy svg{flex-shrink:0;margin-top:4px}.browser-sync-badge{border-radius:30px;padding:5px 9px;font-size:10px;background:#e8eef9;white-space:nowrap;color:#5d7396}.browser-sync-badge.synced{background:#e6f2ec;color:#327456}.browser-sync-badge.error,.browser-sync-badge.limited{background:#fff1d7;color:#996525}.browser-sync-status{border:1px solid #e1e8f2;background:#fff;border-radius:13px;padding:12px 14px;margin-top:13px;line-height:1.7}.browser-sync-status b{display:block;font-size:12px;font-weight:500}.browser-sync-status small{display:block;font-size:10px;margin-top:5px;color:#7b879c}.browser-sync-error{color:#a33e39;font-size:12px;line-height:1.8}.browser-sync-card.compact{padding:17px;border-radius:16px;background:#f7faff}.browser-sync-card.compact .browser-sync-symbol{display:none}.browser-sync-card.compact .browser-sync-heading{flex-wrap:wrap}.browser-sync-card.compact h3{font-size:13px}.browser-sync-card.compact .browser-sync-help{font-size:11px}@media(max-width:600px){.browser-sync-card{padding:18px;border-radius:18px}.browser-sync-heading{flex-wrap:wrap}.browser-sync-heading>div{min-width:180px}.browser-sync-heading h3{font-size:15px}.browser-sync-badge{margin-left:52px}.browser-sync-card.compact .browser-sync-badge{margin-left:0}.browser-sync-actions .button{flex:1;justify-content:center}.browser-sync-actions a{white-space:normal}}.browser-sync-running{display:flex;gap:12px;justify-content:space-between;align-items:center;background:#edf4ff;border:1px solid #dae6fa;border-radius:14px;padding:12px 17px;margin-bottom:18px;font-size:12px;color:#3e5e97}.browser-sync-running>span{display:flex;gap:8px;align-items:center}.browser-sync-running>div{display:flex;gap:12px;flex-shrink:0}.browser-sync-running button{border:0;background:transparent;color:#315eba;cursor:pointer;font-size:11px}@media(max-width:600px){.browser-sync-running{align-items:flex-start;flex-wrap:wrap}}