<!--#region visual states -->
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="vsgResponsiveUI">
                <VisualState x:Name="vsTall">
                    <VisualState.StateTriggers>
                        <AdaptiveTrigger MinWindowHeight="540"/>
                    </VisualState.StateTriggers>
                    <VisualState.Setters>
                        <Setter Target="rdSpan.Height" Value="50"/>
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
            <VisualStateGroup x:Name="vsgHistory">
                <VisualStateGroup.Transitions>
                    <VisualTransition To="vsHistoryVisible"/>
                    <VisualTransition To="vsHistoryHidden"/>
                </VisualStateGroup.Transitions>
                <VisualState x:Name="vsHistoryVisible">
                    <Storyboard>
                        <DoubleAnimation Storyboard.TargetProperty="(UIElement.RenderTransform).(RotateTransform.Angle)" Storyboard.TargetName="gHistoryButton" From="0" To="180" Duration="0:0:0.1"/>
                        <DoubleAnimation Storyboard.TargetProperty="Height" Storyboard.TargetName="gAlubmArt" EnableDependentAnimation="True" From="300" To="0" Duration="0:0:0.3">
                            <DoubleAnimation.EasingFunction>
                                <PowerEase EasingMode="EaseInOut" Power="4"/>
                            </DoubleAnimation.EasingFunction>
                        </DoubleAnimation>
                        <DoubleAnimation Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="gAlubmArt" EnableDependentAnimation="True" From="1" To="0" Duration="0:0:0.1"/>
                        <DoubleAnimation Storyboard.TargetProperty="Height" Storyboard.TargetName="gHistory" EnableDependentAnimation="True" From="32" To="352" Duration="0:0:0.3">
                            <DoubleAnimation.EasingFunction>
                                <PowerEase EasingMode="EaseInOut" Power="4"/>
                            </DoubleAnimation.EasingFunction>
                        </DoubleAnimation>
                    </Storyboard>
                </VisualState>
                <VisualState x:Name="vsHistoryHidden">
                    <Storyboard>
                        <DoubleAnimation Storyboard.TargetProperty="(UIElement.RenderTransform).(RotateTransform.Angle)" Storyboard.TargetName="gHistoryButton" From="180" To="0" Duration="0:0:0.1"/>
                        <DoubleAnimation Storyboard.TargetProperty="Height" Storyboard.TargetName="gAlubmArt" EnableDependentAnimation="True" From="0" To="300" Duration="0:0:0.3">
                            <DoubleAnimation.EasingFunction>
                                <PowerEase EasingMode="EaseInOut" Power="4"/>
                            </DoubleAnimation.EasingFunction>
                        </DoubleAnimation>
                        <DoubleAnimation Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="gAlubmArt" EnableDependentAnimation="True" From="0" To="1" Duration="0:0:0.1"/>
                        <DoubleAnimation Storyboard.TargetProperty="Height" Storyboard.TargetName="gHistory" EnableDependentAnimation="True" From="352" To="32" Duration="0:0:0.3">
                            <DoubleAnimation.EasingFunction>
                                <PowerEase EasingMode="EaseInOut" Power="4"/>
                            </DoubleAnimation.EasingFunction>
                        </DoubleAnimation>
                    </Storyboard>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>