@font-face {
    font-display: swap;
    font-family: 'Urbanist';
    font-style: normal;
    font-weight: 600;
    src: url(https://nodes.garden/assets/Urbanist-SemiBold-757c16eb2fd9dcb0a5478478833eff2710dfc5525ac9cdc465d38f47867b5c12.ttf);
}
@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  min-width: 320px;
}

@layer utilities {
  .h-banner-mobile {
    height: calc(100svh - 56px);
  }
  .h-banner-web {
    height: calc(100svh - 80px);
  }
  .shadow-all {
    box-shadow: 0 -20px 25px -5px rgba(0, 0, 0, 0.1),
    0 20px 25px -5px rgba(0, 0, 0, 0.1);
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.animate-scroll {
  animation: scroll 40s linear infinite;
  display: flex;
  width: max-content;
}

.animate-scroll:hover {
  animation-play-state: paused;
}

.partners-container {
  mask-image: linear-gradient(
    to right,
    transparent,
    black 20%,
    black 80%,
    transparent
  );
}

/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.hide-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.pagy {
  @apply flex space-x-1 font-semibold text-sm text-gray-500;
  a:not(.gap) {
    @apply block rounded-lg px-3 py-1 bg-gray-200;
    &:hover {
      @apply bg-gray-300;
    }
    &:not([href]) { /* disabled links */
      @apply text-gray-300 bg-gray-100;
    }
    &.current {
      @apply text-white bg-gray-400;
    }
  }
  label {
    @apply inline-block whitespace-nowrap bg-gray-200 rounded-lg px-3 py-0.5;
    input {
      @apply bg-gray-100 border-none rounded-md;
    }
  }
}@import 'actiontext.css';
/*


 */