.file-group__file {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--spacing-sm);
  margin-block-end: var(--spacing-sm);
  text-decoration: none;
  padding: var(--spacing-sm);
  transition: background 0.2s linear;
  font-size: 1rem;
}
[data-color-theme=primary] .file-group__file, .file-group__file[data-color-theme=primary] {
  background: color-mix(in srgb, var(--color-primary) 10%, white);
}
[data-color-theme=primary] .file-group__file:hover, [data-color-theme=primary] .file-group__file:focus, [data-color-theme=primary] .file-group__file:active, .file-group__file[data-color-theme=primary]:hover, .file-group__file[data-color-theme=primary]:focus, .file-group__file[data-color-theme=primary]:active {
  background: color-mix(in srgb, var(--color-primary) 20%, white);
  color: var(--color-primary);
}
[data-color-theme=secondary] .file-group__file, .file-group__file[data-color-theme=secondary] {
  background: color-mix(in srgb, var(--color-secondary) 10%, white);
}
[data-color-theme=secondary] .file-group__file:hover, [data-color-theme=secondary] .file-group__file:focus, [data-color-theme=secondary] .file-group__file:active, .file-group__file[data-color-theme=secondary]:hover, .file-group__file[data-color-theme=secondary]:focus, .file-group__file[data-color-theme=secondary]:active {
  background: color-mix(in srgb, var(--color-secondary) 20%, white);
  color: var(--color-secondary);
}
[data-color-theme=accent] .file-group__file, .file-group__file[data-color-theme=accent] {
  background: color-mix(in srgb, var(--color-accent) 10%, white);
}
[data-color-theme=accent] .file-group__file:hover, [data-color-theme=accent] .file-group__file:focus, [data-color-theme=accent] .file-group__file:active, .file-group__file[data-color-theme=accent]:hover, .file-group__file[data-color-theme=accent]:focus, .file-group__file[data-color-theme=accent]:active {
  background: color-mix(in srgb, var(--color-accent) 20%, white);
  color: var(--color-accent);
}
[data-color-theme=info] .file-group__file, .file-group__file[data-color-theme=info] {
  background: color-mix(in srgb, var(--color-info) 10%, white);
}
[data-color-theme=info] .file-group__file:hover, [data-color-theme=info] .file-group__file:focus, [data-color-theme=info] .file-group__file:active, .file-group__file[data-color-theme=info]:hover, .file-group__file[data-color-theme=info]:focus, .file-group__file[data-color-theme=info]:active {
  background: color-mix(in srgb, var(--color-info) 20%, white);
  color: var(--color-info);
}
[data-color-theme=warning] .file-group__file, .file-group__file[data-color-theme=warning] {
  background: color-mix(in srgb, var(--color-warning) 10%, white);
}
[data-color-theme=warning] .file-group__file:hover, [data-color-theme=warning] .file-group__file:focus, [data-color-theme=warning] .file-group__file:active, .file-group__file[data-color-theme=warning]:hover, .file-group__file[data-color-theme=warning]:focus, .file-group__file[data-color-theme=warning]:active {
  background: color-mix(in srgb, var(--color-warning) 20%, white);
  color: var(--color-warning);
}
[data-color-theme=success] .file-group__file, .file-group__file[data-color-theme=success] {
  background: color-mix(in srgb, var(--color-success) 10%, white);
}
[data-color-theme=success] .file-group__file:hover, [data-color-theme=success] .file-group__file:focus, [data-color-theme=success] .file-group__file:active, .file-group__file[data-color-theme=success]:hover, .file-group__file[data-color-theme=success]:focus, .file-group__file[data-color-theme=success]:active {
  background: color-mix(in srgb, var(--color-success) 20%, white);
  color: var(--color-success);
}
[data-color-theme=error] .file-group__file, .file-group__file[data-color-theme=error] {
  background: color-mix(in srgb, var(--color-error) 10%, white);
}
[data-color-theme=error] .file-group__file:hover, [data-color-theme=error] .file-group__file:focus, [data-color-theme=error] .file-group__file:active, .file-group__file[data-color-theme=error]:hover, .file-group__file[data-color-theme=error]:focus, .file-group__file[data-color-theme=error]:active {
  background: color-mix(in srgb, var(--color-error) 20%, white);
  color: var(--color-error);
}
[data-color-theme=light] .file-group__file, .file-group__file[data-color-theme=light] {
  background: color-mix(in srgb, var(--color-light) 10%, white);
}
[data-color-theme=light] .file-group__file:hover, [data-color-theme=light] .file-group__file:focus, [data-color-theme=light] .file-group__file:active, .file-group__file[data-color-theme=light]:hover, .file-group__file[data-color-theme=light]:focus, .file-group__file[data-color-theme=light]:active {
  background: color-mix(in srgb, var(--color-light) 20%, white);
  color: var(--color-light);
}
[data-color-theme=dark] .file-group__file, .file-group__file[data-color-theme=dark] {
  background: color-mix(in srgb, var(--color-dark) 10%, white);
}
[data-color-theme=dark] .file-group__file:hover, [data-color-theme=dark] .file-group__file:focus, [data-color-theme=dark] .file-group__file:active, .file-group__file[data-color-theme=dark]:hover, .file-group__file[data-color-theme=dark]:focus, .file-group__file[data-color-theme=dark]:active {
  background: color-mix(in srgb, var(--color-dark) 20%, white);
  color: var(--color-dark);
}
[data-color-theme=white] .file-group__file, .file-group__file[data-color-theme=white] {
  background: color-mix(in srgb, var(--color-white) 10%, white);
}
[data-color-theme=white] .file-group__file:hover, [data-color-theme=white] .file-group__file:focus, [data-color-theme=white] .file-group__file:active, .file-group__file[data-color-theme=white]:hover, .file-group__file[data-color-theme=white]:focus, .file-group__file[data-color-theme=white]:active {
  background: color-mix(in srgb, var(--color-white) 20%, white);
  color: var(--color-white);
}
.file-group__file__icon {
  font-size: 2rem;
}
[data-color-theme=primary] .file-group__file__icon {
  color: var(--color-primary);
}
[data-color-theme=secondary] .file-group__file__icon {
  color: var(--color-secondary);
}
[data-color-theme=accent] .file-group__file__icon {
  color: var(--color-accent);
}
[data-color-theme=info] .file-group__file__icon {
  color: var(--color-info);
}
[data-color-theme=warning] .file-group__file__icon {
  color: var(--color-warning);
}
[data-color-theme=success] .file-group__file__icon {
  color: var(--color-success);
}
[data-color-theme=error] .file-group__file__icon {
  color: var(--color-error);
}
[data-color-theme=light] .file-group__file__icon {
  color: var(--color-light);
}
[data-color-theme=dark] .file-group__file__icon {
  color: var(--color-dark);
}
[data-color-theme=white] .file-group__file__icon {
  color: var(--color-white);
}
.file-group__file__content__title {
  font-weight: var(--font-weight-semibold);
  display: block;
}
[data-color-theme=primary] .file-group__file__content__title {
  color: var(--color-primary);
}
[data-color-theme=secondary] .file-group__file__content__title {
  color: var(--color-secondary);
}
[data-color-theme=accent] .file-group__file__content__title {
  color: var(--color-accent);
}
[data-color-theme=info] .file-group__file__content__title {
  color: var(--color-info);
}
[data-color-theme=warning] .file-group__file__content__title {
  color: var(--color-warning);
}
[data-color-theme=success] .file-group__file__content__title {
  color: var(--color-success);
}
[data-color-theme=error] .file-group__file__content__title {
  color: var(--color-error);
}
[data-color-theme=light] .file-group__file__content__title {
  color: var(--color-light);
}
[data-color-theme=dark] .file-group__file__content__title {
  color: var(--color-dark);
}
[data-color-theme=white] .file-group__file__content__title {
  color: var(--color-white);
}
.file-group__file__content__description {
  display: block;
  font-size: var(--font-size-sm);
  line-height: 1.3;
  font-weight: var(--font-weight-light);
}
.file-group__file__content__meta {
  margin-block-start: var(--spacing-xxs);
  display: flex;
  gap: var(--spacing-sm);
  justify-content: flex-end;
}
.file-group__file__content__meta__size, .file-group__file__content__meta__date {
  font-size: var(--font-size-sm);
}

/*# sourceMappingURL=file-group.css.map */