.statement-container { margin: 1rem 0; box-shadow: var(--edge-highlight); border-radius: var(--rounded-corner); padding: 1rem; :last-child { margin-block-end: 0; } & > :nth-child(2) { margin-block-start: 0.5rem; } li::marker { color: inherit; } a { color: inherit; } .title { color: inherit; .icon { margin-inline-end: 0.375rem; } } &.archive { background-color: var(--purple-bg); color: var(--purple-fg); .icon { -webkit-mask-image: var(--icon-archive); mask-image: var(--icon-archive); } } &.disclaimer { background-color: var(--red-bg); color: var(--red-fg); .icon { -webkit-mask-image: var(--icon-warning); mask-image: var(--icon-warning); } } &.trigger { background-color: var(--yellow-bg); color: var(--yellow-fg); .icon { -webkit-mask-image: var(--icon-warning); mask-image: var(--icon-warning); } } }