@keyframes generic-slider-slide{0%{left:0}to{left:calc(-1 * var(--desktop-animation-track-width))}}.generic-slider{--inner-container-width:1440px;--cards-count:4;--slider-position:1;--cards-gap:var(--sp-l);--card-width:calc(var(--inner-container-width) / var(--cards-count) - var(--cards-gap) * (var(--cards-count) - 1) / var(--cards-count));--desktop-animation-duration:1s;--desktop-animation-track-width:0}@media screen and (width<=1023px){.generic-slider{--cards-count:2;--inner-container-width:calc(100vw - var(--container-padding) * 2)}}@media screen and (width<=767px){.generic-slider{--cards-count:1}}.generic-slider__inner{margin-top:-30px;margin-bottom:-30px;padding-top:30px;padding-bottom:30px;overflow:hidden}@media screen and (width>=1024px){.generic-slider__inner>.container{max-width:unset;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;padding:0;position:relative}.generic-slider__inner>.container:active{cursor:grabbing}}.generic-slider__slides{gap:var(--cards-gap);width:fit-content;display:flex}@media screen and (width>=1024px){.generic-slider__slides{cursor:grab;-webkit-user-select:none;user-select:none;animation-direction:normal;animation-duration:var(--desktop-animation-duration);animation-name:generic-slider-slide;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused;position:absolute;top:0}.generic-slider__slides:active{cursor:grabbing}.generic-slider__slides:not(:first-child){margin-left:var(--cards-gap)}}@media screen and (width<=1023px){.generic-slider__slides{-webkit-user-select:none;user-select:none;cursor:grab;margin-left:calc((var(--card-width) + var(--cards-gap)) * (var(--slider-position) - 1) * -1);transition:margin-left .25s}.generic-slider__slides:active{cursor:grabbing}}.generic-slider__slide{width:var(--card-width);flex:none}.generic-slider__slide img{pointer-events:none}.generic-slider__progress{margin:var(--sp-l) auto 0 auto;gap:var(--sp-2xs);width:fit-content;display:flex}@media screen and (width>=1024px){.generic-slider__progress{display:none}}.generic-slider__progress>div{background-color:#dbe1e8;border-radius:2px;width:16px;height:2px;transition:width .25s,background-color .25s}.generic-slider__progress>div.active{background-color:#00a2ff;width:24px}