@layer components {
    div.cover-outer {
        align-self: stretch;
        border-left: solid var(--size--border) var(--color--border);
        background-color: var(--color--brand--80);
    }

    div.cover {
        mask-image: var(--cover-pattern);
        mask-size: cover;
        mask-position: center center;
        background-color: var(--color--brand);
        width: 100%;
        height: 100%;
    }
}