.decorated {
    position: relative;

    --stripVertical: url("../media/brand/colour-strip-vertical-Q3oEEc9.png");
    --stripHorizontal: url("../media/brand/colour-strip-horizontal-965voWY.png");

    &::after {
        content: ' ';
        position: absolute;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    &.top {
        &::after {
            top: 0;
            left: 0;
            right: 0;
            height: var(--decoratorHeight);

            background-image: var(--stripHorizontal);
        }
    }

    &.bottom {
        &::after {
            bottom: 0;
            left: 0;
            right: 0;
            height: var(--decoratorHeight);

            background-image: var(--stripHorizontal);
        }
    }

    &.left {
        &::after {
            left: 0;
            top: 0;
            bottom: 0;
            width: var(--decoratorHeight);

            background-image: var(--stripVertical);
        }
    }

    &.right {
        &::after {
            right: 0;
            top: 0;
            bottom: 0;
            width: var(--decoratorHeight);

            background-image: var(--stripVertical);
        }
    }
}