/*

Implement Tailwind CSS*/

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

[x-cloak] {
    display: none;
}




/*
This rule targets the td and th elements within the table with the id setlist ": <table id='setlist'>
which matches the id of your table. Therefore, the CSS rule will
apply to the td and th elements within your table
*/
#setlist td, #setlist th {
    border: none;  
    padding: 0px;
  }


/*
setlist sidebar styling
*/
  #sidebar {
    width: 150x; /* Adjust this value as needed */
  }
  
  @media (min-width: 992px) { /* Adjust breakpoint as needed */
    #sidebar {
      width: 150px; /* Larger screen size */
    }
  }