﻿:root {
    --media-corners-length: 25px;
    --media-corners-stroke: 4px;
    --media-corners-color: var(--color-lime);
    --media-corners-gap-x: 0px;
    --media-corners-gap-y: 4px;
}

.media-corners, .job .article-cta__image {
    border-color: rgb(var(--media-corners-color));
	border-style: solid;
	border-width: calc(var(--media-corners-length) + var(--media-corners-gap-y) - 1px) calc(var(--media-corners-length) + var(--media-corners-gap-x) - 1px);
	clip-path: polygon(
		calc(var(--media-corners-length) + var(--media-corners-gap-x)) calc(var(--media-corners-length) + var(--media-corners-gap-y)), var(--media-corners-length) var(--media-corners-length), 0 var(--media-corners-length), 0 calc(var(--media-corners-length) - var(--media-corners-stroke)), calc(var(--media-corners-length) - var(--media-corners-stroke)) calc(var(--media-corners-length) - var(--media-corners-stroke)), calc(var(--media-corners-length) - var(--media-corners-stroke)) 0, var(--media-corners-length) 0, var(--media-corners-length) var(--media-corners-length), calc(var(--media-corners-length) + var(--media-corners-gap-x)) calc(var(--media-corners-length) + var(--media-corners-gap-y)),
		calc(100% - var(--media-corners-length) - var(--media-corners-gap-x)) calc(var(--media-corners-length) + var(--media-corners-gap-y)), calc(100% - var(--media-corners-length)) var(--media-corners-length), 100% var(--media-corners-length), 100% calc(var(--media-corners-length) - var(--media-corners-stroke)), calc(100% - calc(var(--media-corners-length) - var(--media-corners-stroke))) calc(var(--media-corners-length) - var(--media-corners-stroke)), calc(100% - calc(var(--media-corners-length) - var(--media-corners-stroke))) 0, calc(100% - var(--media-corners-length)) 0, calc(100% - var(--media-corners-length)) var(--media-corners-length), calc(100% - var(--media-corners-length) - var(--media-corners-gap-x)) calc(var(--media-corners-length) + var(--media-corners-gap-y)),
		calc(100% - var(--media-corners-length) - var(--media-corners-gap-x)) calc(100% - var(--media-corners-length) - var(--media-corners-gap-y)), calc(100% - var(--media-corners-length)) calc(100% - var(--media-corners-length)), 100% calc(100% - var(--media-corners-length)), 100% calc(100% - calc(var(--media-corners-length) - var(--media-corners-stroke))), calc(100% - calc(var(--media-corners-length) - var(--media-corners-stroke))) calc(100% - calc(var(--media-corners-length) - var(--media-corners-stroke))), calc(100% - calc(var(--media-corners-length) - var(--media-corners-stroke))) 100%, calc(100% - var(--media-corners-length)) 100%, calc(100% - var(--media-corners-length)) calc(100% - var(--media-corners-length)), calc(100% - var(--media-corners-length)) calc(100% - var(--media-corners-length)), calc(100% - var(--media-corners-length) - var(--media-corners-gap-x)) calc(100% - var(--media-corners-length) - var(--media-corners-gap-y)),
		calc(var(--media-corners-length) + var(--media-corners-gap-x)) calc(100% - var(--media-corners-length) - var(--media-corners-gap-y)), var(--media-corners-length) calc(100% - var(--media-corners-length)), 0 calc(100% - var(--media-corners-length)), 0 calc(100% - calc(var(--media-corners-length) - var(--media-corners-stroke))), calc(var(--media-corners-length) - var(--media-corners-stroke)) calc(100% - calc(var(--media-corners-length) - var(--media-corners-stroke))), calc(var(--media-corners-length) - var(--media-corners-stroke)) 100%, var(--media-corners-length) 100%, var(--media-corners-length) calc(100% - var(--media-corners-length)), calc(var(--media-corners-length) + var(--media-corners-gap-x)) calc(100% - var(--media-corners-length) - var(--media-corners-gap-y))
	);
}
