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

@layer base {
  [x-cloak] {display:none;}

  html, body {
    /*height: 100%;*/
    @apply text-gray-800;
  }

  main {
    height: 100%;
    a {
      @apply text-blue-800;
    }
  }

  abbr:where([title]) {
    -webkit-text-decoration: none;
    text-decoration: none;
    @apply text-red-500;
  }
}
span.loading26 {
  display: inline-block;
  width: 50px;
  height: 10px;
  background-position: 0 0, left;
  background-repeat: no-repeat, repeat-x;
  background-size: 10px 100%, 20px 100%;
  background-image:
  -webkit-gradient(linear, left top, right top, from(#999), to(#999) ),
  -webkit-gradient(linear, left top, right top, from(rgba(153,153,153,0.5)), color-stop(0.5, rgba(153,153,153,0.5)), color-stop(0.5, transparent), to(transparent) );
  background-image:
  -webkit-linear-gradient(left, #999 10px, transparent),
  -webkit-linear-gradient(left, rgba(153,153,153,0.5) 10px, transparent 10px);
  background-image:
  linear-gradient(to right, #999 10px, transparent),
  linear-gradient(to right, rgba(153,153,153,0.5) 10px, transparent 10px);
  vertical-align: middle;
  -webkit-animation: animation26 2s linear infinite;
  animation: animation26 2s linear infinite;
}

@-webkit-keyframes animation26 {
  0% {
    background-position: 0 0, left;
  }
  32% {
    background-position: 0 0, left;
  }
  33% {
    background-position: 50% 0, left;
  }
  66% {
    background-position: 50% 0, left;
  }
  67% {
    background-position: 100% 0, left;
  }
  100% {
    background-position: 100% 0, left;
  }
}
@keyframes animation26 {
  0% {
    background-position: 0 0, left;
  }
  32% {
    background-position: 0 0, left;
  }
  33% {
    background-position: 50% 0, left;
  }
  66% {
    background-position: 50% 0, left;
  }
  67% {
    background-position: 100% 0, left;
  }
  100% {
    background-position: 100% 0, left;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */