/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/core/public/scss/core.scss ***!
  \*************************************************************************************************************************/
/* Core Libraries */
/* Abstracts */
/**
  Function that turns a given color to its own shades palette.
  $color-0 is the default color hex code.
  Each color generates 10 shades, except for white and black which we want separated from this logic.
  For gray colors, we have $grayscale variable.
*/
/* Color Palette */
/* Responsive Breakpoints */
/* CSS vars generation loop */
:root {
  /* Fonts */
  --ff-primary: "SourcesansPro", -apple-system, BlinkMacSystemFont, "Segoe UI","Helvetica Neue", Arial;
  /* Colors that will be shaded */
  --primary-0: #b9e0e5;
  --primary-100: rgb(154.8125, 210.63125, 217.7875);
  --primary-200: rgb(124.625, 197.2625, 206.575);
  --primary-300: rgb(94.4375, 183.89375, 195.3625);
  --primary-400: rgb(67.275, 168.1875, 181.125);
  --primary-500: rgb(56.0625, 140.15625, 150.9375);
  --primary-600: rgb(44.85, 112.125, 120.75);
  --primary-700: rgb(33.6375, 84.09375, 90.5625);
  --primary-800: rgb(22.425, 56.0625, 60.375);
  --primary-900: rgb(11.2125, 28.03125, 30.1875);
  --secondary-0: #fdd007;
  --secondary-100: rgb(232.128, 190.008, 1.872);
  --secondary-200: rgb(206.336, 168.896, 1.664);
  --secondary-300: rgb(180.544, 147.784, 1.456);
  --secondary-400: rgb(154.752, 126.672, 1.248);
  --secondary-500: rgb(128.96, 105.56, 1.04);
  --secondary-600: rgb(103.168, 84.448, 0.832);
  --secondary-700: rgb(77.376, 63.336, 0.624);
  --secondary-800: rgb(51.584, 42.224, 0.416);
  --secondary-900: rgb(25.792, 21.112, 0.208);
  --success-0: #90ee90;
  --success-100: rgb(110.8734375, 232.9265625, 110.8734375);
  --success-200: rgb(77.746875, 227.853125, 77.746875);
  --success-300: rgb(44.6203125, 222.7796875, 44.6203125);
  --success-400: rgb(30.440625, 198.759375, 30.440625);
  --success-500: rgb(25.3671875, 165.6328125, 25.3671875);
  --success-600: rgb(20.29375, 132.50625, 20.29375);
  --success-700: rgb(15.2203125, 99.3796875, 15.2203125);
  --success-800: rgb(10.146875, 66.253125, 10.146875);
  --success-900: rgb(5.0734375, 33.1265625, 5.0734375);
  --info-0: #076da7;
  --info-100: rgb(6.3, 98.1, 150.3);
  --info-200: rgb(5.6, 87.2, 133.6);
  --info-300: rgb(4.9, 76.3, 116.9);
  --info-400: rgb(4.2, 65.4, 100.2);
  --info-500: rgb(3.5, 54.5, 83.5);
  --info-600: rgb(2.8, 43.6, 66.8);
  --info-700: rgb(2.1, 32.7, 50.1);
  --info-800: rgb(1.4, 21.8, 33.4);
  --info-900: rgb(0.7, 10.9, 16.7);
  --danger-0: #ff0000;
  --danger-100: rgb(229.5, 0, 0);
  --danger-200: #cc0000;
  --danger-300: rgb(178.5, 0, 0);
  --danger-400: #990000;
  --danger-500: rgb(127.5, 0, 0);
  --danger-600: #660000;
  --danger-700: rgb(76.5, 0, 0);
  --danger-800: #330000;
  --danger-900: rgb(25.5, 0, 0);
  --grayscale-0: #f1f1f1;
  --grayscale-100: rgb(216.9, 216.9, 216.9);
  --grayscale-200: rgb(192.8, 192.8, 192.8);
  --grayscale-300: rgb(168.7, 168.7, 168.7);
  --grayscale-400: rgb(144.6, 144.6, 144.6);
  --grayscale-500: rgb(120.5, 120.5, 120.5);
  --grayscale-600: rgb(96.4, 96.4, 96.4);
  --grayscale-700: rgb(72.3, 72.3, 72.3);
  --grayscale-800: rgb(48.2, 48.2, 48.2);
  --grayscale-900: rgb(24.1, 24.1, 24.1);
  /* Colors that won't be shaded */
  --white: #fff;
  --black: #000;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
/* Loader */
@keyframes l2 {
  100% {
    box-shadow: 0 0 0 40px rgba(0, 0, 0, 0);
  }
}
@keyframes slideIn {
  0% {
    left: -500px;
  }
  100% {
    left: 0;
  }
}
@keyframes slideOut {
  0% {
    left: 0;
  }
  100% {
    left: -500px;
  }
}
/* Account Loader  */
@keyframes rotate-background {
  0% {
    background-position: center 35%;
  }
  100% {
    background-position: center 35%;
    transform: rotate(360deg);
  }
}
/* Main Attrs site-wide */
/**
  A flexbox mixin that handles all browser prefixes and flex styling in one line.
 */
/* Components' Styles */
.scroll-top.ng-hide {
  opacity: 0;
  visibility: hidden;
}

.scroll-top {
  position: fixed;
  border-radius: 50%;
  z-index: 999;
  right: 20px;
  bottom: 60px;
  cursor: pointer;
  text-align: center;
  transition: opacity 0.3s, visibility 0.3s;
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 1028px) {
  .scroll-top {
    height: 50px;
    width: 50px;
  }
}
@media only screen and (max-width: 1028px) {
  .scroll-top {
    height: 40px;
    width: 40px;
  }
}

* {
  -webkit-tap-highlight-color: transparent;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.2;
  border: none;
  box-sizing: border-box;
}

html, body {
  position: relative;
}