.Loader {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 14.6rem;
  margin-top: 7.3rem;
  margin-bottom: 7.3rem; }
  .Loader:before, .Loader:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    animation-duration: 2.3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    filter: drop-shadow(0 0 0.75556rem rgba(255, 118, 237, 0.75)); }
  .Loader:before {
    width: 100%;
    padding-bottom: 100%;
    box-shadow: inset 0 0 0 1.7rem #ff76ed;
    animation-name: pulsA; }
  .Loader:after {
    width: calc(100% - 1.7rem*2);
    padding-bottom: calc(100% - 1.7rem*2);
    box-shadow: 0 0 0 0 #ff76ed;
    animation-name: pulsB; }

.LoaderLarge {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 20rem;
  margin-top: 10rem;
  margin-bottom: 10rem;
  margin: auto; }
  .LoaderLarge:before, .LoaderLarge:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    filter: drop-shadow(0 0 0.88889rem rgba(255, 118, 237, 0.75)); }
  .LoaderLarge:before {
    width: 100%;
    padding-bottom: 100%;
    box-shadow: inset 0 0 0 2rem #ff76ed;
    animation-name: pulsALarge; }
  .LoaderLarge:after {
    width: calc(100% - 2rem*2);
    padding-bottom: calc(100% - 2rem*2);
    box-shadow: 0 0 0 0 #ff76ed;
    animation-name: pulsBLarge; }

.LoaderMedium {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 8.6rem;
  margin-top: 4.3rem;
  margin-bottom: 4.3rem; }
  .LoaderMedium:before, .LoaderMedium:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    animation-duration: 2.3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    filter: drop-shadow(0 0 0.4rem rgba(255, 118, 237, 0.75)); }
  .LoaderMedium:before {
    width: 100%;
    padding-bottom: 100%;
    box-shadow: inset 0 0 0 0.9rem #ff76ed;
    animation-name: pulsAMedium; }
  .LoaderMedium:after {
    width: calc(100% - 0.9rem*2);
    padding-bottom: calc(100% - 0.9rem*2);
    box-shadow: 0 0 0 0 #ff76ed;
    animation-name: pulsBMedium; }

.LoaderIcon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 2.1rem;
  margin-top: 1.05rem;
  margin-bottom: 1.05rem; }
  .LoaderIcon:before, .LoaderIcon:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    animation-duration: 2.3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    filter: drop-shadow(0 0 0.17778rem rgba(255, 255, 255, 0.75)); }
  .LoaderIcon:before {
    width: 100%;
    padding-bottom: 100%;
    box-shadow: inset 0 0 0 0.4rem #fff;
    animation-name: pulsAIcon; }
  .LoaderIcon:after {
    width: calc(100% - 0.4rem*2);
    padding-bottom: calc(100% - 0.4rem*2);
    box-shadow: 0 0 0 0 #fff;
    animation-name: pulsBIcon; }

@keyframes pulsA {
  0% {
    box-shadow: inset 0 0 0 1.7rem #ff76ed;
    opacity: 1; }
  50%, 100% {
    box-shadow: inset 0 0 0 0 #ff76ed;
    opacity: 0; } }

@keyframes pulsB {
  0%, 50% {
    box-shadow: 0 0 0 0 #ff76ed;
    opacity: 0; }
  100% {
    box-shadow: 0 0 0 1.7rem #ff76ed;
    opacity: 1; } }

@keyframes pulsAIcon {
  0% {
    box-shadow: inset 0 0 0 0.4rem #fff;
    opacity: 1; }
  50%, 100% {
    box-shadow: inset 0 0 0 0 #fff;
    opacity: 0; } }

@keyframes pulsBIcon {
  0%, 50% {
    box-shadow: 0 0 0 0 #fff;
    opacity: 0; }
  100% {
    box-shadow: 0 0 0 0.4rem #fff;
    opacity: 1; } }

@keyframes pulsAMedium {
  0% {
    box-shadow: inset 0 0 0 0.9rem #ff76ed;
    opacity: 1; }
  50%, 100% {
    box-shadow: inset 0 0 0 0 #ff76ed;
    opacity: 0; } }

@keyframes pulsBMedium {
  0%, 50% {
    box-shadow: 0 0 0 0 #ff76ed;
    opacity: 0; }
  100% {
    box-shadow: 0 0 0 0.9rem #ff76ed;
    opacity: 1; } }

@keyframes pulsALarge {
  0% {
    box-shadow: inset 0 0 0 2rem #ff76ed;
    opacity: 1; }
  50%, 100% {
    box-shadow: inset 0 0 0 0 #ff76ed;
    opacity: 0; } }

@keyframes pulsBLarge {
  0%, 50% {
    box-shadow: 0 0 0 0 #ff76ed;
    opacity: 0; }
  100% {
    box-shadow: 0 0 0 2rem #ff76ed;
    opacity: 1; } }

*,
*:before,
*:after {
  box-sizing: border-box; }

/*# sourceMappingURL=loader.css.map */