.loader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: max-content;
  margin: 0 auto;
}

.loader__img {
  position: relative;
  width: 48px;
  height: 48px;
}

.loader__img::after {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  filter: invert(100%);
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' viewBox='0 0 192 192' fill='none'%3E%3Cg id='preloader'%3E%3Ccircle cy='96' cx='96' r='8' fill='white'/%3E%3Cg id='line-group-1'%3E%3Cpath id='line' d='M112 95.8044C112 104.958 105.132 112 96 112C86.8683 112 80 104.88 80 95.8044' stroke='url(%23paint1)' stroke-width='7' stroke-linecap='round'/%3E%3CanimateTransform from='0 96 96' to='360 96 96' attributeName='transform' type='rotate' repeatCount='indefinite' dur='1000ms'/%3E%3C/g%3E%3Cg id='line-group-2'%3E%3Cpath id='line_2' d='M122 95.6822C122 110.557 110.839 122 96 122C81.161 122 70 110.43 70 95.6822' stroke='url(%23paint2)' stroke-width='7' stroke-linecap='round'/%3E%3CanimateTransform from='-30 96 96' to='330 96 96' attributeName='transform' type='rotate' repeatCount='indefinite' dur='1010ms'/%3E%3C/g%3E%3Cg id='line-group-3'%3E%3Cpath id='line_3' d='M132 95.5599C132 116.157 116.546 132 96 132C75.4537 132 60 115.98 60 95.5599' stroke='url(%23paint3)' stroke-width='7' stroke-linecap='round'/%3E%3CanimateTransform from='-60 96 96' to='300 96 96' attributeName='transform' type='rotate' repeatCount='indefinite' dur='1020ms'/%3E%3C/g%3E%3Cg id='line-group-4'%3E%3Cpath id='line_4' d='M142 95.4377C142 121.756 122.254 142 96 142C69.7463 142 50 121.531 50 95.4377' stroke='url(%23paint4)' stroke-width='7' stroke-linecap='round'/%3E%3CanimateTransform from='-90 96 96' to='270 96 96' attributeName='transform' type='rotate' repeatCount='indefinite' dur='1030ms'/%3E%3C/g%3E%3Cg id='line-group-5'%3E%3Cpath id='line_5' d='M152 95.3154C152 127.355 127.961 152 96 152C64.039 152 40 127.081 40 95.3154' stroke='url(%23paint5)' stroke-width='7' stroke-linecap='round'/%3E%3CanimateTransform from='-120 96 96' to='240 96 96' attributeName='transform' type='rotate' repeatCount='indefinite' dur='1040ms'/%3E%3C/g%3E%3Cg id='line-group-6'%3E%3Cpath id='line_6' d='M162 95.1932C162 132.954 133.668 162 96 162C58.3317 162 30 132.631 30 95.1932' stroke='url(%23paint6)' stroke-width='7' stroke-linecap='round'/%3E%3CanimateTransform from='-160 96 96' to='210 96 96' attributeName='transform' type='rotate' repeatCount='indefinite' dur='1050ms'/%3E%3C/g%3E%3Cg id='line-group-7'%3E%3Cpath id='line_7' d='M172 95.0709C172 138.553 139.376 172 96 172C52.6244 172 20 138.181 20 95.0709' stroke='url(%23paint7)' stroke-width='7' stroke-linecap='round'/%3E%3CanimateTransform from='-190 96 96' to='180 96 96' attributeName='transform' type='rotate' repeatCount='indefinite' dur='1060ms'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint1' x1='112' y1='96' x2='80' y2='96' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='white' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2' x1='70' y1='96' x2='122' y2='96' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3' x1='60' y1='96' x2='132' y2='96' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4' x1='50' y1='95' x2='142' y2='95' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5' x1='40' y1='95' x2='152' y2='95' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6' x1='30' y1='94' x2='162' y2='95' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint7' x1='20' y1='95' x2='172' y2='95' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  filter: invert(100%);
  content: '';
}

.loader--hidden {
  display: none;
}

.nav>li>button {
  position: relative;
  display: block;
  padding: 10px 15px;
  background-color: transparent;
  color: #337ab7;
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}
.nav>li>button:hover,
.nav>li>button:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav-tabs>li>button {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  cursor: pointer;
}

.nav-tabs>li>button:hover {
  border-color: #eeeeee #eeeeee #ddd;
}

.nav-tabs>li.active>button,
.nav-tabs>li.active>button:hover,
.nav-tabs>li.active>button:focus {
  color: #555555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}