.post_slider-layout .pk-grid-container.content{
    align-items: end;
    margin-bottom: max(1.5rem, calc(2.5 * var(--su)));
}

.post_slider-layout .pk-heading{
    color: var(--bruin);
    margin-bottom: 0;
    line-height: .89;
}

.post_slider-layout .swiper-navigation {
    display: flex;
    gap: max(.5rem, calc(.5 * var(--su)));
    align-items: end;
    justify-content: end;
    place-self: end;
}

.post_slider-layout .swiper-navigation button{
    display: flex;
    justify-content: center;
    align-items: center;
    width: max(1.5rem, calc(1.875 * var(--su)));
    aspect-ratio: 1;
    color: var(--botergeel);
    background-color: var(--knalpaars);
    border-radius: 0;
    border: none;
    transition: opacity 150ms ease-in-out, scale 150ms ease-out;
    cursor: pointer;
}

.post_slider-layout .swiper-navigation button:active{
    scale: .9;
}

.post_slider-layout .swiper-navigation button.swiper-button-disabled{
    pointer-events: none;
    opacity: .6;
}

.post_slider-layout .swiper-navigation button .arrow{
    display: block;
    width: max(1rem, calc(1 * var(--su)));
    aspect-ratio: 1.32;
    background-color: currentColor;
    --mask-url: url("data:image/svg+xml,%3Csvg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1375 -5.49012e-05L16.335 6.1912L10.1375 12.3824L8.54621 10.7532L11.9707 7.3287L-3.96125e-05 7.32869L-3.94136e-05 5.05369L11.9707 5.0537L8.54621 1.62919L10.1375 -5.49012e-05Z' fill='%23FFFC9C'/%3E%3C/svg%3E%0A");
    mask: var(--mask-url) no-repeat center / contain;
    -webkit-mask: var(--mask-url) no-repeat center / contain;
}

.post_slider-layout .swiper-navigation .btn-prev .arrow{
    transform: scaleX(-1);
}

.post_slider-layout .swiper-wrapper{
    align-items: center;
}

.post_slider-layout .swiper-slide {
    height: unset;
    display: flex;
    align-items: center;
}

.post_slider-layout .swiper-slide-active .voorstelling_layout{
    aspect-ratio: 1.22;
}

.post_slider-layout .swiper-slide:not(.swiper-slide-active) .voorstelling_layout{
    height: unset;
    margin-block: auto;
}

.flex-layout.post_slider-layout .swiper-scrollbar{
    position: relative;
    width: 50%;
    left: 25%;
    margin-top: max(3.5rem, calc(3.5 * var(--su)));
    background: hsla(0, 0%, 0%, 0.3);
    height: 1px;
}

.flex-layout.post_slider-layout .swiper-scrollbar-drag{
    background: var(--zwart);
}