@keyframes fade-in {
  from {
    opacity: .5; }
  to {
    opacity: 1; } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }

@keyframes fade-in2 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: .5; }
  to {
    opacity: 1; } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }

@keyframes fade-in2 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-out {
  0% {
    max-width: 50px; }
  20% {
    padding: 0;
    background-color: transparent;
    color: transparent;
    border: 0; }
  100% {
    max-width: 30px;
    padding: 0;
    border-radius: 100px;
    background-color: transparent;
    color: transparent;
    border: 0; } }

@keyframes fade-in {
  from {
    opacity: .5; }
  to {
    opacity: 1; } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }

@keyframes fade-in2 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.bi-theme--lighter .bi-heading, .bi-theme--light .bi-heading, .bi-theme--dark .bi-heading, .bi-theme--darker .bi-heading {
  position: relative; }
  .bi-theme--lighter .bi-heading:after, .bi-theme--light .bi-heading:after, .bi-theme--dark .bi-heading:after, .bi-theme--darker .bi-heading:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-bottom: 1px solid transparent;
    z-index: 1; }
  .bi-theme--lighter .bi-heading .bi-heading-content, .bi-theme--light .bi-heading .bi-heading-content, .bi-theme--dark .bi-heading .bi-heading-content, .bi-theme--darker .bi-heading .bi-heading-content {
    padding-left: 1em;
    padding-right: 1em;
    z-index: 2; }

.bi-theme--lighter .bi-heading .bi-heading-content {
  background-color: #FFFFFF; }

.bi-theme--lighter .bi-heading:after {
  border-color: #ebebec; }

.bi-theme--light .bi-heading .bi-heading-content {
  background-color: #F5F5F5; }

.bi-theme--light .bi-heading:after {
  border-color: #d7d8da; }

.bi-theme--dark .bi-heading .bi-heading-content {
  background-color: #353a44; }

.bi-theme--dark .bi-heading:after {
  border-color: #494e57; }

.bi-theme--darker .bi-heading .bi-heading-content {
  background-color: #1d242f; }

.bi-theme--darker .bi-heading:after {
  border-color: #686b73; }