heliux-spinner{--spinner-size: calc(var(--scope-type-font-size) / 8);--spinner-border-size: 1.1em;--spinner-color: var(--calltoaction-color, var(--scope-color-accent1-text, #fff));--spinner-color-secondary: transparent;display:flex;align-self:center}.calltoactionspinner--left heliux-spinner{order:-1}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}heliux-spinner .calltoactionspinner{display:flex;position:relative}heliux-spinner .calltoactionspinner.hidden{display:none}.calltoactionspinner--left heliux-spinner .calltoactionspinner{order:-1}heliux-calltoaction.formbutton:not(.calltoactionspinner--left) heliux-spinner .calltoactionspinner{margin:0 0 0 10px}heliux-calltoaction.formbutton.calltoactionspinner--left heliux-spinner .calltoactionspinner{margin:0 10px 0 0}heliux-calltoaction.calltoaction:not(.calltoactionspinner--left) heliux-spinner .calltoactionspinner{margin:0 0 0 calc(10px - var(--icon-margin, 0))}heliux-calltoaction.calltoaction.calltoactionspinner--left heliux-spinner .calltoactionspinner{margin:0 calc(10px - var(--icon-margin, 0)) 0 0}heliux-spinner .calltoactionspinner__line,heliux-spinner .calltoactionspinner__background{display:inline-block;border-radius:50%;font-size:var(--spinner-size);width:10em;height:10em}heliux-spinner .calltoactionspinner__line{position:relative;border-top:var(--spinner-border-size) solid var(--spinner-color-secondary);border-right:var(--spinner-border-size) solid var(--spinner-color-secondary);border-bottom:var(--spinner-border-size) solid var(--spinner-color-secondary);border-left:var(--spinner-border-size) solid var(--spinner-color);animation:spinner 1.1s infinite linear}heliux-spinner .calltoactionspinner__background{position:absolute;top:0;left:0;border:var(--spinner-border-size) solid var(--spinner-color);border-radius:50%;opacity:.3}heliux-spinner.heliuxspinner__withinContainer{--spinner-size: 10px;--spinner-color: var(--scope-color-main-color, #3b3b3b);display:flex;position:absolute;right:0;left:0;justify-content:center;align-items:flex-start;top:0;padding-block:20vh;height:100%}heliux-spinner.heliuxspinner__withinContainer:not(.heliuxspinner__withinContainer--centered) .calltoactionspinner{position:sticky;top:50vh}heliux-spinner.heliuxspinner__withinContainer--centered{align-items:center}heliux-spinner.heliuxspinner__withinContainer--withOverlay{z-index:1}heliux-spinner.heliuxspinner__withinContainer--withOverlay::before{content:"";display:block;width:100%;height:100%;background:#9c9c9c;position:absolute;opacity:.5;top:0}heliux-spinner.heliuxspinner--center{display:block}heliux-spinner.heliuxspinner--center>span{width:100%;justify-content:center}heliux-spinner.heliuxspinner--center .calltoactionspinner__background{left:auto}