@import 'variables.css';

@tailwind base;

@tailwind components;

@tailwind utilities;

@layer utilities {
  @variants responsive {
    .display-block {
      display: block;
    }
    .inline-block {
      display: inline-block;
    }
    .inline {
      display: inline;
    }
    .flex {
      display: flex;
    }
    .inline-flex {
      display: inline-flex;
    }
    .display-none {
      display: none;
    }
    .table {
      display: table;
    }
    .inline-table {
      display: inline-table;
    }
    .table-caption {
      display: table-caption;
    }
    .table-cell {
      display: table-cell;
    }
    .table-column {
      display: table-column;
    }
    .table-column-group {
      display: table-column-group;
    }
    .table-footer-group {
      display: table-footer-group;
    }
    .table-header-group {
      display: table-header-group;
    }
    .table-row-group {
      display: table-row-group;
    }
    .table-row {
      display: table-row;
    }
    .flow-root {
      display: flow-root;
    }
    .grid {
      display: grid;
    }
    .inline-grid {
      display: inline-grid;
    }
    .contents {
      display: contents;
    }
  }
}
