1  .loader-container {
 2    display: inline-block;
 3    width: 16px;
 4    height: 16px;
 5    pointer-events: none;
 6    animation: appear 0.3s ease-in-out 1s both;
 7    vertical-align: middle;
 8    margin: 8px;
 9    vertical-align: baseline !important;
10  }
11  .loader-container.abrupt {
12    animation: none;
13  }
14  .loader-container.hidden {
15    visibility: hidden;
16  }
17  
18  .loader {
19    display: inline-block;
20    width: 16px;
21    height: 16px;
22    border-radius: 50%;
23    border: 2.5px solid;
24    border-color: var(--loader-color) var(--loader-color) transparent transparent;
25    animation: loader 1s infinite linear;
26  }
27  @keyframes loader {
28    0% {
29      transform: rotate(0deg);
30    }
31    100% {
32      transform: rotate(360deg);
33    }
34  }
35  .loader-container.hidden .loader {
36    animation: none;
37  }