/* Position */
.static { position: static; }
.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }
.sticky { position: sticky; }

/* Top / Right / Bottom / Left */
.inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
.inset-x-0 { left: 0; right: 0; }
.inset-y-0 { top: 0; bottom: 0; }
.top-0 { top: 0; }
.right-0 { right: 0; }
.bottom-0 { bottom: 0; }
.left-0 { left: 0; }

.top-1 { top: 0.25rem; } /* 4px */
.right-1 { right: 0.25rem; }
.bottom-1 { bottom: 0.25rem; }
.left-1 { left: 0.25rem; }

.top-2 { top: 0.5rem; } /* 8px */
.right-2 { right: 0.5rem; }
.bottom-2 { bottom: 0.5rem; }
.left-2 { left: 0.5rem; }

.top-3 { top: 0.75rem; } /* 12px */
.right-3 { right: 0.75rem; }
.bottom-3 { bottom: 0.75rem; }
.left-3 { left: 0.75rem; }

.top-4 { top: 1rem; } /* 16px */
.right-4 { right: 1rem; }
.bottom-4 { bottom: 1rem; }
.left-4 { left: 1rem; }

.top-5 { top: 1.25rem; } /* 20px */
.right-5 { right: 1.25rem; }
.bottom-5 { bottom: 1.25rem; }
.left-5 { left: 1.25rem; }

.top-6 { top: 1.5rem; } /* 24px */
.right-6 { right: 1.5rem; }
.bottom-6 { bottom: 1.5rem; }
.left-6 { left: 1.5rem; }

.top-8 { top: 2rem; } /* 32px */
.right-8 { right: 2rem; }
.bottom-8 { bottom: 2rem; }
.left-8 { left: 2rem; }

.top-10 { top: 2.5rem; } /* 40px */
.right-10 { right: 2.5rem; }
.bottom-10 { bottom: 2.5rem; }
.left-10 { left: 2.5rem; }

.top-12 { top: 3rem; } /* 48px */
.right-12 { right: 3rem; }
.bottom-12 { bottom: 3rem; }
.left-12 { left: 3rem; }

.top-16 { top: 4rem; } /* 64px */
.right-16 { right: 4rem; }
.bottom-16 { bottom: 4rem; }
.left-16 { left: 4rem; }

.top-20 { top: 5rem; } /* 80px */
.right-20 { right: 5rem; }
.bottom-20 { bottom: 5rem; }
.left-20 { left: 5rem; }

.top-24 { top: 6rem; } /* 96px */
.right-24 { right: 6rem; }
.bottom-24 { bottom: 6rem; }
.left-24 { left: 6rem; }

.top-32 { top: 8rem; } /* 128px */
.right-32 { right: 8rem; }
.bottom-32 { bottom: 8rem; }
.left-32 { left: 8rem; }

.top-40 { top: 10rem; } /* 160px */
.right-40 { right: 10rem; }
.bottom-40 { bottom: 10rem; }
.left-40 { left: 10rem; }

.top-48 { top: 12rem; } /* 192px */
.right-48 { right: 12rem; }
.bottom-48 { bottom: 12rem; }
.left-48 { left: 12rem; }

.top-56 { top: 14rem; } /* 224px */
.right-56 { right: 14rem; }
.bottom-56 { bottom: 14rem; }
.left-56 { left: 14rem; }

.top-64 { top: 16rem; } /* 256px */
.right-64 { right: 16rem; }
.bottom-64 { bottom: 16rem; }
.left-64 { left: 16rem; }

/* Porcentajes */
.top-1\/2 { top: 50%; }
.right-1\/2 { right: 50%; }
.bottom-1\/2 { bottom: 50%; }
.left-1\/2 { left: 50%; }

.top-1\/3 { top: 33.333333%; }
.right-1\/3 { right: 33.333333%; }
.bottom-1\/3 { bottom: 33.333333%; }
.left-1\/3 { left: 33.333333%; }

.top-2\/3 { top: 66.666667%; }
.right-2\/3 { right: 66.666667%; }
.bottom-2\/3 { bottom: 66.666667%; }
.left-2\/3 { left: 66.666667%; }

.top-1\/4 { top: 25%; }
.right-1\/4 { right: 25%; }
.bottom-1\/4 { bottom: 25%; }
.left-1\/4 { left: 25%; }

.top-2\/4 { top: 50%; }
.right-2\/4 { right: 50%; }
.bottom-2\/4 { bottom: 50%; }
.left-2\/4 { left: 50%; }

.top-3\/4 { top: 75%; }
.right-3\/4 { right: 75%; }
.bottom-3\/4 { bottom: 75%; }
.left-3\/4 { left: 75%; }

.top-full { top: 100%; }
.right-full { right: 100%; }
.bottom-full { bottom: 100%; }
.left-full { left: 100%; }

/* Z-Index */
.z-0 { z-index: 0; }
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-30 { z-index: 30; }
.z-40 { z-index: 40; }
.z-50 { z-index: 50; }
.z-auto { z-index: auto; }

/* Breakpoints responsivos */
@media (min-width: 576px) {
  .sm\:static { position: static; }
  .sm\:fixed { position: fixed; }
  .sm\:absolute { position: absolute; }
  .sm\:relative { position: relative; }
  .sm\:sticky { position: sticky; }

  .sm\:inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
  .sm\:inset-x-0 { left: 0; right: 0; }
  .sm\:inset-y-0 { top: 0; bottom: 0; }
  .sm\:top-0 { top: 0; }
  .sm\:right-0 { right: 0; }
  .sm\:bottom-0 { bottom: 0; }
  .sm\:left-0 { left: 0; }

  .sm\:top-1 { top: 0.25rem; }
  .sm\:right-1 { right: 0.25rem; }
  .sm\:bottom-1 { bottom: 0.25rem; }
  .sm\:left-1 { left: 0.25rem; }

  .sm\:top-2 { top: 0.5rem; }
  .sm\:right-2 { right: 0.5rem; }
  .sm\:bottom-2 { bottom: 0.5rem; }
  .sm\:left-2 { left: 0.5rem; }

  .sm\:top-4 { top: 1rem; }
  .sm\:right-4 { right: 1rem; }
  .sm\:bottom-4 { bottom: 1rem; }
  .sm\:left-4 { left: 1rem; }

  .sm\:top-8 { top: 2rem; }
  .sm\:right-8 { right: 2rem; }
  .sm\:bottom-8 { bottom: 2rem; }
  .sm\:left-8 { left: 2rem; }

  .sm\:top-12 { top: 3rem; }
  .sm\:right-12 { right: 3rem; }
  .sm\:bottom-12 { bottom: 3rem; }
  .sm\:left-12 { left: 3rem; }

  .sm\:top-16 { top: 4rem; }
  .sm\:right-16 { right: 4rem; }
  .sm\:bottom-16 { bottom: 4rem; }
  .sm\:left-16 { left: 4rem; }

  .sm\:top-20 { top: 5rem; }
  .sm\:right-20 { right: 5rem; }
  .sm\:bottom-20 { bottom: 5rem; }
  .sm\:left-20 { left: 5rem; }

  .sm\:top-24 { top: 6rem; }
  .sm\:right-24 { right: 6rem; }
  .sm\:bottom-24 { bottom: 6rem; }
  .sm\:left-24 { left: 6rem; }

  .sm\:top-32 { top: 8rem; }
  .sm\:right-32 { right: 8rem; }
  .sm\:bottom-32 { bottom: 8rem; }
  .sm\:left-32 { left: 8rem; }

  .sm\:top-40 { top: 10rem; }
  .sm\:right-40 { right: 10rem; }
  .sm\:bottom-40 { bottom: 10rem; }
  .sm\:left-40 { left: 10rem; }

  .sm\:top-48 { top: 12rem; }
  .sm\:right-48 { right: 12rem; }
  .sm\:bottom-48 { bottom: 12rem; }
  .sm\:left-48 { left: 12rem; }

  .sm\:top-56 { top: 14rem; }
  .sm\:right-56 { right: 14rem; }
  .sm\:bottom-56 { bottom: 14rem; }
  .sm\:left-56 { left: 14rem; }

  .sm\:top-64 { top: 16rem; }
  .sm\:right-64 { right: 16rem; }
  .sm\:bottom-64 { bottom: 16rem; }
  .sm\:left-64 { left: 16rem; }

  .sm\:top-1\/2 { top: 50%; }
  .sm\:right-1\/2 { right: 50%; }
  .sm\:bottom-1\/2 { bottom: 50%; }
  .sm\:left-1\/2 { left: 50%; }

  .sm\:top-1\/3 { top: 33.333333%; }
  .sm\:right-1\/3 { right: 33.333333%; }
  .sm\:bottom-1\/3 { bottom: 33.333333%; }
  .sm\:left-1\/3 { left: 33.333333%; }

  .sm\:top-2\/3 { top: 66.666667%; }
  .sm\:right-2\/3 { right: 66.666667%; }
  .sm\:bottom-2\/3 { bottom: 66.666667%; }
  .sm\:left-2\/3 { left: 66.666667%; }

  .sm\:top-1\/4 { top: 25%; }
  .sm\:right-1\/4 { right: 25%; }
  .sm\:bottom-1\/4 { bottom: 25%; }
  .sm\:left-1\/4 { left: 25%; }

  .sm\:top-2\/4 { top: 50%; }
  .sm\:right-2\/4 { right: 50%; }
  .sm\:bottom-2\/4 { bottom: 50%; }
  .sm\:left-2\/4 { left: 50%; }

  .sm\:top-3\/4 { top: 75%; }
  .sm\:right-3\/4 { right: 75%; }
  .sm\:bottom-3\/4 { bottom: 75%; }
  .sm\:left-3\/4 { left: 75%; }

  .sm\:top-full { top: 100%; }
  .sm\:right-full { right: 100%; }
  .sm\:bottom-full { bottom: 100%; }
  .sm\:left-full { left: 100%; }

  .sm\:z-0 { z-index: 0; }
  .sm\:z-10 { z-index: 10; }
  .sm\:z-20 { z-index: 20; }
  .sm\:z-30 { z-index: 30; }
  .sm\:z-40 { z-index: 40; }
  .sm\:z-50 { z-index: 50; }
  .sm\:z-auto { z-index: auto; }
}


/* Breakpoints responsivos */
@media (min-width: 768px) {
    .sm\:static { position: static; }
    .sm\:fixed { position: fixed; }
    .sm\:absolute { position: absolute; }
    .sm\:relative { position: relative; }
    .sm\:sticky { position: sticky; }
  
    .sm\:inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
    .sm\:inset-x-0 { left: 0; right: 0; }
    .sm\:inset-y-0 { top: 0; bottom: 0; }
    .sm\:top-0 { top: 0; }
    .sm\:right-0 { right: 0; }
    .sm\:bottom-0 { bottom: 0; }
    .sm\:left-0 { left: 0; }
  
    .sm\:top-1 { top: 0.25rem; }
    .sm\:right-1 { right: 0.25rem; }
    .sm\:bottom-1 { bottom: 0.25rem; }
    .sm\:left-1 { left: 0.25rem; }
  
    .sm\:top-2 { top: 0.5rem; }
    .sm\:right-2 { right: 0.5rem; }
    .sm\:bottom-2 { bottom: 0.5rem; }
    .sm\:left-2 { left: 0.5rem; }
  
    .sm\:top-4 { top: 1rem; }
    .sm\:right-4 { right: 1rem; }
    .sm\:bottom-4 { bottom: 1rem; }
    .sm\:left-4 { left: 1rem; }
  
    .sm\:top-8 { top: 2rem; }
    .sm\:right-8 { right: 2rem; }
    .sm\:bottom-8 { bottom: 2rem; }
    .sm\:left-8 { left: 2rem; }
  
    .sm\:top-12 { top: 3rem; }
    .sm\:right-12 { right: 3rem; }
    .sm\:bottom-12 { bottom: 3rem; }
    .sm\:left-12 { left: 3rem; }
  
    .sm\:top-16 { top: 4rem; }
    .sm\:right-16 { right: 4rem; }
    .sm\:bottom-16 { bottom: 4rem; }
    .sm\:left-16 { left: 4rem; }
  
    .sm\:top-20 { top: 5rem; }
    .sm\:right-20 { right: 5rem; }
    .sm\:bottom-20 { bottom: 5rem; }
    .sm\:left-20 { left: 5rem; }
  
    .sm\:top-24 { top: 6rem; }
    .sm\:right-24 { right: 6rem; }
    .sm\:bottom-24 { bottom: 6rem; }
    .sm\:left-24 { left: 6rem; }
  
    .sm\:top-32 { top: 8rem; }
    .sm\:right-32 { right: 8rem; }
    .sm\:bottom-32 { bottom: 8rem; }
    .sm\:left-32 { left: 8rem; }
  
    .sm\:top-40 { top: 10rem; }
    .sm\:right-40 { right: 10rem; }
    .sm\:bottom-40 { bottom: 10rem; }
    .sm\:left-40 { left: 10rem; }
  
    .sm\:top-48 { top: 12rem; }
    .sm\:right-48 { right: 12rem; }
    .sm\:bottom-48 { bottom: 12rem; }
    .sm\:left-48 { left: 12rem; }
  
    .sm\:top-56 { top: 14rem; }
    .sm\:right-56 { right: 14rem; }
    .sm\:bottom-56 { bottom: 14rem; }
    .sm\:left-56 { left: 14rem; }
  
    .sm\:top-64 { top: 16rem; }
    .sm\:right-64 { right: 16rem; }
    .sm\:bottom-64 { bottom: 16rem; }
    .sm\:left-64 { left: 16rem; }
  
    .sm\:top-1\/2 { top: 50%; }
    .sm\:right-1\/2 { right: 50%; }
    .sm\:bottom-1\/2 { bottom: 50%; }
    .sm\:left-1\/2 { left: 50%; }
  
    .sm\:top-1\/3 { top: 33.333333%; }
    .sm\:right-1\/3 { right: 33.333333%; }
    .sm\:bottom-1\/3 { bottom: 33.333333%; }
    .sm\:left-1\/3 { left: 33.333333%; }
  
    .sm\:top-2\/3 { top: 66.666667%; }
    .sm\:right-2\/3 { right: 66.666667%; }
    .sm\:bottom-2\/3 { bottom: 66.666667%; }
    .sm\:left-2\/3 { left: 66.666667%; }
  
    .sm\:top-1\/4 { top: 25%; }
    .sm\:right-1\/4 { right: 25%; }
    .sm\:bottom-1\/4 { bottom: 25%; }
    .sm\:left-1\/4 { left: 25%; }
  
    .sm\:top-2\/4 { top: 50%; }
    .sm\:right-2\/4 { right: 50%; }
    .sm\:bottom-2\/4 { bottom: 50%; }
    .sm\:left-2\/4 { left: 50%; }
  
    .sm\:top-3\/4 { top: 75%; }
    .sm\:right-3\/4 { right: 75%; }
    .sm\:bottom-3\/4 { bottom: 75%; }
    .sm\:left-3\/4 { left: 75%; }
  
    .sm\:top-full { top: 100%; }
    .sm\:right-full { right: 100%; }
    .sm\:bottom-full { bottom: 100%; }
    .sm\:left-full { left: 100%; }
  
    .sm\:z-0 { z-index: 0; }
    .sm\:z-10 { z-index: 10; }
    .sm\:z-20 { z-index: 20; }
    .sm\:z-30 { z-index: 30; }
    .sm\:z-40 { z-index: 40; }
    .sm\:z-50 { z-index: 50; }
    .sm\:z-auto { z-index: auto; }
  }

  /* Breakpoints responsivos */
@media (min-width: 992px) {
    .sm\:static { position: static; }
    .sm\:fixed { position: fixed; }
    .sm\:absolute { position: absolute; }
    .sm\:relative { position: relative; }
    .sm\:sticky { position: sticky; }
  
    .sm\:inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
    .sm\:inset-x-0 { left: 0; right: 0; }
    .sm\:inset-y-0 { top: 0; bottom: 0; }
    .sm\:top-0 { top: 0; }
    .sm\:right-0 { right: 0; }
    .sm\:bottom-0 { bottom: 0; }
    .sm\:left-0 { left: 0; }
  
    .sm\:top-1 { top: 0.25rem; }
    .sm\:right-1 { right: 0.25rem; }
    .sm\:bottom-1 { bottom: 0.25rem; }
    .sm\:left-1 { left: 0.25rem; }
  
    .sm\:top-2 { top: 0.5rem; }
    .sm\:right-2 { right: 0.5rem; }
    .sm\:bottom-2 { bottom: 0.5rem; }
    .sm\:left-2 { left: 0.5rem; }
  
    .sm\:top-4 { top: 1rem; }
    .sm\:right-4 { right: 1rem; }
    .sm\:bottom-4 { bottom: 1rem; }
    .sm\:left-4 { left: 1rem; }
  
    .sm\:top-8 { top: 2rem; }
    .sm\:right-8 { right: 2rem; }
    .sm\:bottom-8 { bottom: 2rem; }
    .sm\:left-8 { left: 2rem; }
  
    .sm\:top-12 { top: 3rem; }
    .sm\:right-12 { right: 3rem; }
    .sm\:bottom-12 { bottom: 3rem; }
    .sm\:left-12 { left: 3rem; }
  
    .sm\:top-16 { top: 4rem; }
    .sm\:right-16 { right: 4rem; }
    .sm\:bottom-16 { bottom: 4rem; }
    .sm\:left-16 { left: 4rem; }
  
    .sm\:top-20 { top: 5rem; }
    .sm\:right-20 { right: 5rem; }
    .sm\:bottom-20 { bottom: 5rem; }
    .sm\:left-20 { left: 5rem; }
  
    .sm\:top-24 { top: 6rem; }
    .sm\:right-24 { right: 6rem; }
    .sm\:bottom-24 { bottom: 6rem; }
    .sm\:left-24 { left: 6rem; }
  
    .sm\:top-32 { top: 8rem; }
    .sm\:right-32 { right: 8rem; }
    .sm\:bottom-32 { bottom: 8rem; }
    .sm\:left-32 { left: 8rem; }
  
    .sm\:top-40 { top: 10rem; }
    .sm\:right-40 { right: 10rem; }
    .sm\:bottom-40 { bottom: 10rem; }
    .sm\:left-40 { left: 10rem; }
  
    .sm\:top-48 { top: 12rem; }
    .sm\:right-48 { right: 12rem; }
    .sm\:bottom-48 { bottom: 12rem; }
    .sm\:left-48 { left: 12rem; }
  
    .sm\:top-56 { top: 14rem; }
    .sm\:right-56 { right: 14rem; }
    .sm\:bottom-56 { bottom: 14rem; }
    .sm\:left-56 { left: 14rem; }
  
    .sm\:top-64 { top: 16rem; }
    .sm\:right-64 { right: 16rem; }
    .sm\:bottom-64 { bottom: 16rem; }
    .sm\:left-64 { left: 16rem; }
  
    .sm\:top-1\/2 { top: 50%; }
    .sm\:right-1\/2 { right: 50%; }
    .sm\:bottom-1\/2 { bottom: 50%; }
    .sm\:left-1\/2 { left: 50%; }
  
    .sm\:top-1\/3 { top: 33.333333%; }
    .sm\:right-1\/3 { right: 33.333333%; }
    .sm\:bottom-1\/3 { bottom: 33.333333%; }
    .sm\:left-1\/3 { left: 33.333333%; }
  
    .sm\:top-2\/3 { top: 66.666667%; }
    .sm\:right-2\/3 { right: 66.666667%; }
    .sm\:bottom-2\/3 { bottom: 66.666667%; }
    .sm\:left-2\/3 { left: 66.666667%; }
  
    .sm\:top-1\/4 { top: 25%; }
    .sm\:right-1\/4 { right: 25%; }
    .sm\:bottom-1\/4 { bottom: 25%; }
    .sm\:left-1\/4 { left: 25%; }
  
    .sm\:top-2\/4 { top: 50%; }
    .sm\:right-2\/4 { right: 50%; }
    .sm\:bottom-2\/4 { bottom: 50%; }
    .sm\:left-2\/4 { left: 50%; }
  
    .sm\:top-3\/4 { top: 75%; }
    .sm\:right-3\/4 { right: 75%; }
    .sm\:bottom-3\/4 { bottom: 75%; }
    .sm\:left-3\/4 { left: 75%; }
  
    .sm\:top-full { top: 100%; }
    .sm\:right-full { right: 100%; }
    .sm\:bottom-full { bottom: 100%; }
    .sm\:left-full { left: 100%; }
  
    .sm\:z-0 { z-index: 0; }
    .sm\:z-10 { z-index: 10; }
    .sm\:z-20 { z-index: 20; }
    .sm\:z-30 { z-index: 30; }
    .sm\:z-40 { z-index: 40; }
    .sm\:z-50 { z-index: 50; }
    .sm\:z-auto { z-index: auto; }
  }
  

  

    /* Breakpoints responsivos */
@media (min-width: 1200px) {
    .sm\:static { position: static; }
    .sm\:fixed { position: fixed; }
    .sm\:absolute { position: absolute; }
    .sm\:relative { position: relative; }
    .sm\:sticky { position: sticky; }

    .sm\:inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
    .sm\:inset-x-0 { left: 0; right: 0; }
    .sm\:inset-y-0 { top: 0; bottom: 0; }
    .sm\:top-0 { top: 0; }
    .sm\:right-0 { right: 0; }
    .sm\:bottom-0 { bottom: 0; }
    .sm\:left-0 { left: 0; }

    .sm\:top-1 { top: 0.25rem; }
    .sm\:right-1 { right: 0.25rem; }
    .sm\:bottom-1 { bottom: 0.25rem; }
    .sm\:left-1 { left: 0.25rem; }

    .sm\:top-2 { top: 0.5rem; }
    .sm\:right-2 { right: 0.5rem; }
    .sm\:bottom-2 { bottom: 0.5rem; }
    .sm\:left-2 { left: 0.5rem; }

    .sm\:top-4 { top: 1rem; }
    .sm\:right-4 { right: 1rem; }
    .sm\:bottom-4 { bottom: 1rem; }
    .sm\:left-4 { left: 1rem; }

    .sm\:top-8 { top: 2rem; }
    .sm\:right-8 { right: 2rem; }
    .sm\:bottom-8 { bottom: 2rem; }
    .sm\:left-8 { left: 2rem; }

    .sm\:top-12 { top: 3rem; }
    .sm\:right-12 { right: 3rem; }
    .sm\:bottom-12 { bottom: 3rem; }
    .sm\:left-12 { left: 3rem; }

    .sm\:top-16 { top: 4rem; }
    .sm\:right-16 { right: 4rem; }
    .sm\:bottom-16 { bottom: 4rem; }
    .sm\:left-16 { left: 4rem; }

    .sm\:top-20 { top: 5rem; }
    .sm\:right-20 { right: 5rem; }
    .sm\:bottom-20 { bottom: 5rem; }
    .sm\:left-20 { left: 5rem; }

    .sm\:top-24 { top: 6rem; }
    .sm\:right-24 { right: 6rem; }
    .sm\:bottom-24 { bottom: 6rem; }
    .sm\:left-24 { left: 6rem; }

    .sm\:top-32 { top: 8rem; }
    .sm\:right-32 { right: 8rem; }
    .sm\:bottom-32 { bottom: 8rem; }
    .sm\:left-32 { left: 8rem; }

    .sm\:top-40 { top: 10rem; }
    .sm\:right-40 { right: 10rem; }
    .sm\:bottom-40 { bottom: 10rem; }
    .sm\:left-40 { left: 10rem; }

    .sm\:top-48 { top: 12rem; }
    .sm\:right-48 { right: 12rem; }
    .sm\:bottom-48 { bottom: 12rem; }
    .sm\:left-48 { left: 12rem; }

    .sm\:top-56 { top: 14rem; }
    .sm\:right-56 { right: 14rem; }
    .sm\:bottom-56 { bottom: 14rem; }
    .sm\:left-56 { left: 14rem; }

    .sm\:top-64 { top: 16rem; }
    .sm\:right-64 { right: 16rem; }
    .sm\:bottom-64 { bottom: 16rem; }
    .sm\:left-64 { left: 16rem; }

    .sm\:top-1\/2 { top: 50%; }
    .sm\:right-1\/2 { right: 50%; }
    .sm\:bottom-1\/2 { bottom: 50%; }
    .sm\:left-1\/2 { left: 50%; }

    .sm\:top-1\/3 { top: 33.333333%; }
    .sm\:right-1\/3 { right: 33.333333%; }
    .sm\:bottom-1\/3 { bottom: 33.333333%; }
    .sm\:left-1\/3 { left: 33.333333%; }

    .sm\:top-2\/3 { top: 66.666667%; }
    .sm\:right-2\/3 { right: 66.666667%; }
    .sm\:bottom-2\/3 { bottom: 66.666667%; }
    .sm\:left-2\/3 { left: 66.666667%; }

    .sm\:top-1\/4 { top: 25%; }
    .sm\:right-1\/4 { right: 25%; }
    .sm\:bottom-1\/4 { bottom: 25%; }
    .sm\:left-1\/4 { left: 25%; }

    .sm\:top-2\/4 { top: 50%; }
    .sm\:right-2\/4 { right: 50%; }
    .sm\:bottom-2\/4 { bottom: 50%; }
    .sm\:left-2\/4 { left: 50%; }

    .sm\:top-3\/4 { top: 75%; }
    .sm\:right-3\/4 { right: 75%; }
    .sm\:bottom-3\/4 { bottom: 75%; }
    .sm\:left-3\/4 { left: 75%; }

    .sm\:top-full { top: 100%; }
    .sm\:right-full { right: 100%; }
    .sm\:bottom-full { bottom: 100%; }
    .sm\:left-full { left: 100%; }

    .sm\:z-0 { z-index: 0; }
    .sm\:z-10 { z-index: 10; }
    .sm\:z-20 { z-index: 20; }
    .sm\:z-30 { z-index: 30; }
    .sm\:z-40 { z-index: 40; }
    .sm\:z-50 { z-index: 50; }
    .sm\:z-auto { z-index: auto; }
}