.lk-wedge {
    --wedge-fill: var(--color-grey-olive-100);
    --wedge-edge: var(--color-grey-olive-200);
    position: relative;
    pointer-events: none;
}

.lk-wedge--up {
    height: var(--wedge-edge-h, 6.458vw);
}

.lk-wedge--up::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--wedge-edge);
    clip-path: polygon(0 0, 100% 100%, 0 100%);
}

.lk-wedge--up::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: calc(var(--wedge-fill-h, 5vw) + 1px);
    background: var(--wedge-fill);
    clip-path: polygon(0 0, 100% 100%, 0 100%);
}

.lk-wedge--down {
    height: var(--wedge-fill-h, 5vw);
}

.lk-wedge--down::before {
    content: "";
    position: absolute;
    inset: -1px 0 0;
    background: var(--wedge-fill);
    clip-path: polygon(0 0, 100% 0, 100% 100%);
}

.lk-wedge--mirror.lk-wedge--up::before,
.lk-wedge--mirror.lk-wedge--up::after {
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
