@font-face {
  font-family: HurmeGeometricSans3;
  src: url(/assets/packages/vitrine_ds/assets/fonts/HurmeGeometricSans3.otf);
}

@font-face {
  font-family: HurmeGeometricSans3;
  src: url(/assets/packages/vitrine_ds/assets/fonts/HurmeGeometricSans3-SemiBold.otf);
  font-weight: bold;
}

/* Temporary fix to "Scroll "back" on web causes browser back action".
   * See https://github.com/flutter/flutter/issues/152588
   */
html,
body {
  overscroll-behavior-x: none;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "HurmeGeometricSans3", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px;
}

.loading {
  height: 100%;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


/** https://codepen.io/mrrocks/pen/ExLovj **/

.spinner {
  animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(270deg);
  }
}

.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation:
    dash 1.4s ease-in-out infinite,
    colors 5.6s ease-in-out infinite;
}

@keyframes colors {
  0% {
    stroke: #063DFE;
  }

  100% {
    stroke: #063DFE;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }

  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }

  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}