.\[--sidebar-width\:230px\] {
 --sidebar-width: 230px;
}
.\[--sidebar-width\:215px\] {
 --sidebar-width: 215px;
}
  .w-\[300px\] {
    width: 300px;
  }
td {
 padding-inline: calc(var(--spacing) * 4);
 padding-block: calc(var(--spacing) * 2);
 vertical-align: middle;
 &:has([role="checkbox"]) {
  padding-inline-end: calc(var(--spacing) * 0);
 }
}

.max-w-\[1000px\] {
 max-width: 1000px;
}
.max-w-\[1200px\] {
 max-width: 1200px;
}
.max-w-\[1400px\] {
 max-width: 1400px;
}
.max-w-\[1600px\] {
 max-width: 1600px;
}

.preview-img {
 display: none;
 max-width: 200px;
}
/* @media (max-width: 576px) { */
@media (max-width: 800px) {
    td {
        padding-inline: calc(var(--spacing) * 1);
        padding-block: calc(var(--spacing) * 1);
        vertical-align: middle;
    }
}