.absolute {
        position: absolute;
        }
    
      .fixed {
        position:fixed
        }
        
      .justify-center {
        justify-content: center;
        }
        
      .items-center {
        align-items: center;
        }
        
      .flex {
        display:flex;
        }
        
      .inset-0 {
        inset: 0px;
        }
        
      .bg-opacity-75 {
        --tw-bg-opacity: 0.75;
        }
    
      .p-4 {
        padding: 1rem;
        }
        
      .bg-gray-900 {
        background-color: rgb(17 24 39 / var(--tw-bg-opacity));
        }
        
      .ease-out {
        transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        }
        
      .duration-300 {
        transition-duration: 300ms;
        }
        
      .transition-transform {
        transition-property: transform;
        }
        
      .shadow-2x1 {
        --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
        --tw-shadow-colored: 0 25px 50px 12px;
        --tw-ring-shadow: 0, 0, #0000;
        --tw-ring-offset-shadow: 0, 0, #0000;
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
        
      .p-8 {
        padding: 2rem;
        }
        
      .bg-slate-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(241 245 249 / var(--tw-bg-opacity));
        }
        
      .border-2 {
        border-width: 2px;
        }
        
      .rounded-2x1 {
        border-radius: 1rem;
        }
        
      .scale-95 {
        --tw-scale-x: .95;
        --tw-scale-y: .95;
        }
        
      .max-w-2x1 {
        max-width: 42rem;
        }
        
      .w-full {
        width:100%;
        }

      .h-6 {
        height: 1.5rem;
        }  
        
      .w-6 {
        width: 1.5rem;
        }  
        
      .h-10 {
        height: 2.5rem;
        }  
        
      .w-10 {
        width: 2.5rem;
        }  
        
      .top-4 {
        top: 1rem;
        }  
        
      .right-4 {
        right: 1rem;
        }  
        
      .relative {
        position: relative;
        }
 
      .text-gray-500 {
        --tw-text-opacity: 1;
        color: rgb(107 114 128 / var(--tw-text-opacity));
         }
         
       .transform {
         box-sizing:border-box;
         
         --tw-rotate: 0;
         --tw-translate-x: 0;
         --tw-translate-y: 0;
         --tw-skew-x: 0;
         --tw-skew-y: 0;
         --tw-scale-x: 1;
         --tw-scale-y: 1;
         transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }