@layer addon {
    .templateContent {
        &.themeColor1 {
            .embedCode {
                background: var(--color1);
                border-radius: var(--border-radius);
            }
        }
        &:not(.split, .columns) {
            .inner {
                align-items: center;
                text-align: center;
                .intro {
                    .title + .content {
                        margin-top: calc(var(--padding) * 2);
                    }
                    .title {
                        font-size: var(--xl-fontsize);
                        line-height: var(--xl-lineheight)
                    }
                    .content {
                        font-size: var(--s-fontsize);
                        line-height: var(--s-lineheight)
                    }
                }
            }
        }
        &.columns {
            .inner {
                border: 2px solid var(--color-dark);
                border-radius: var(--border-radius);
                padding: calc(var(--padding) * 2);
                justify-content: space-between;
                .themeColor1 & {
                    border-color: var(--color-light);
                }
            }
        }
    }
}