.civist-extension{--color-loading: grey}.civist-extension .donationform,.civist-extension .widget,.civist-extension .loading-indicator{display:none}.civist-extension[data-loading=loading] .loading-indicator{display:block;position:relative;width:150px;height:150px;margin-top:1.25rem;margin-bottom:1.25rem;margin-left:auto;margin-right:auto}.civist-extension[data-loading=loading] .loading-indicator>.loader{display:block;position:relative;width:150px;height:150px;border-radius:50%;margin:-3px;border:3px solid transparent;border-top-color:var(--color-loading);animation:civist-extension-spin 2s linear infinite}.civist-extension[data-loading=loading] .loading-indicator>.loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:var(--color-loading);animation:civist-extension-spin 3s linear infinite}.civist-extension[data-loading=loading] .loading-indicator>.loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:var(--color-loading);animation:civist-extension-spin 1.5s linear infinite}.civist-extension[data-loading=ready][data-view=widget] .widget,.civist-extension[data-loading=ready][data-view=donation] .donationform{display:block}@keyframes civist-extension-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}