/* resources/css/component-note.css */
.note {
  background-color: var(--color-note-background);
  border-radius: 20px 30px 10px 15px;
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-base);
  @media (max-width: 800px) {
    margin: var(--spacing-base) calc(-1 * var(--spacing-half));
    padding: var(--spacing-base) var(--spacing-half);
  }
  @media (min-width: 800px) {
    margin: var(--spacing-base) calc(-1 * var(--spacing-base));
    padding: var(--spacing-base);
  }
}
/*# sourceMappingURL=/assets/component-note_K5O4MBQS.css.map */