@charset "utf-8";

.c-prod-notes { background-color: var(--surface-callout); border-radius: 0.5rem; display: grid; font-size: 0.875rem; font-weight: 700; gap: 1.25rem; line-height: 1.1; padding: 1.25rem; }

.c-prod-notes__row { align-items: center; display: flex; flex-flow: wrap; gap: 0.75rem; justify-content: flex-start; }

.c-prod-notes__row--list { gap: 1rem; }

.c-prod-notes__note { gap: 0.25rem; white-space: nowrap; }

.c-prod-notes__icons, .c-prod-notes__note { align-items: center; display: flex; flex-direction: row; justify-content: flex-start; }

.c-prod-notes__icons { gap: 0.1rem; }

.c-prod-notes__icon { height: 1.625rem; width: 1.625rem; }

@media only screen and (min-width: 48em) {
  .c-prod-notes { font-size: 1rem; }
}

@media only screen and (min-width: 80em) {
  .c-prod-notes { font-size: 1rem; }
}

@media only screen and (prefers-color-scheme: dark) {
  .c-prod-notes__icon.loaded { filter: invert(1); }
}