@layer utilities {
/* The only two !important declarations in the theme. In a utilities
   layer that is the entire contract: these must win. */
.is-hidden { display: none !important; }
.is-visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.tdn-clamp-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.tdn-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tdn-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.tdn-flow > * + * { margin-block-start: var(--flow, var(--s-4)); }
.tdn-center { display: grid; place-items: center; }
.tdn-nowrap { white-space: nowrap; }
.tdn-tabular { font-variant-numeric: tabular-nums; }
}