@import url(https://fonts.googleapis.com/css2?family=Fraunces:opsz@9..144&display=swap);

/* You can add global styles to this file, and also import other style files */
/* Import Fraunces font from Google Fonts */
/* Global Poppins font */
*, *::before, *::after {
  font-family: 'Poppins', sans-serif !important;
}
/* Surface tooltip slide-in animation */
@keyframes surfaceTooltipFade {
  from { opacity: 0; transform: translate(-50%, 8px); }
  to   { opacity: 1; transform: translate(-50%, 0); }
}
@keyframes surfaceImgSlideIn {
  0%   { opacity: 0; transform: translateX(8px) scaleX(0.4); }
  100% { opacity: 1; transform: translateX(0) scaleX(1); }
}
.surface-tooltip-anim { animation: surfaceTooltipFade 220ms ease-out both; }
.surface-img-anim { animation: surfaceImgSlideIn 480ms cubic-bezier(0.22, 1, 0.36, 1) both; }
/* Remove number input spinners */
.no-spinner::-webkit-outer-spin-button,
.no-spinner::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.no-spinner { -moz-appearance: textfield; }
/* Hide scrollbar while keeping scroll functionality */
.no-scrollbar {
  -ms-overflow-style: none;  /* IE/Edge */
  scrollbar-width: none;     /* Firefox */
}
.no-scrollbar::-webkit-scrollbar {
  display: none;             /* Chrome/Safari/Opera */
}
/* Dual range slider thumbs */
input[type="range"].pointer-events-none {
  pointer-events: none;
}
input[type="range"].pointer-events-none::-webkit-slider-thumb {
  pointer-events: all;
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #00BCD4;
  border: 3px solid white;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
  cursor: pointer;
  position: relative;
  z-index: 10;
}
input[type="range"].pointer-events-none::-moz-range-thumb {
  pointer-events: all;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #00BCD4;
  border: 3px solid white;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
  cursor: pointer;
}
input[type="range"].pointer-events-none::-webkit-slider-runnable-track {
  background: transparent;
}
input[type="range"].pointer-events-none::-moz-range-track {
  background: transparent;
}
/* Line clamp utility */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


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