#CarouselSlider {
    --f-carousel-slide-width: calc(100% / 1);
    --f-carousel-spacing: 0.625rem;
    --f-carousel-slide-padding: 0 1rem;

    --f-button-prev-pos: 5rem;
    --f-button-next-pos: 5rem;

    --f-button-bg: #fff;
    --f-button-color: #333;

    
    --f-button-width: 0;
    --f-button-height: 0;
    --f-button-border-radius: 50%;
    --f-button-svg-width: 21px;
    --f-button-svg-height: 21px;

    --f-button-svg-width: 27px;
    --f-button-svg-height: 27px;
    --f-button-svg-stroke-width: 1.5;
  
    --f-carousel-slide-padding: 0px; 
  
    --f-button-prev-pos: 1rem;
    --f-button-next-pos: 1rem;
  

    --f-button-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
        rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    
    --f-carousel-dots-width: 8px;
    --f-carousel-dots-height: 8px;
    --f-carousel-dot-width: 0px;
    --f-carousel-dot-height: 0px;
}

@media (min-width: 64rem) {

  /*\@md*/
    #CarouselSlider {
        --f-carousel-slide-width: calc(100% / 1);
        --f-button-width: 32px;
        --f-button-height: 32px;
    }
}

#CarouselSlider .f-carousel__dots li {
    margin: 2px;
}
#CarouselSlider .f-carousel__dots li button {
    background: rgb(6 6 6 / 46%);
}