@keyframes focus-shadow-pulse-inset {
  0% {
    box-shadow: inset 0 0 0 3px rgba( 0, 120, 212 ,  0.35 );
    box-shadow: inset 0 0 0 3px rgba( var(--palette-primary,0, 120, 212) ,  0.35 ); }
  50% {
    box-shadow: inset 0 0 0 3px rgba( 0, 120, 212 ,  0.15 );
    box-shadow: inset 0 0 0 3px rgba( var(--palette-primary,0, 120, 212) ,  0.15 ); }
  100% {
    box-shadow: inset 0 0 0 3px rgba( 0, 120, 212 ,  0.35 );
    box-shadow: inset 0 0 0 3px rgba( var(--palette-primary,0, 120, 212) ,  0.35 ); } }

/**
 * Browser specific mixin's
 */
.bolt-spinner {
  align-items: center;
  justify-content: center; }

@keyframes spinner-anim {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.bolt-spinner-circle {
  border:  1.5px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-top-color: rgba(0, 90, 158, 1);
  border-top-color: var(--communication-foreground,rgba(0, 90, 158, 1));
  border-radius: 50%;
  animation-name: spinner-anim;
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67); }
  .bolt-spinner-circle.xsmall {
    width: 12px;
    height: 12px; }
  .bolt-spinner-circle.small {
    width: 16px;
    height: 16px; }
  .bolt-spinner-circle.medium {
    width: 20px;
    height: 20px; }
  .bolt-spinner-circle.large {
    width: 28px;
    height: 28px; }

.bolt-spinner-label {
  margin-top: 8px;
  text-align: center;
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1)); }