@keyframes spin{0%{transform:rotate(0);opacity:1}50%{opacity:.7}to{transform:rotate(360deg);opacity:1}}.spinner{display:block;position:relative;margin:auto;height:calc(var(--boxSizeMargin) * 2);max-width:100%}.spinner:before{content:"";box-sizing:border-box;position:absolute;top:50%;left:50%;width:calc(var(--boxSizeMargin) * 2);height:calc(var(--boxSizeMargin) * 2);margin-top:calc(-1 * var(--boxSizeMargin) * 2 / 2);margin-left:calc(-1 * var(--boxSizeMargin) * 2 / 2);border-radius:50%;border:.25rem solid var(--shade03);border-top-color:var(--brandPrimary);animation:spin 1.2s infinite cubic-bezier(.7,.15,.3,.85)}.loading-area{text-align:center;color:var(--shade04)}.loading-area>:first-child{margin-bottom:var(--boxSizeMargin)}