.rich_text_notes{padding-top:var(--theme-space-padding-mobile)}
@media(min-width:1024px){.rich_text_notes{padding-top:var(--theme-space-padding-desktop)}
}
.rich_text_notes .notes-component{display:flex;flex-direction:column;align-items:center}
.rich_text_notes .notes-component .notes-component__text .catalunya-component-margin{margin:0}
.rich_text_notes .notes-component .notes-component__text .catalunya-component-margin .rich-text-section{padding-top:0}
@media(max-width:1400px){.rich_text_notes .notes-component .notes-component__text .separator-div{height:0 !important}
}
.rich_text_notes .notes-component .notes-component__note{background-color:#ffe100;width:263px;padding:2.8rem;display:flex;gap:20px;flex-direction:column;margin-top:var(--theme-space-padding-mobile)}
.rich_text_notes .notes-component .notes-component__note .text{font-size:2.3rem;font-style:italic;line-height:2.9rem}
.rich_text_notes .notes-component .notes-component__note .subtitle{display:flex;align-items:center;gap:20px}
.rich_text_notes .notes-component .notes-component__note .subtitle img{width:50px;height:50px;object-fit:cover}
.rich_text_notes .notes-component .notes-component__note .subtitle .author{display:flex;flex-direction:column}
.rich_text_notes .notes-component .notes-component__note .subtitle .author .name{font-size:1.1rem;line-height:1}
.rich_text_notes .notes-component .notes-component__note .subtitle .author .description{color:#6b5e00;font-size:1.1rem;line-height:1}
@media(min-width:1400px){.rich_text_notes .notes-component{position:relative}
.rich_text_notes .notes-component .notes-component__text .catalunya-component-margin{margin:0}
.rich_text_notes .notes-component .notes-component__text .catalunya-component-margin .rich-text-section{padding-top:0}
.rich_text_notes .notes-component .notes-component__text .separator-div{width:340px}
.rich_text_notes .notes-component .notes-component__note{position:absolute;margin-top:0}
.rich_text_notes .notes-component.left .notes-component__text .separator-div{float:left}
.rich_text_notes .notes-component.left .notes-component__note{transform:translate(-203%,0)}
.rich_text_notes .notes-component.right .notes-component__text .separator-div{float:right}
.rich_text_notes .notes-component.right .notes-component__note{transform:translate(203%,0)}
}
@media(min-width:1700px){.rich_text_notes .notes-component .notes-component__text .separator-div{width:180px}
.rich_text_notes .notes-component.left .notes-component__note{transform:translate(-260%,0)}
.rich_text_notes .notes-component.right .notes-component__note{transform:translate(260%,0)}
}