@import "tailwindcss";


@layer components {
  /* 播種データテーブルのコンテナ */
  .seeding-table-container {
    width: 100% !important;
    display: block !important;
  }

  /* 播種データテーブルのヘッダー固定 */
  .seeding-table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100% !important;
  }

  .seeding-table thead th {
    position: sticky;
    top: 0;
    z-index: 20;
    background-color: #f9fafb;
  }

  .seeding-table thead tr:nth-child(2) th {
    top: 33px;
  }
}