export default {
  "animSpinnerIndeterminate": {
    "willChange": "transform",
    "animation": "spinner-indeterminate 0.8S linear infinite"
  },
  "btnLoading": {
    "&::before": {
      "willChange": "transform",
      "animation": "spinner-indeterminate 0.8S linear infinite",
      "borderStyle": "solid",
      "borderWidth": "2px",
      "borderRadius": "50%",
      "bottom": "0",
      "content": "\"\"",
      "display": "block",
      "height": "22px",
      "left": "0",
      "margin": "auto",
      "position": "absolute",
      "right": "0",
      "top": "0",
      "transform": "translateZ(0)",
      "width": "22px"
    },
    "overflow": "hidden"
  },
  "keyframesSpinnerIndeterminate": {
    "@keyframes spinner-indeterminate": {
      "0%": {
        "transform": "rotate(0deg)"
      },
      "100%": {
        "transform": "rotate(360deg)"
      }
    }
  },
  "btnPrimary_btnLoading": {
    "&::before": {
      "borderColor": "#fff",
      "borderLeftColor": "transparent",
      "borderStyle": "solid"
    }
  },
  "btnSecondary_btnLoading": {
    "&::before": {
      "borderColor": "#006fcf",
      "borderLeftColor": "transparent",
      "borderStyle": "solid"
    }
  },
  "btnTertiary_btnLoading": {
    "&::before": {
      "borderColor": "#006fcf",
      "borderLeftColor": "transparent",
      "borderStyle": "solid"
    }
  },
  "btnContextual_btnLoading": {
    "&::before": {
      "borderColor": "#006fcf",
      "borderLeftColor": "transparent",
      "borderStyle": "solid"
    }
  },
  "btnWhite": {
    "&:not(.btnContextual).btnLoading::before": {
      "borderColor": "#006fcf",
      "borderLeftColor": "transparent",
      "borderStyle": "solid"
    }
  },
  "btnWhiteSecondary_btnLoading": {
    "&::before": {
      "borderColor": "#006fcf",
      "borderLeftColor": "transparent",
      "borderStyle": "solid"
    }
  },
  "btnWhiteTertiary_btnLoading": {
    "&::before": {
      "borderColor": "#006fcf",
      "borderLeftColor": "transparent",
      "borderStyle": "solid"
    }
  }
}