@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('./fonts/inter-latin.woff2') format('woff2');
}
@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/rajdhani-400-latin.woff2') format('woff2');
}
@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/rajdhani-500-latin.woff2') format('woff2');
}
@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./fonts/rajdhani-600-latin.woff2') format('woff2');
}
@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./fonts/rajdhani-700-latin.woff2') format('woff2');
}
:root {
  --font-body: 'Inter', system-ui, sans-serif;
  --font-heading: 'Rajdhani', sans-serif;
}
[hidden] { display: none !important; }
html { scroll-behavior: smooth; scroll-padding-top: 6rem; }
body { margin: 0; }
button:not(:disabled), a { -webkit-tap-highlight-color: transparent; }
button:not(:disabled) { cursor: pointer; }
button:focus-visible, a:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid #58c6ff;
  outline-offset: 4px;
}
[data-nav][aria-current='page'], [data-nav][aria-current='page'] svg { color: #fff; }
[data-nav]:not([aria-current='page']), [data-nav]:not([aria-current='page']) svg { color: rgb(255 255 255 / 70%); }
[data-nav]:not([aria-current='page']):hover, [data-nav]:not([aria-current='page']):hover svg { color: #fff; }
[data-nav][aria-current='page']::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 2rem;
  height: 2px;
  border-radius: 999px;
  background: #fff;
  transform: translateX(-50%);
  box-shadow: 0 0 10px rgb(255 255 255 / 60%);
}
#mobile-menu [data-nav] { background: transparent; }
#mobile-menu [data-nav][aria-current='page'] { background: rgb(255 255 255 / 10%); }
#mobile-menu [data-nav][aria-current='page']::after { display: none; }
#mobile-menu {
  transition: max-height .3s ease-in-out, opacity .3s ease-in-out, visibility 0s linear .3s;
}
#mobile-menu[data-menu-open='false'] {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
#mobile-menu[data-menu-open='true'] {
  max-height: 32rem;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}
.action-notice {
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  z-index: 100;
  max-width: min(26rem, calc(100vw - 2rem));
  padding: 1rem 1.25rem;
  color: #fff;
  background: rgb(5 12 20 / 95%);
  border: 1px solid rgb(88 198 255 / 40%);
  border-radius: .75rem;
  box-shadow: 0 8px 32px rgb(0 0 0 / 30%);
  backdrop-filter: blur(16px);
}
.noscript-nav {
  position: fixed;
  top: 5rem;
  right: 1rem;
  z-index: 60;
  display: flex;
  gap: 1rem;
  padding: .75rem;
  border-radius: .75rem;
  background: #07141f;
}
[data-studio-grid][data-view='editor'], [data-studio-grid][data-view='preview'] { grid-template-columns: minmax(0, 1fr); }
[data-studio-tab][aria-selected='true'] { color: #cffafe; background: rgb(6 182 212 / 15%); border-color: rgb(34 211 238 / 30%); }
[data-studio-tab][aria-selected='false'] { color: rgb(255 255 255 / 70%); background: rgb(255 255 255 / 5%); border-color: rgb(255 255 255 / 10%); }
[data-studio-view][aria-pressed='true'] { color: #fff; background: rgb(34 211 238 / 20%); border-color: rgb(34 211 238 / 60%); }
[data-studio-view][aria-pressed='false'] { color: rgb(255 255 255 / 75%); background: rgb(255 255 255 / 5%); border-color: rgb(255 255 255 / 10%); }
[data-studio-grid] > * { min-width: 0; }
body[data-page^='../news/'] a.flex-1 { min-width: 0; }
[data-item-tooltip] { display: none; }
[data-item-trigger]:is(:hover, :focus-within, [data-tooltip-open]) > [data-item-tooltip] {
  display: block;
  visibility: visible;
  opacity: 1;
  scale: 1;
}
@media (max-width: 639px) {
  .news-list a > div.relative.flex { flex-direction: column; }
  .news-list a > div.relative.flex > div:first-child { width: 100%; height: 10rem; }
  .news-list a > div.relative.flex > div:last-child { padding: 1.5rem; }
  .news-search input { min-width: 0; }
  .news-search { gap: .5rem; }
  .news-search button { padding-inline: 1rem; }
  [data-studio-grid] input, [data-studio-grid] textarea, [data-studio-grid] select { min-width: 0; }
  [data-studio-grid] .flex.gap-3 input { width: 0; flex: 1; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  /* Stops the animated background, the home entrance/float/bounce effects and hover motion.
     Without the animation, entrance elements simply render in their final, visible state. */
  *, ::before, ::after {
    animation: none !important;
    transition-duration: .01ms !important;
    transition-delay: 0s !important;
  }
}
