/*
    Prefers Reduced Motion
*/

/* Tone down the animation to avoid vestibular motion triggers
   like scaling or panning large objects.
*/

/* Chrome responds to Windows Performance setting:
   Windows 8.1:
        Open System Properties:
            This PC > Properties > Advanced System Settings

        In Performance section, click Settings button.

        [x] Animate controls and elements inside windows
            Checked: full animation
            Unchecked: indicate a preference for reduced motion.
*/

/* In Firefox about:config: Add a number preference called
   ui.prefersReducedMotion and set its value to either
   0 for full animation or
   1 to indicate a preference for reduced motion.
   Changes to this preference take effect immediately.
*/

.bv-setting.prefers-reduced-motion {
    display: none;
    width: max-content;
    margin: 0 auto;
    border-radius: 24px;
    padding: .25em 1em;
    color: var(--bv-text-color-light, hsl(240, 8%, 98%));
    background-color: var(--bv-theme-color-2-dark, hsl(240, 8%, 32%));
    text-align: center;
}

/******************************
    Media Queries
******************************/

@media (prefers-reduced-motion) {
    :root {

        /* Shared */
        --bv-font-style-focus: normal;
        --bv-duration-nav-spin-transition: 0ms;
        --bv-duration-active-text-transition: 0ms;
        --bv-duration-focus-transition: 0ms;
        --bv-duration-header-hidden-transition: 0ms;

        /* Voiceover Page */
        --bv-duration-client-transition: 0ms;
        --bv-duration-faq-transition:0ms;
        --bv-duration-active-svg-transition: 0ms;

        /* Dialect Coaching Page */
        --bv-duration-project-transition: 0ms;
    }

    .bv-setting.prefers-reduced-motion { display: block; }

    /* .bv-nav-circle :focus-visible .bv-nav-circle-label { */
    /* :root {
        --bv-font-style-focus: normal;
    } */

    /* .bv-nav-circle :hover { --bv-color: var(--bv-nav-circle-active-color); } */
    /* .bv-nav-circle:hover .bv-nav-circle-inner { transform: initial; } */
}