.ksPictureSlider{--ks-slider-width: 100%;--ks-slider-offset: 0;position:relative;width:100%;overflow:hidden;overflow:clip;margin-block:3rem}@media (min-width: 768px){.ksPictureSlider{--ks-slider-width: 33.333%;--ks-slider-offset: 1}}.ksPictureSlider__track{display:flex;transform:translate(calc((var(--ks-slider-offset) - var(--ks-slider-index)) * var(--ks-slider-width)))}.ksPictureSlider__track--animate{transition:transform .7s ease-in-out}.ksPictureSlider__slide{flex:0 0 var(--ks-slider-width);padding-inline:0}.ksPictureSlider__image{display:block;width:100%;height:360px;-o-object-fit:cover;object-fit:cover;opacity:.5;transition:opacity .7s ease-in-out}@media (min-width: 768px){.ksPictureSlider__image{height:500px}}.ksPictureSlider__image--active{opacity:1}.ksPictureSlider__button{position:absolute;top:50%;z-index:1;display:grid;place-items:center;width:3rem;height:3rem;border-radius:9999px;transform:translateY(-50%);background-color:var(--ks-color-brand-primary);color:var(--ks-color-brand-accent);box-shadow:0 4px 12px #0a0f1840;transition:opacity .15s ease}.ksPictureSlider__button svg{width:1.5rem;height:1.5rem}.ksPictureSlider__button:hover{opacity:.85}.ksPictureSlider__button:focus-visible{outline:2px solid var(--ks-color-brand-accent);outline-offset:2px}.ksPictureSlider__button--prev{left:1rem}.ksPictureSlider__button--next{right:1rem}@media (prefers-reduced-motion: reduce){.ksPictureSlider__track--animate,.ksPictureSlider__image{transition:none}}