@use './utilities.scss';
@use './colors.scss';

:root{
  --font-sans: "SF Pro Text","SF Pro Icons", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Google Sans", "Helvetica Neue", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"
}


@font-face {
  font-family: "Geist";
  src: url("../fonts/GeistVF.ttf");
}

.actionable-visits-color-checkbox {
  color: #5655d7;
}

.actionable-sessions-color-checkbox {
  color: #4abde8;
}
.actionable-events-color-checkbox {
  color: #fbbf24;
}

.geist {
  font-family: "Geist", var(--font-sans);
}


.fas,
.far,
.fat {
  font-family: "Font Awesome 6 Pro" !important;
}

.fab {
  font-family: "Font Awesome 6 Brands" !important;
}

.brockmann {
  font-family: "Brockmann", var(--font-sans)!important;
}

.nunito {
  font-family: "Nunito",var(--font-sans)!important;
}

.inter {
  font-family: "Inter", var(--font-sans)!important;
}

.geometric {
  font-family: "Geometric Sans Serif v1", var(--font-sans)!important;
}

.manrope {
  font-family: "Manrope", var(--font-sans)!important;
}

.lato {
  font-family: "Lato", var(--font-sans)!important;
}

.poppins {
  font-family: "Poppins", var(--font-sans)!important;
}

.poppins-childs {
  font-family: "Poppins", var(--font-sans)!important;

  * {
    font-family: "Poppins", var(--font-sans)!important;
  }
}


.hide-scrollbars {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;

  /* Firefox */
  &::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari and Opera */
  }
}



.card-shadow {
  box-shadow: 0 0 18px #00000033;
}

progress::-webkit-progress-value {
  transition: all 0.5s ease-in-out;
}

progress::-moz-progress-bar {
  transition: all 0.5s ease-in-out;
}

html,
body {
  margin: 0;
  width: 100dvw;
  height: 100dvh;
  overflow: hidden;
}

* {
  font-family: 'Nunito', var(--font-sans);
}

.rotating-thing {
  height: 100%;
  aspect-ratio: 1 / 1;
  opacity: 0.15;
  background: radial-gradient(51.24% 31.29% at 50% 50%, rgb(51, 58, 232) 0%, rgba(51, 58, 232, 0) 100%);
  animation: 12s linear 0s infinite normal none running spin;
}