.base-carousel__container{--items-number:var(--item-number-xxs,1.1);--frame:max(calc(1 - var(--is-carousel)),var(--is-carousel) * 4);--is-carousel:1;--frames:2;--delay:calc(-1s*((var(--frame) - 1)/var(--frames)));animation:states 1s var(--delay) paused;--gap:16px;--tile-width:calc(100%/var(--items-number) - var(--gap) + var(--gap)/var(--items-number))}@keyframes states{0%{--tile-width:calc(100%/var(--items-number) - var(--gap) + var(--gap)/var(--items-number));flex-wrap:wrap}to{--tile-width:calc(100%/var(--items-number) - var(--gap) + var(--gap)/var(--items-number))}}@media(min-width:480px){.base-carousel__container{--items-number:var(--item-number-xs,2)}}@media(min-width:640px){.base-carousel__container{--items-number:var(--item-number-sm,2)}}@media(min-width:768px){.base-carousel__container{--items-number:var(--item-number-md,3)}}@media(min-width:1024px){.base-carousel__container{--items-number:var(--item-number-lg,4)}}@media(min-width:1200px){.base-carousel__container{--items-number:var(--item-number-xl,4)}}.base-carousel__carousel>*{min-width:var(--tile-width);scroll-snap-align:start;width:var(--tile-width)}@media(min-width:1024px){.base-carousel__carousel>*{scroll-snap-align:none}}