@layer foundation, layout, components, pages;
@import url('./foundation/tokens.css') layer(foundation);
@import url('./foundation/base.css') layer(foundation);
@import url('./layouts/shell.css') layer(layout);
@import url('./components/shared.css') layer(components);
@import url('./pages/workspace.css') layer(pages);

.checkbox-field {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
}
.checkbox-field input[type='checkbox'] {
  width: auto;
  flex: 0 0 auto;
  margin-top: 0.25rem;
}