.sync-intro{display:flex;gap:14px;align-items:flex-start}.sync-intro>svg{width:28px;height:28px;flex:none;color:var(--accent);margin-top:12px}.sync-providers{display:grid;gap:14px;margin:20px 0}.sync-provider{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--bg)}.sync-provider h3{display:flex;gap:8px;align-items:center;font-size:1rem}.sync-provider h3 svg{width:20px;height:20px;color:var(--accent)}.sync-provider .between{gap:12px;flex-wrap:wrap}.sync-provider .flex{margin-top:12px;gap:8px}.sync-provider .pill{font-size:.8rem}.sync-calendar-list{max-height:280px;overflow:auto;display:grid;gap:6px;margin:16px 0}.sync-calendar{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg);border-radius:10px;min-height:48px}.sync-calendar input{width:20px;height:20px;accent-color:var(--accent)}.sync-calendar span{overflow-wrap:anywhere}.external-routine-event{border-left-style:dashed!important}.external-routine-event .event-content span{font-size:12px;display:flex;gap:4px;align-items:center}.external-routine-event svg{width:12px;height:12px}.external-routine-event .event-content{pointer-events:none}@media(max-width:480px){.sync-provider{padding:14px}.sync-provider .btn{font-size:.875rem;min-height:44px}.sync-provider .between{align-items:flex-start}}