/*! Notes...

    Author: Jay George
    Author URI: https://jaygeorge.co.uk

    ABOUT THIS CSS
    ===================================================
    - Class name prefixes are influenced by Namespaces article - http://csswizardry.com/2015/03/more-transparent-ui-code-with-namespaces/
    - Class relationships are based on BEM structure
    - For more information open readme.css at https://raw.githubusercontent.com/JayGeorge/framework_css/main/css-framework/css/readme.css

*/@layer base,elements,objects,components,modifiers,vendors,ui,utilities,scope;@layer ui{.f-carousel{--f-carousel-theme-color: var(--color-red-legacy);--f-carousel-dot-color: var(--color-red-legacy);--f-button-bg: var(--color-pink-legacy);--f-button-border-radius: 50px;--f-button-width: 65px;--f-button-height: calc(var(--f-button-width) * 1.75);--f-button-svg-stroke-width: 3;--f-carousel-dots-width: min(9vw, 40px);--f-carousel-dots-height: 60px;--f-carousel-dot-width: 15px;--f-carousel-dot-height: var(--f-carousel-dot-width);--f-carousel-dot-opacity: .3;--f-progress-color: var(--color-blue);margin-block-end:0}@supports (background: oklch(0% 0 0)){.f-carousel{--f-carousel-dot-color: white}}.f-carousel__dots{bottom:0}}