@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

.ease-spring {
    transition-property: transform;
    transition-duration: 400ms;
    transition-timing-function: linear(
        0 0%,
        0.004373 1%,
        0.01698 2%,
        0.037048 3%,
        0.063801 4%,
        0.096468 5%,
        0.13429 6%,
        0.176525 7.000000000000001%,
        0.222452 8%,
        0.271376 9%,
        0.322634 10%,
        0.375595 11%,
        0.429665 12%,
        0.484288 13%,
        0.538948 14.000000000000002%,
        0.59317 15%,
        0.646523 16%,
        0.698616 17%,
        0.749102 18%,
        0.797675 19%,
        0.844071 20%,
        0.888065 21%,
        0.929472 22%,
        0.968144 23%,
        1.003967 24%,
        1.036863 25%,
        1.066785 26%,
        1.093715 27%,
        1.117662 28.000000000000004%,
        1.13866 28.999999999999996%,
        1.156766 30%,
        1.172059 31%,
        1.184632 32%,
        1.194598 33%,
        1.20208 34%,
        1.207215 35%,
        1.210149 36%,
        1.211032 37%,
        1.210025 38%,
        1.207287 39%,
        1.202983 40%,
        1.197275 41%,
        1.190327 42%,
        1.182298 43%,
        1.173345 44%,
        1.16362 45%,
        1.153269 46%,
        1.142433 47%,
        1.131242 48%,
        1.119824 49%,
        1.108294 50%,
        1.096761 51%,
        1.085324 52%,
        1.074076 53%,
        1.063097 54%,
        1.05246 55.00000000000001%,
        1.04223 56.00000000000001%,
        1.032461 56.99999999999999%,
        1.023202 57.99999999999999%,
        1.01449 59%,
        1.006356 60%,
        0.998825 61%,
        0.991912 62%,
        0.985626 63%,
        0.979973 64%,
        0.974949 65%,
        0.970546 66%,
        0.966753 67%,
        0.963553 68%,
        0.960926 69%,
        0.958848 70%,
        0.957293 71%,
        0.956231 72%,
        0.955633 73%,
        0.955466 74%,
        0.955697 75%,
        0.956291 76%,
        0.957214 77%,
        0.958431 78%,
        0.959909 79%,
        0.961613 80%,
        0.963511 81%,
        0.96557 82%,
        0.96776 83%,
        0.970051 84%,
        0.972415 85%,
        0.974826 86%,
        0.97726 87%,
        0.979693 88%,
        0.982105 89%,
        0.984477 90%,
        0.986791 91%,
        0.989032 92%,
        0.991187 93%,
        0.993243 94%,
        0.995192 95%,
        0.997025 96%,
        0.998736 97%,
        1.000319 98%,
        1.001772 99%,
        1.003092 100%
      );
}

/* Animation for seek overlay fade out effect */
@keyframes fadeOut {
  0% {
    opacity: 0.7;
  }
  100% {
    opacity: 0;
  }
}

.animate-fadeOut {
  animation: fadeOut 800ms ease-out forwards;
}

/* Remove focus outlines globally */
*:focus {
  outline: none !important;
}

/* Remove focus ring specifically for video player elements */
.react-player:focus,
.react-player *:focus,
[role="slider"]:focus,
[aria-label*="video"]:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Animation for spacebar press */
.spacebar-pressed {
  transform: scale(0.95);
  transition: transform 150ms ease-in-out;
}

/* Accessibility focus styles */
*:focus-visible {
  outline: 2px solid rgba(59, 130, 246, 0.5);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25);
}