import { css } from '@ni/fast-element';
import { controlSlimHeight, mediumDelay } from '../../theme-provider/design-tokens';
export const styles = css `
    :host .animating {
        transition: ${mediumDelay} ease-in;
    }

    .expand-collapse-button {
        height: ${controlSlimHeight};
        align-self: center;
    }

    .expander-icon {
        transform: rotate(0deg);
    }

    :host([expanded]) .expander-icon {
        transform: rotate(90deg);
    }

    @media (prefers-reduced-motion) {
        :host .animating {
            transition-duration: 0s;
        }
    }
`;
//# sourceMappingURL=styles.js.map