/* [project]/src/components/ui/atoms/categories/layout.css [app-client] (css) */
.dw-toolbar {
  align-items: center;
  gap: var(--space-2);
  flex-wrap: wrap;
  display: flex;
}

.dw-toolbar[data-justify="between"] {
  justify-content: space-between;
}

.dw-toolbar[data-justify="end"] {
  justify-content: flex-end;
}

.dw-toolbar[data-gap="sm"] {
  gap: var(--space-1);
}

.dw-toolbar[data-gap="lg"] {
  gap: var(--space-3);
}

.dw-scroll-x-hidden {
  scrollbar-width: none;
  overflow-x: auto;
}

.dw-scroll-x-hidden::-webkit-scrollbar {
  display: none;
}

.dw-scroll-x-hidden[data-fade-start="true"] {
  --dw-scroll-fade-start: var(--space-10);
}

.dw-scroll-x-hidden[data-fade-end="true"] {
  --dw-scroll-fade-end: var(--space-10);
}

.dw-scroll-x-hidden:is([data-fade-start="true"], [data-fade-end="true"]) {
  mask-image: linear-gradient(to right, transparent, var(--foreground) var(--dw-scroll-fade-start, 0), var(--foreground) calc(100% - var(--dw-scroll-fade-end, 0px)), transparent);
}

.dw-hover-reveal {
  opacity: 0;
  pointer-events: none;
}

:where(.dw-worklist__row, .dw-card, .dw-list__item[data-interactive="true"], [data-reveal-host]):is(:hover, :focus-within) .dw-hover-reveal, .dw-hover-reveal:focus-visible, .dw-hover-reveal[data-pinned="true"] {
  opacity: 1;
  pointer-events: auto;
}

.dw-list {
  margin: var(--space-0);
  padding: var(--space-0);
  list-style: none;
}

.dw-list[data-divided="block"] > * + * {
  border-block-start: var(--border-width) var(--border-style-solid) var(--border);
}

.dw-list[data-divided="inline"] > * + * {
  border-inline-start: var(--border-width) var(--border-style-solid) var(--border);
}

.dw-list[data-divided] > * {
  border-radius: 0;
}

.dw-list__item {
  border-radius: var(--radius-control);
  background-color: var(--dw-list-item-hover-on, var(--dw-list-item-bg, transparent));
  box-shadow: var(--dw-list-item-ring-on, var(--dw-list-item-ring-current, none));
  display: block;
}

.dw-list__item[data-row] {
  align-items: center;
  column-gap: var(--space-3);
  padding-block: var(--space-2_5);
  padding-inline: var(--dw-list-row-inset-start, var(--space-3)) var(--space-3);
  grid-template-columns: auto minmax(0, 1fr);
  display: grid;
}

.dw-list__lead {
  color: var(--muted-foreground);
  place-items: center;
  display: grid;
}

.dw-list__text {
  gap: var(--space-0_5);
  grid-column: 2;
  min-width: 0;
  display: grid;
}

.dw-list__text:first-child {
  grid-column: 1 / 3;
}

.dw-list__title {
  color: var(--foreground);
  font: var(--text-label);
}

.dw-list__detail {
  color: var(--muted-foreground);
  font: var(--text-caption);
}

.dw-list__trail {
  align-items: center;
  gap: var(--space-2);
  grid-column: 3;
  display: flex;
}

.dw-list__item[data-interactive="true"] {
  --dw-list-item-hover: var(--row-hovered);
  --dw-list-item-ring: var(--ring-hairline);
  cursor: var(--cursor-interactive);
  transition: background-color var(--duration-base) var(--ease-standard);
}

.dw-list__item:hover {
  --dw-list-item-hover-on: var(--dw-list-item-hover);
}

.dw-list__item:where([data-interactive="true"]):hover {
  --muted-foreground: var(--row-hovered-muted);
}

.dw-list__item:has(:focus-visible) {
  --dw-list-item-ring-on: var(--dw-list-item-ring);
}

.dw-list__item:focus-visible {
  --dw-list-item-ring-on: var(--ring-focus);
  outline: var(--dw-focus-outline, none);
  outline-offset: calc(-1 * var(--border-width-2));
}

.dw-list__item[data-selected="true"] {
  --dw-list-item-bg: var(--row-selected);
}

.dw-list__item[aria-current="step"] {
  --ring-tone-color: var(--primary);
  --dw-list-item-ring-current: var(--ring-tone-inset);
}

.dw-group-divider[data-variant="horizontal"], .dw-group-divider[data-variant="responsive"] {
  border-block-start: var(--border-width) var(--border-style-solid) var(--border);
  padding-block-start: var(--space-6);
}

@media (min-width: 640px) {
  .dw-group-divider[data-variant="responsive"] {
    border-block-start: 0;
    border-inline-start: var(--border-width) var(--border-style-solid) var(--border);
    padding-block-start: var(--space-0);
    padding-inline-start: var(--space-6);
  }
}

.dw-page-shell {
  padding-block: var(--layout-content-py);
  padding-inline: var(--dw-page-shell-px-start, var(--layout-content-px)) var(--layout-content-px);
}

.dw-page-shell[data-variant="settings"] {
  max-width: var(--measure-lg);
}

.dw-resize-handle {
  touch-action: none;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dw-resize-handle[data-orientation="horizontal"] {
  block-size: var(--space-3);
  cursor: var(--cursor-resize-row);
}

.dw-resize-handle[data-orientation="vertical"] {
  inline-size: var(--space-3);
  cursor: var(--cursor-resize-col);
}

.dw-resize-handle[aria-disabled="true"] {
  cursor: var(--cursor-default);
}

.dw-resize-handle__line {
  border-radius: var(--radius-full);
  background: var(--border);
  transition: background-color var(--duration-base) var(--ease-standard);
}

.dw-resize-handle[data-orientation="horizontal"] .dw-resize-handle__line {
  inline-size: var(--space-10);
  block-size: var(--space-1);
}

.dw-resize-handle[data-orientation="vertical"] .dw-resize-handle__line {
  inline-size: var(--space-1);
  block-size: var(--space-10);
}

.dw-resize-handle:hover .dw-resize-handle__line, .dw-resize-handle:focus-visible .dw-resize-handle__line, .dw-resize-handle:active .dw-resize-handle__line {
  background: var(--muted-foreground);
}

/*# sourceMappingURL=0k0rh3xzo93zv.css.map*/