@keyframes zypento-blocks-spinner-icon {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@mixin zypento-blocks-spinner($size: 48px, $border: var(--zypento--preset--color--accent-4), $borderTop: var(--zypento--preset--color--base), $borderSize: 6px) {
    border: $borderSize solid $border; /* Light grey */
    border-top: $borderSize solid $borderTop; /* Blue */
    border-radius: 50%;
    width: $size;
    height: $size;
    animation: zypento-blocks-spinner-icon 2s linear infinite;
    display: inline-block;
}