.facebook-connection{border:1px solid var(--theme-elevation-150);background:var(--theme-elevation-0);color:var(--theme-text);border-radius:.5rem;gap:1rem;padding:1rem;display:grid}.facebook-connection__summary,.facebook-connection__heading,.facebook-connection__heading>div{display:grid}.facebook-connection__summary{gap:.45rem}.facebook-connection__heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem}.facebook-connection__heading>div{gap:.2rem}.facebook-connection__heading strong,.facebook-connection__heading p,.facebook-connection__error,.facebook-connection__hint{margin:0}.facebook-connection__heading p,.facebook-connection__details,.facebook-connection__hint{color:var(--theme-elevation-700);font-size:.875rem;line-height:1.45}.facebook-connection__status-dot{border:2px solid var(--theme-elevation-0);background:var(--theme-elevation-450);width:.68rem;height:.68rem;box-shadow:0 0 0 1px var(--theme-elevation-250);border-radius:50%;margin-top:.3rem}.facebook-connection[data-status=connected] .facebook-connection__status-dot{background:var(--theme-success-500)}.facebook-connection[data-status=error] .facebook-connection__status-dot{background:var(--theme-error-500)}.facebook-connection__details,.facebook-connection__actions{flex-wrap:wrap;gap:.45rem .8rem;display:flex}.facebook-connection__details{padding-left:1.35rem}.facebook-connection__error{color:var(--theme-error-500);font-size:.875rem;line-height:1.45}@media (max-width:700px){.facebook-connection{padding:.85rem}.facebook-connection__actions,.facebook-connection__actions .btn{width:100%}.facebook-connection__actions .btn{justify-content:center;min-height:2.75rem}}