.rtds-note {
    padding: var(--spacing-4);
        color: var(--color-content-01);
    border-radius: 0.5rem;
}
@media (min-width: 768px) {
    .rtds-note {
        padding: var(--spacing-6);
    }
}
.rtds-note__header {
    align-items: baseline;
    border-bottom-width: 1px;
    padding-bottom: var(--spacing-3);
        border-color: var(--color-border-gray-01);
    display: flex;
}
.rtds-note__content {
    padding-top: var(--spacing-3);
    padding-bottom: var(--spacing-3);
}
.rtds-note__content-item {
    gap: var(--spacing-2-5);
    display: grid;
    padding-top: var(--spacing-3);
    padding-bottom: var(--spacing-3);
}
.rtds-note__content-item:first-child {
    padding-top: var(--spacing-0);
}
.rtds-note__content-item:last-child {
    padding-bottom: var(--spacing-0);
}
.rtds-note__content-item-title {
    font-size: var(--fontsize-text-sm);
    font-weight: 700;
}
.rtds-note__content-item-description {
    font-size: var(--fontsize-text-sm);
}
.rtds-note__content-item-description a {
    text-decoration-line: underline;
        color: var(--color-content-02);
}
/* Callout */
.rtds-note__icon {
        flex-shrink: 0;
        width: var(--spacing-5, 1.25rem);
        height: var(--spacing-5, 1.25rem);
        color: currentColor;
    }
.rtds-note--callout {
        background-color: var(--note-callout-bg, var(--color-neutral-100));
        border-left: 4px solid var(--note-callout-border-color, var(--color-neutral-400));
        border-radius: 0 var(--border-radius-lg, 0.5rem) var(--border-radius-lg, 0.5rem) 0;
    }
.rtds-note--callout-info {
        --note-callout-border-color: var(--color-info);
        --note-callout-icon-color: var(--color-content-info);
    }
.rtds-note--callout-avviso {
        --note-callout-border-color: var(--color-warn);
        --note-callout-icon-color: var(--color-content-warn);
    }
.rtds-note--callout-pericolo {
        --note-callout-border-color: var(--color-error);
        --note-callout-icon-color: var(--color-content-error);
    }
.rtds-note--callout .rtds-note__icon {
        color: var(--note-callout-icon-color, var(--color-neutral-700));
    }
.rtds-note--callout .rtds-note__header {
    flex-direction: row;
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
}