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

:root {
  --toastify-color-error: rgb(220 38 38);
  --toastify-toast-width: min(90%, 22.5rem);
}

* {
  @apply antialiased m-0 font-telefonica leading-[1.2] box-border;
}
html {
  @apply 2k:text-[min(1.75vh,200%)];
}
html,
body {
  @apply overflow-x-hidden [scrollbar-width:none];
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0px 62.5rem white inset;
}
@-moz-document url-prefix() {
  .mawdy-scrollbar {
    @apply [scrollbar-width:thin];
  }
}
@layer components {
  .mawdy-scrollbar::-webkit-scrollbar {
    @apply not-touch:w-1.5 not-touch:h-1.5;
  }

  .mawdy-scrollbar::-webkit-scrollbar-track {
    @apply not-touch:rounded-[0.625rem];
  }

  .mawdy-scrollbar::-webkit-scrollbar-thumb {
    @apply not-touch:bg-dark-gray/20 rounded-[0.625rem];
  }
  .mawdy-container {
    @apply mx-auto w-[min(90%,78.75rem)];
  }
  .mawdy-container-2 {
    @apply mx-auto w-[90%] big-desktop:max-w-[100rem] desktop:max-w-[70rem] md:max-w-[47.25rem];
  }
  .mawdy-link {
    @apply text-white hover:text-light-blue transition-colors duration-300;
  }
  .mawdy-link-alt {
    @apply text-light-blue hover:text-white transition-colors duration-300;
  }
  .mawdy-link-dark {
    @apply text-light-blue hover:text-dark-blue transition-colors duration-300;
  }
  .mawdy-section-title {
    @apply md:text-center text-[1.5rem] md:text-[2.5rem] leading-none;
  }
  .mawdy-box-shadow {
    @apply shadow-[0.125rem_0.125rem_0.5rem_0px_rgba(0,_0,_0,_0.10)];
  }
  .mawdy-preloader {
    @apply inline-block relative;
  }
  .mawdy-preloader div {
    @apply absolute top-[2.0833rem] w-[0.8333rem] h-[0.8333rem] rounded-full bg-current [animation-timing-function:cubic-bezier(0,_1,_1,_0)];
  }
  .mawdy-preloader div:nth-child(1) {
    @apply left-2 animate-preloader1;
  }
  .mawdy-preloader div:nth-child(2) {
    @apply left-2 animate-preloader2;
  }
  .mawdy-preloader div:nth-child(3) {
    @apply left-8 animate-preloader2;
  }
  .mawdy-preloader div:nth-child(4) {
    @apply left-14 animate-preloader3;
  }
}