.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 40
}
.material-symbols-normal {
  font-variation-settings:
  'FILL' 0,
  'wght' 200,
  'GRAD' 0,
  'opsz' 40
}
span.size-256 {
  font-size: 256px;
  font-variation-settings: 'OPSZ' 256;
}
span.size-128 {
  font-size: 128px;
  font-variation-settings: 'OPSZ' 128;
}
span.size-64 {
  font-size: 64px;
  font-variation-settings: 'OPSZ' 64;
}
span.size-32 {
  font-size: 32px;
  font-variation-settings: 'OPSZ' 32;
}
span.size-16 {
  line-height: inherit;
  font-size: 16px;
  font-variation-settings: 'OPSZ' 16;
}
span.size-16-normal {
  font-size: 16px;
  font-variation-settings: 'OPSZ' 16;
}
span.middle {
    vertical-align: middle;
}
span.top {
    vertical-align: top;
}
span.margins {
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}
span.right-bottom {
    margin-left: 3rem;
    margin-top: 2.5rem;
}
span.align {
    vertical-align: text-bottom;
    line-height: inherit;
}

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

span.icon-spin {
  animation-name: spin;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
img.size-64 {
    width: 64px;
}