<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:local="clr-namespace:ForzaUI"
                    xmlns:System="clr-namespace:System;assembly=mscorlib">

    <!-- Misc -->
    <System:Double x:Key="A_Double_Size_Tile_Padded">254</System:Double>
    <System:Double x:Key="A_Double_Infographic_EpsilonValue">0.002</System:Double>
    <local:LinearTransformConverter x:Key="A_LinearTransformConverter_AddInfographicEpsilonValue"
                                    Add="0.002" />
    <KeyTime x:Key="A_Keytime_InfographicAnimation_StartTime">0:0:0.2</KeyTime>
    <KeyTime x:Key="A_Keytime_InfographicAnimation_EndTime">0:0:1.7</KeyTime>
    <QuarticEase x:Key="A_EasingFunction_InfographicAnimation"
                 EasingMode="EaseInOut" />

    <System:Double x:Key="A_Double_InfographicRivalsTitleLineAdjust">-0.6</System:Double>
    <System:Double x:Key="A_Double_InfographicRivalsTitleLineAdjust_CHS">-0.4</System:Double>
    <System:Double x:Key="A_Double_InfographicRivalsTitleLineAdjust_CHT">-0.4</System:Double>
    <System:Double x:Key="A_Double_InfographicRivalsTitleLineAdjust_JP">-0.4</System:Double>
    <System:Double x:Key="A_Double_InfographicRivalsTitleLineAdjust_KO">-0.4</System:Double>

    <System:Double x:Key="A_Double_InfographicTextSpacer">0</System:Double>
    <System:Double x:Key="A_Double_InfographicTextSpacer_CHS">4</System:Double>
    <System:Double x:Key="A_Double_InfographicTextSpacer_CHT">4</System:Double>
    <System:Double x:Key="A_Double_InfographicTextSpacer_JP">4</System:Double>

    <!-- Colors -->
    <Color x:Key="A_Color_Infographics_Title">#FF061B29</Color>
    <Color x:Key="A_Color_Infographics_TextContent">#FF061B29</Color>
    <Color x:Key="A_Color_Infographics_RivalContent">#FFFFFFFF</Color>
    <Color x:Key="A_Color_Infographics_PlayerGamerTagText">#FF00E2FF</Color>
    <Color x:Key="A_Color_Infographics_ImageBackground">#4CA65E01</Color>

    <!-- Grid Styles -->
    <Style x:Key="A_Style_Grid_Infographics_MainContent"
           BasedOn="{StaticResource A_Style_Grid_MotionBlur}"
           TargetType="Grid">
        <Setter Property="HorizontalAlignment"
                Value="Center" />
        <Setter Property="VerticalAlignment"
                Value="Center" />
        <Setter Property="Height"
                Value="282" />
        <Setter Property="Width"
                Value="210" />
    </Style>

    <!-- Material Styles -->
    <Style x:Key="A_Style_FZMaterial_Infographics_FillIcon"
           TargetType="local:FZMaterial">
        <Setter Property="Color"
                Value="{StaticResource A_Color_Infographics_ImageBackground}" />
    </Style>

    <Style x:Key="A_Style_FZMaterial_StatIcon_Rivals"
           TargetType="local:FZMaterial">
        <Setter Property="Width"
                Value="244" />
        <Setter Property="Height"
                Value="244" />
        <Setter Property="Margin"
                Value="0,-35,0,0" />
    </Style>

    <Style x:Key="A_Style_FZMaterial_InfographicRadialBar"
           BasedOn="{StaticResource A_Style_FZMaterial_StatIcon_Rivals}"
           TargetType="local:FZMaterial">
        <Setter Property="Color"
                Value="{Binding Color}" />
        <Setter Property="Margin"
                Value="0,20,0,0" />
    </Style>

    <Style x:Key="A_Style_FZTextBlock_Infographics_Title_Base"
           TargetType="local:FZTextBlock">
        <Setter Property="HorizontalAlignment"
                Value="Center" />
        <Setter Property="FontFamily"
                Value="Horizon_A" />
        <Setter Property="VerticalAlignment"
                Value="Center" />
        <Setter Property="Stretch"
                Value="Uniform" />
        <Setter Property="StretchDirection"
                Value="DownOnly" />
        <Setter Property="TextAlignment"
                Value="Center" />
    </Style>
    
    <!-- Text Styles -->
    <Style x:Key="A_Style_FZTextBlock_Infographics_Title"
           BasedOn="{StaticResource A_Style_FZTextBlock_Infographics_Title_Base}"
           TargetType="local:FZTextBlock">
        <Setter Property="FontSize"
                Value="26" />
        <Setter Property="Color"
                Value="{StaticResource A_Color_Infographics_Title}" />
        <Setter Property="MaxWidth"
                Value="{StaticResource A_Double_Size_Tile_Padded}" />
        <Setter Property="MaxHeight"
                Value="150" />
    </Style>

    <Style x:Key="A_Style_FZTextBlock_Infographics_RivalsTitle"
           BasedOn="{StaticResource A_Style_FZTextBlock_Infographics_Title_Base}"
           TargetType="local:FZTextBlock">
        <Setter Property="FontSize"
                Value="42" />
        <Setter Property="Color"
                Value="{StaticResource A_Color_Infographics_RivalContent}" />
        <Setter Property="Width"
                Value="215" />
        <Setter Property="MaxHeight"
                Value="90" />
        <Setter Property="LineAdjust"
                Value="{local:LocalizedResource A_Double_InfographicRivalsTitleLineAdjust}"/>
    </Style>

    <local:UIStoryboard x:Key="A_Storyboard_Infographic_BlendValueInputChanged">
        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="{x:Null}"
                                       FillBehavior="Stop"
                                       Storyboard.TargetProperty="(local:BlendValue.Blend)">
            <DiscreteDoubleKeyFrame KeyTime="0:0:0"
                                    Value="0" />
            <DiscreteDoubleKeyFrame KeyTime="{StaticResource A_Keytime_InfographicAnimation_StartTime}"
                                    Value="0" />
            <EasingDoubleKeyFrame KeyTime="{StaticResource A_Keytime_InfographicAnimation_EndTime}"
                                  Value="1"
                                  EasingFunction="{StaticResource A_EasingFunction_InfographicAnimation}">
            </EasingDoubleKeyFrame>
        </DoubleAnimationUsingKeyFrames>
    </local:UIStoryboard>

    <local:UIStoryboard x:Key="A_Storyboard_Infographic_BlendValueInputChanged_SocketedMask">
        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="{x:Null}"
                                       FillBehavior="Stop"
                                       Storyboard.TargetProperty="(local:BlendValue.Blend)">
            <DiscreteDoubleKeyFrame KeyTime="0:0:0"
                                    Value="0" />
            <DiscreteDoubleKeyFrame KeyTime="{StaticResource A_Keytime_InfographicAnimation_StartTime}"
                                    Value="0" />
            <EasingDoubleKeyFrame KeyTime="{StaticResource A_Keytime_InfographicAnimation_EndTime}"
                                  Value="1">
            </EasingDoubleKeyFrame>
        </DoubleAnimationUsingKeyFrames>
    </local:UIStoryboard>

    <Style x:Key="A_Style_FZTextBlock_Infographics_ProgressString_Base"
           TargetType="local:FZTextBlock">
        <Setter Property="local:BlendValue.Input"
                Value="0" />
        <Setter Property="local:BlendValue.InputChangedStoryboard"
                Value="{StaticResource A_Storyboard_Infographic_BlendValueInputChanged}" />
        <Setter Property="Text"
                Value="{Binding Path=Tag, RelativeSource={RelativeSource Self}, Converter={StaticResource A_NumUnitConverter_ShowUnit_0dp}}" />
        <Setter Property="Tag"
                Value="{Binding Path=(local:BlendValue.Output), RelativeSource={RelativeSource Self}}" />
        <Setter Property="FontFamily"
                Value="HorizonA" />
        <Style.Triggers>
            <MultiDataTrigger>
                <MultiDataTrigger.Conditions>
                    <Condition Binding="{Binding Opacity, RelativeSource={RelativeSource FindAncestor, AncestorType=local:InfographicTile}}"
                               Value="1" />
                    <Condition Binding="{Binding IsCurrentlyActive, RelativeSource={RelativeSource FindAncestor, AncestorType=Page}, FallbackValue=True}"
                               Value="True" />
                    <Condition Binding="{Binding DataContext.IsPercentage, RelativeSource={RelativeSource FindAncestor, AncestorType=local:InfographicTile}}"
                               Value="False" />
                </MultiDataTrigger.Conditions>
                <Setter Property="local:BindingProxy.A"
                        Value="AnimationDone" />
            </MultiDataTrigger>
            <MultiDataTrigger>
                <MultiDataTrigger.Conditions>
                    <Condition Binding="{Binding IsCurrentlyActive, RelativeSource={RelativeSource FindAncestor, AncestorType=Page}, FallbackValue=True}"
                               Value="True" />
                    <Condition Binding="{Binding (local:BindingProxy.A), RelativeSource={RelativeSource Self}}"
                               Value="AnimationDone" />
                </MultiDataTrigger.Conditions>
                <Setter Property="local:BlendValue.Input"
                        Value="{Binding ProgressActual}" />
                <Setter Property="local:BindingProxy.A"
                        Value="AnimationDone" />
            </MultiDataTrigger>
            <MultiDataTrigger>
                <MultiDataTrigger.Conditions>
                    <Condition Binding="{Binding Opacity, RelativeSource={RelativeSource FindAncestor, AncestorType=local:InfographicTile}}"
                               Value="1" />
                    <Condition Binding="{Binding IsCurrentlyActive, RelativeSource={RelativeSource FindAncestor, AncestorType=Page}, FallbackValue=True}"
                               Value="True" />
                    <Condition Binding="{Binding DataContext.IsPercentage, RelativeSource={RelativeSource FindAncestor, AncestorType=local:InfographicTile}}"
                               Value="True" />
                </MultiDataTrigger.Conditions>
                <Setter Property="local:BindingProxy.B"
                        Value="AnimationDone" />
            </MultiDataTrigger>
            <MultiDataTrigger>
                <MultiDataTrigger.Conditions>
                    <Condition Binding="{Binding IsCurrentlyActive, RelativeSource={RelativeSource FindAncestor, AncestorType=Page}, FallbackValue=True}"
                               Value="True" />
                    <Condition Binding="{Binding (local:BindingProxy.B), RelativeSource={RelativeSource Self}}"
                               Value="AnimationDone" />
                </MultiDataTrigger.Conditions>
                <Setter Property="local:BlendValue.Input"
                        Value="{Binding ProgressActual}" />
                <Setter Property="local:BindingProxy.B"
                        Value="AnimationDone" />
            </MultiDataTrigger>
            <DataTrigger Binding="{Binding DataContext.IsPercentage, RelativeSource={RelativeSource FindAncestor, AncestorType=local:InfographicTile}}"
                         Value="True">
                <Setter Property="Text"
                        Value="{Binding Path=Tag, RelativeSource={RelativeSource Self}, Converter={StaticResource A_NumUnitConverter_ShowUnit_0dp}, ConverterParameter=percentage}" />
            </DataTrigger>
            <DataTrigger Binding="{Binding DataContext.ForcePositiveSign, RelativeSource={RelativeSource FindAncestor, AncestorType=local:InfographicTile}}"
                         Value="True">
                <Setter Property="Text"
                        Value="{Binding Path=Tag, RelativeSource={RelativeSource Self}, Converter={StaticResource A_NumUnitConverter_ShowUnit_0dp_Positive}}" />
            </DataTrigger>
            <MultiDataTrigger>
                <MultiDataTrigger.Conditions>
                    <Condition Binding="{Binding DataContext.IsPercentage, RelativeSource={RelativeSource FindAncestor, AncestorType=local:InfographicTile}}" 
                         Value="True"/>
                    <Condition Binding="{Binding DataContext.ForcePositiveSign, RelativeSource={RelativeSource FindAncestor, AncestorType=local:InfographicTile}}" 
                         Value="True"/>
                </MultiDataTrigger.Conditions>
                <Setter Property="Text"
                        Value="{Binding Path=Tag, RelativeSource={RelativeSource Self}, Converter={StaticResource A_NumUnitConverter_ShowUnit_0dp_Positive}, ConverterParameter=percentage}" />
            </MultiDataTrigger>
        </Style.Triggers>
    </Style>

    <Style x:Key="A_Style_FZTextBlock_Infographics_ProgressString"
           BasedOn="{StaticResource A_Style_FZTextBlock_Infographics_ProgressString_Base}"
           TargetType="local:FZTextBlock">
        <Setter Property="Color" Value="{Binding (local:TileMenuNavigationManager.TileColorScheme), RelativeSource={RelativeSource FindAncestor, AncestorType=Button}, Converter={StaticResource A_Converter_TileColorSchemeToTileTitleColor}, FallbackValue={StaticResource A_Color_Tile_Title}}"/>
        <Setter Property="TextWrapping" Value="NoWrap"/>
        <Setter Property="Stretch" Value="Uniform" />
        <Setter Property="StretchDirection" Value="DownOnly" />
        <Setter Property="VerticalAlignment" Value="Top" />
        <Setter Property="HorizontalAlignment" Value="Left" />
        <Setter Property="TextAlignment" Value="Left"/>
        <Setter Property="FontSize" Value="34" />
        <Setter Property="local:TextBlockInlineMarkup.Markup" Value="{Binding DataContext.Heading, RelativeSource={RelativeSource TemplatedParent}}" />
        <Setter Property="local:TextBlockInlineMarkup.ResourceBaseName" Value="A_Style_FZRun_TileTitle_" />
        <Setter Property="Margin" Value="0" />
    </Style>


    <Style x:Key="A_Style_FZTextBlock_Infographics_OutOf"
           TargetType="local:FZTextBlock">
        <Setter Property="Color" Value="{StaticResource A_Color_Tile_Title}"/>
        <Setter Property="TextWrapping" Value="NoWrap"/>
        <Setter Property="Stretch" Value="Uniform" />
        <Setter Property="StretchDirection" Value="DownOnly" />
        <Setter Property="VerticalAlignment" Value="Top" />
        <Setter Property="HorizontalAlignment" Value="Left" />
        <Setter Property="TextAlignment" Value="Left"/>
        <Setter Property="FontSize"
                Value="34" />
        <Setter Property="local:TextBlockInlineMarkup.Markup" Value="{Binding DataContext.Heading, RelativeSource={RelativeSource TemplatedParent}}" />
        <Setter Property="local:TextBlockInlineMarkup.ResourceBaseName" Value="A_Style_FZRun_TileTitle_" />
        <Setter Property="Margin"
                Value="0" />
    </Style>

    <Style x:Key="A_Style_FZTextBlock_Infographics_RivalsTile_Gamertag"
           BasedOn="{StaticResource A_Style_FZTextBlock_HorizonA}"
           TargetType="local:FZTextBlock">
        <Setter Property="FontSize"
                Value="30" />
        <Setter Property="Color"
                Value="{StaticResource A_Color_Infographics_RivalContent}" />
        <Setter Property="VerticalAlignment"
                Value="Center" />
        <Setter Property="HorizontalAlignment"
                Value="Left" />
    </Style>

    <Style x:Key="A_Style_FZTextBlock_Infographics_RivalsTile_OutOf"
           BasedOn="{StaticResource A_Style_FZTextBlock_HorizonA}"
           TargetType="local:FZTextBlock">
        <Setter Property="FontSize"
                Value="70" />
        <Setter Property="Color"
                Value="{StaticResource A_Color_Infographics_RivalContent}" />
        <Setter Property="VerticalAlignment"
                Value="Center" />
        <Setter Property="HorizontalAlignment"
                Value="Left" />
    </Style>

    <Style x:Key="A_Style_FZTextBlock_Infographics_RivalsTile_Progress"
           BasedOn="{StaticResource A_Style_FZTextBlock_Infographics_ProgressString_Base}"
           TargetType="local:FZTextBlock">
        <Setter Property="FontSize"
                Value="70" />
        <Setter Property="Color"
                Value="{StaticResource A_Color_Infographics_RivalContent}" />
        <Setter Property="VerticalAlignment"
                Value="Center" />
        <Setter Property="HorizontalAlignment"
                Value="Left" />
    </Style>

    <!-- Control Templates -->
    <ControlTemplate x:Key="A_Template_Infographic"
                     TargetType="{x:Type local:FZButton}">
        <Grid Style="{StaticResource A_Style_FrameworkElement_TiledMenuTransition}">
            <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_TileShadow}" />
            <Grid Style="{StaticResource A_Style_Grid_Infographics_MainContent}">
                <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_MotionBlurExpander}" />
                <ContentControl x:Name="InfographicContentControl" />
            </Grid>
            <ContentControl Style="{StaticResource A_Style_ContentControl_TileSelectionStroke}"/>
        </Grid>
    </ControlTemplate>

    <local:FZMaterialPresetRoundtangle x:Key="A_FZMaterialPresetRoundtangle_Infographics_Gradient_ExpansionTwo_OuterTopOnly"
        BasedOn="{StaticResource A_FZMaterialPresetRoundtangle_FlatPanel_OuterTopOnly}"
        GradientColorA="{StaticResource A_Color_ExpansionTwoInfographicsGradientA}"
        GradientColorB="{StaticResource A_Color_ExpansionTwoInfographicsGradientB}"
        GradientAngle="0"/>

    <local:MappingConverter x:Key="A_Converter_Infographics_IsInfographicStatExpansionTwo"
        Default="{StaticResource A_Boolean_False}">
        <local:MappingConverterEntry Key="{x:Static InfographicStats.ExpansionTwoBrickChallenges}" Value="{StaticResource A_Boolean_True}"/>
        <local:MappingConverterEntry Key="{x:Static InfographicStats.ExpansionTwoEnergyCells}" Value="{StaticResource A_Boolean_True}"/>
        <local:MappingConverterEntry Key="{x:Static InfographicStats.ExpansionTwoAlienTrees}" Value="{StaticResource A_Boolean_True}"/>
    </local:MappingConverter>

    <Style x:Key="A_Style_FZMaterial_Infographics_RadialBackground"
        TargetType="{x:Type local:FZMaterial}"
        BasedOn="{StaticResource A_Style_FZMaterial_Infographics_Background}">
        <Setter Property="Margin" Value="0,0,0,-0.5"/>
        <Setter Property="Preset" Value="{StaticResource A_FZMaterialPresetRoundtangle_FlatPanel_OuterTopOnly}"/>
        <Style.Triggers>
            <DataTrigger Binding="{Binding Stat, Converter={StaticResource A_Converter_Infographics_IsInfographicStatExpansionTwo}, FallbackValue={StaticResource A_Boolean_False}}" Value="{StaticResource A_Boolean_True}">
                <Setter Property="Preset" Value="{StaticResource A_FZMaterialPresetRoundtangle_Infographics_Gradient_ExpansionTwo_OuterTopOnly}"/>
                <Setter Property="Color" Value="#FFFFFFFF"/>
            </DataTrigger>
        </Style.Triggers>
    </Style>

    <local:MappingConverter x:Key="A_Converter_Infographics_InfographicStatToFallbackIcon"
        Default="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/placeholder.png">
        <local:MappingConverterEntry Key="{x:Static InfographicStats.ExpansionTwoBrickChallenges}" Value="/ForzaUI;component/Textures/Data_Bound/PDLC2/Infographics/BrickChallenges_Progress.png"/>
        <local:MappingConverterEntry Key="{x:Static InfographicStats.ExpansionTwoEnergyCells}" Value="/ForzaUI;component/Textures/Data_Bound/PDLC2/Infographics/EnergyCells_Progress.png"/>
        <local:MappingConverterEntry Key="{x:Static InfographicStats.ExpansionTwoAlienTrees}" Value="/ForzaUI;component/Textures/Data_Bound/PDLC2/Infographics/AlienTrees_Progress.png"/>
    </local:MappingConverter>

    <Style x:Key="A_Style_FZMaterial_Infographics_RadialStatIcon"
        TargetType="{x:Type local:FZMaterial}">
        <Setter Property="ImageSource" Value="{Binding StatIcon}"/>
        <Setter Property="Margin" Value="13"/>
        <Style.Triggers>
            <DataTrigger Binding="{Binding StatIcon, Converter={StaticResource A_StringVisConverter}, FallbackValue={x:Static Visibility.Collapsed}}" Value="{x:Static Visibility.Collapsed}">
                <Setter Property="ImageSource" Value="{Binding Stat, Converter={StaticResource A_Converter_Infographics_InfographicStatToFallbackIcon}}"/>
            </DataTrigger>
        </Style.Triggers>
    </Style>

    <local:MappingConverter x:Key="A_Converter_Infographics_InfographicStatToTitleOverrideString"
        Default="">
        <local:MappingConverterEntry Key="{x:Static InfographicStats.ExpansionTwoBrickChallenges}" Value="{local:Loc Expansions.IDS_Infographic_ExpansionTwo_BrickChallengesCompleted}"/>
        <local:MappingConverterEntry Key="{x:Static InfographicStats.ExpansionTwoEnergyCells}" Value="{local:Loc Expansions.IDS_Infographic_ExpansionTwo_EnergyCellsSmashed}"/>
        <local:MappingConverterEntry Key="{x:Static InfographicStats.ExpansionTwoAlienTrees}" Value="{local:Loc Expansions.IDS_Infographic_ExpansionTwo_AlienTreesSmashed}"/>
    </local:MappingConverter>

    <local:MultiConverter x:Key="A_Converter_Infographics_InfographicStatToTitleOverrideVisibility">
        <local:MultiConverterEntry Converter="{StaticResource A_Converter_Infographics_InfographicStatToTitleOverrideString}"/>
        <local:MultiConverterEntry Converter="{StaticResource A_StringVisConverter}"/>
    </local:MultiConverter>

    <Style x:Key="A_Style_FZTextBlock_TileText_RadialStat"
            TargetType="{x:Type local:FZTextBlock}"
            BasedOn="{StaticResource A_Style_FZTextBlock_TileText_ImageTile}">
        <Setter Property="local:TextBlockInlineMarkup.Markup" Value="{Binding Title}"/>
        <Setter Property="Color" Value="{StaticResource A_Color_Tile_Text}"/>
        <Setter Property="HorizontalAlignment" Value="Center"/>
        <Style.Triggers>
            <DataTrigger Binding="{Binding Stat, Converter={StaticResource A_Converter_Infographics_InfographicStatToTitleOverrideVisibility}, FallbackValue={x:Static Visibility.Collapsed}}" Value="{x:Static Visibility.Visible}">
                <Setter Property="local:TextBlockInlineMarkup.Markup" Value="{Binding Stat, Converter={StaticResource A_Converter_Infographics_InfographicStatToTitleOverrideString}}"/>
            </DataTrigger>
        </Style.Triggers>
    </Style>

    <ControlTemplate x:Key="A_ControlTemplate_ContentControl_Infographics_Radial"
                     TargetType="{x:Type ContentControl}">
        <DockPanel>
                <local:FZMaterial Color="#FFFFFFFF"
                              DockPanel.Dock="Bottom"
                              Preset="{StaticResource A_FZMaterialPresetRoundtangle_FlatPanel_OuterBottomOnly}"
                              Height="{StaticResource A_Double_Size_Tile_TitlePanel}">
                <StackPanel VerticalAlignment="Center"
                            HorizontalAlignment="Center"
                            Margin="10,22">
                    <StackPanel Orientation="Horizontal" 
                                HorizontalAlignment="Center">
                        <local:FZTextBlock Style="{StaticResource A_Style_FZTextBlock_Infographics_ProgressString}"
                                           x:Name="ProgressString"
                                           Text="{Binding LocalUserInfographicData.ProgressString}" />
                        <local:FZTextBlock x:Name="OutOfString"
                                           Style="{StaticResource A_Style_FZTextBlock_Infographics_ProgressString}"
                                           Text="{Binding LocalUserInfographicData.OutOfString}" />
                    </StackPanel>
                    <Decorator Height="{local:LocalizedResource A_Double_InfographicTextSpacer}"/>
                    <local:FZTextBlock x:Name="Title"
                        Style="{StaticResource A_Style_FZTextBlock_TileText_RadialStat}"/>
                </StackPanel>
            </local:FZMaterial>
            <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_Infographics_RadialBackground}">
                <Viewbox Margin="-4.5">
                    <Grid>
                        <Decorator Width="169"
                                   Height="169">
                            <local:FZMaterial Style="{StaticResource A_Style_FZMaterial_Infographics_RadialStatIcon}" />
                        </Decorator>
                                <local:FZMaterial x:Name="RadialBar"
                                          GreedyMeasure="True"
                                                  Margin="0"
                                          HorizontalAlignment="Center"
                                          VerticalAlignment="Center"
                                          Width="238"
                                          Height="238"
                                                  Style="{StaticResource A_Style_FZMaterial_InfographicRadialBar}"
                                                  Color="#FFFFFFFF"
                                          local:BlendValue.Input="{Binding LocalUserInfographicData.ProgressRatio, FallbackValue=0}"
                                                  local:BlendValue.InputChangedStoryboard="{StaticResource A_Storyboard_Infographic_BlendValueInputChanged}">
                            <local:FZMaterial.Preset>
                                        <local:FZMaterialPresetRadialBar TargetRatio="1.0"
                                                                         ShadowIntensity="0"
                                                                         TipGlowFade="0.0"
                                                                         AngleAmount="0"
                                                                 BarWidth="0.160"
                                                                 BackgroundColor="#00000000"
                                                                         Ratio="{Binding Path=(local:BlendValue.Output), RelativeSource={RelativeSource FindAncestor, AncestorType=local:FZMaterial}}"/>
                                    </local:FZMaterial.Preset>
                                </local:FZMaterial>
                    </Grid>
                            </Viewbox>
                        </local:FZMaterial>
        </DockPanel>
    </ControlTemplate>

    <ControlTemplate x:Key="A_ControlTemplate_ContentControl_Infographics_MaskedImage"
                     TargetType="{x:Type ContentControl}">
        <DockPanel>
            <Grid DockPanel.Dock="Bottom"
                Height="{StaticResource A_Double_Size_Tile_TitlePanel}"
                ClipToBounds="True">
                <local:FZMaterial Color="#FFFFFFFF"
                    Style="{StaticResource A_Style_FZMaterial_FlatPanel_FooterPanel}"
                    Height="{StaticResource A_Double_Size_Tile_TitlePanel}"
                    VerticalAlignment="Bottom"/>
                <UniformGrid Margin="{StaticResource A_Thickness_TilePadding}" Rows="2" RenderTransformOrigin="0.5,0.5">
                    <UniformGrid.RenderTransform>
                        <TranslateTransform Y="0"/>
                    </UniformGrid.RenderTransform>
                    <StackPanel DockPanel.Dock="Bottom" Orientation="Horizontal" HorizontalAlignment="Center">
                        <local:FZTextBlock Style="{StaticResource A_Style_FZTextBlock_Infographics_ProgressString}"
                                           x:Name="ProgressString"
                                           DataContext="{Binding LocalUserInfographicData}" />
                        <local:FZTextBlock x:Name="OutOfString"
                                           Style="{StaticResource A_Style_FZTextBlock_Infographics_ProgressString}"
                                           Text="{Binding LocalUserInfographicData.OutOfString}" />
                    </StackPanel>
                    <local:FZTextBlock Style="{StaticResource A_Style_FZTextBlock_TileText_ImageTile}"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Bottom"
                        local:TextBlockInlineMarkup.Markup="{Binding Title}"
                        x:Name="Title"
                        Grid.Row="1"/>
                </UniformGrid>
            </Grid>
            <local:FZMaterial x:Name="AcrylicBacking"
                              Style="{StaticResource A_Style_FZMaterial_Infographics_Background}"
                              Preset="{StaticResource A_FZMaterialPresetRoundtangle_FlatPanel_OuterTopOnly}">
                <Grid HorizontalAlignment="Center"
                      VerticalAlignment="Center"
                      Margin="0,0,0,-52">
                    <local:FZMaterial Color="{StaticResource A_Color_Cutout_Filter}"
                                      ImageSource="{Binding StatIcon}" 
                                      Stretch="Uniform"
                                      GreedyMeasure="True" />

                    <Viewbox Stretch="Uniform">
                        <local:FZMaterial   x:Name="InfographicMaskedImage"
                                            Style="{StaticResource A_Style_FZMaterial_Infographics_FillIcon}"
                                            Color="{StaticResource A_Color_Tile_Title}"
                                            Margin="0"
                                            Height="500"
                                            Width="500"
                                            local:BlendValue.Input="0"
                                            local:BlendValue.InputChangedStoryboard="{StaticResource A_Storyboard_Infographic_BlendValueInputChanged}">
                            <local:FZMaterial.Effect>
                                <local:TextureMaskEffect Color="#FFFFFFFF"
                                                         FadeOutStart="{Binding Path=(local:BlendValue.Output), RelativeSource={RelativeSource FindAncestor, AncestorType=local:FZMaterial}}"
                                                         FadeOutEnd="{Binding Path=(local:BlendValue.Output), RelativeSource={RelativeSource FindAncestor, AncestorType=local:FZMaterial}, Converter={StaticResource A_LinearTransformConverter_AddInfographicEpsilonValue}}"
                                                         FadeInEnd="{StaticResource A_Double_Infographic_EpsilonValue}"
                                                         FadeInStart="0"
                                                         x:Name="MaskEffect">
                                    <local:TextureMaskEffect.Texture>
                                        <ImageBrush ImageSource="{Binding StatIcon}" />
                                    </local:TextureMaskEffect.Texture>
                                    <local:TextureMaskEffect.Mask>
                                        <ImageBrush ImageSource="{Binding Gradient}" />
                                    </local:TextureMaskEffect.Mask>
                                </local:TextureMaskEffect>
                            </local:FZMaterial.Effect>
                        </local:FZMaterial>
                    </Viewbox>
                </Grid>
            </local:FZMaterial>
        </DockPanel>
        <ControlTemplate.Triggers>
            <MultiDataTrigger>
                <MultiDataTrigger.Conditions>
                    <Condition Binding="{Binding Opacity, RelativeSource={RelativeSource FindAncestor, AncestorType=local:InfographicTile}}"
                               Value="1" />
                    <Condition Binding="{Binding IsCurrentlyActive, RelativeSource={RelativeSource FindAncestor, AncestorType=Page}, FallbackValue=True}"
                               Value="True" />
                </MultiDataTrigger.Conditions>
                <Setter TargetName="InfographicMaskedImage"
                        Property="local:BindingProxy.A"
                        Value="AnimationDone" />
            </MultiDataTrigger>
            <MultiDataTrigger>
                <MultiDataTrigger.Conditions>
                    <Condition Binding="{Binding IsCurrentlyActive, RelativeSource={RelativeSource FindAncestor, AncestorType=Page}, FallbackValue=True}"
                               Value="True" />
                    <Condition Binding="{Binding (local.BindingProxy.A), ElementName=InfographicMaskedImage}"
                               Value="AnimationDone" />
                </MultiDataTrigger.Conditions>
                <Setter TargetName="InfographicMaskedImage"
                        Property="local:BlendValue.Input"
                        Value="{Binding LocalUserInfographicData.ProgressRatio}" />
                <Setter TargetName="InfographicMaskedImage"
                        Property="local:BindingProxy.A"
                        Value="AnimationDone" />
            </MultiDataTrigger>
            <DataTrigger Binding="{Binding IsSocketedMask}" Value="True">
                <Setter TargetName="InfographicMaskedImage"
                        Property="local:BlendValue.InputChangedStoryboard"
                        Value="{StaticResource A_Storyboard_Infographic_BlendValueInputChanged_SocketedMask}" />
            </DataTrigger>
            <Trigger Property="Tag"
                     Value="AltColors">
                <Setter TargetName="OutOfString"
                        Property="Color"
                        Value="{StaticResource A_Color_Tile_Title_Alternate}" />
                <Setter TargetName="ProgressString"
                        Property="Color"
                        Value="{StaticResource A_Color_Tile_Title_Alternate}" />
                <Setter TargetName="Title"
                        Property="Color"
                        Value="{StaticResource A_Color_Tile_Title_Alternate}" />
                <Setter TargetName="AcrylicBacking"
                        Property="Style"
                        Value="{StaticResource A_Style_FZMaterial_Infographics_Background_Alt}" />
                <Setter TargetName="InfographicMaskedImage"
                        Property="Color"
                        Value="{StaticResource A_Color_Tile_Title_Alternate}" />
                <Setter TargetName="InfographicMaskedImage"
                        Property="Effect">
                    <Setter.Value>
                        <local:TextureMaskEffect Color="{StaticResource A_Color_Tile_Title_Alternate}"
                                                 FadeOutStart="{Binding Path=(local:BlendValue.Output), RelativeSource={RelativeSource FindAncestor, AncestorType=local:FZMaterial}}"
                                                 FadeOutEnd="{Binding Path=(local:BlendValue.Output), RelativeSource={RelativeSource FindAncestor, AncestorType=local:FZMaterial}, Converter={StaticResource A_LinearTransformConverter_AddInfographicEpsilonValue}}"
                                                 FadeInEnd="{StaticResource A_Double_Infographic_EpsilonValue}"
                                                 FadeInStart="0">
                            <local:TextureMaskEffect.Texture>
                                <ImageBrush ImageSource="{Binding StatIcon}" />
                            </local:TextureMaskEffect.Texture>
                            <local:TextureMaskEffect.Mask>
                                <ImageBrush ImageSource="{Binding Gradient}" />
                            </local:TextureMaskEffect.Mask>
                        </local:TextureMaskEffect>
                    </Setter.Value>
                </Setter>
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>

    <local:FZMaterialPresetRoundtangle x:Key="A_FZMaterialPresetRoundtangle_GamerPicBackground" CornerRadius="54"/>
    <local:FZMaterialPresetRoundtangle x:Key="A_FZMaterialPresetRoundtangle_GamerPic" CornerRadius="45"/>
    <Size x:Key="A_Size_GamerPicSizeParams">120,120</Size>

    <ControlTemplate x:Key="A_Template_Infographics_GamerTag" TargetType="Control" >
        <Grid>
            <StackPanel Orientation="Horizontal">
                <local:FZMaterial Preset="{StaticResource A_FZMaterialPresetRoundtangle_GamerPicBackground}"
                              Width="108"
                              Height="108"
                              Color="{StaticResource A_Color_Cutout_Filter}">

                    <local:FZMaterial Preset="{StaticResource A_FZMaterialPresetRoundtangle_GamerPic}"
                              Width="90"
                              Height="90"
                              Color="White"
                              Visibility="{Binding Downloaded, RelativeSource={RelativeSource Self}, Converter={StaticResource A_FZBooleanToVisibilityConverter}}"
                              ImageSource="{Binding UserProfile, Converter={StaticResource A_GamerPicConverter}, ConverterParameter={StaticResource A_Size_GamerPicSizeParams}}" />
                </local:FZMaterial>

                <StackPanel Margin="10,0,0,0" VerticalAlignment="Center">
                    <local:FZTextBlock x:Name="GamerTag"
                                       Style="{StaticResource A_Style_FZTextBlock_Infographics_RivalsTile_Gamertag}"
                                       Text="{Binding UserProfile.FormattedGamertag}"/>
                    <Decorator DockPanel.Dock="Bottom"
                               Height="10" />
                    <StackPanel Orientation="Horizontal"
                                HorizontalAlignment="Left">
                        <local:FZTextBlock x:Name="ProgressString"
                                   Style="{StaticResource A_Style_FZTextBlock_Infographics_RivalsTile_Progress}"/>
                        <local:FZTextBlock x:Name="OutOfString"
                                   Style="{StaticResource A_Style_FZTextBlock_Infographics_RivalsTile_OutOf}"
                                   Text="{Binding OutOfString}"/>
                    </StackPanel>
                </StackPanel>
            </StackPanel>
        </Grid>
        <ControlTemplate.Triggers>
            <Trigger Property="Tag"
                     Value="AltColors">
                <Setter TargetName="GamerTag"
                        Property="Color"
                        Value="{StaticResource A_Color_Infographics_PlayerGamerTagText}" />
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>

    <local:FZMaterialPresetRoundtangle x:Key="A_FZMaterialPresetRoundtangle_GamerPicBackground_Large" CornerRadius="107.5"/>
    <local:FZMaterialPresetRoundtangle x:Key="A_FZMaterialPresetRoundtangle_GamerPic_large" CornerRadius="84"/>

    <ControlTemplate x:Key="A_Template_Infographics_GamerTag_Large" TargetType="Control" >
        <Grid>
            <StackPanel Orientation="Horizontal">
                <local:FZMaterial Preset="{StaticResource A_FZMaterialPresetRoundtangle_GamerPicBackground_Large}"
                              Width="215"
                              Height="215"
                              Color="{StaticResource A_Color_Cutout_Filter}">

                    <local:FZMaterial Preset="{StaticResource A_FZMaterialPresetRoundtangle_GamerPic_large}"
                              Width="168"
                              Height="168"
                              Color="White"
                              ImageSource="{Binding UserProfile, Converter={StaticResource A_GamerPicConverter}, ConverterParameter={StaticResource A_Size_GamerPicSizeParams}}" />
                </local:FZMaterial>

                <StackPanel Margin="10,0,0,0" VerticalAlignment="Center">
                    <local:FZTextBlock x:Name="GamerTag"
                                       Style="{StaticResource A_Style_FZTextBlock_Infographics_RivalsTile_Gamertag}"
                                       Text="{Binding UserProfile.FormattedGamertag}"/>
                    <Decorator DockPanel.Dock="Bottom"
                                Height="10" />
                    <StackPanel Orientation="Horizontal"
                                HorizontalAlignment="Left">
                        <local:FZTextBlock x:Name="ProgressString"
                                   Style="{StaticResource A_Style_FZTextBlock_Infographics_RivalsTile_Progress}"/>
                        <local:FZTextBlock x:Name="OutOfString"
                                   Style="{StaticResource A_Style_FZTextBlock_Infographics_RivalsTile_OutOf}"
                                   Text="{Binding OutOfString}"/>
                    </StackPanel>
                </StackPanel>
            </StackPanel>
        </Grid>
        <ControlTemplate.Triggers>
            <Trigger Property="Tag"
                     Value="AltColors">
                <Setter TargetName="GamerTag"
                        Property="Color"
                        Value="{StaticResource A_Color_Infographics_PlayerGamerTagText}" />
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>

    <Style x:Key="A_Style_FZMaterial_AcrylicPanel_RivalsBar" TargetType="local:FZMaterial" >
        <Setter Property="Preset" Value="{StaticResource A_FZMaterialPresetAcrylicPanel_Highlight}" />
        <Setter Property="Color" Value="Transparent" />
    </Style>

    <Style x:Key="A_Style_ProgressBar_RivalProgress" TargetType="{x:Type ProgressBar}">
        <Setter Property="Focusable"
                    Value="False" />
        <Setter Property="Value"
                Value="{Binding Path=(local:BlendValue.Output), RelativeSource={RelativeSource Self}}" />
        <Setter Property="local:BlendValue.Input"
                Value="0" />
        <Setter Property="local:BlendValue.InputChangedStoryboard"
                Value="{StaticResource A_Storyboard_Infographic_BlendValueInputChanged}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ProgressBar}">
                    <DockPanel x:Name="PART_Track" local:ZPanel.SortByDepth="True">
                        <local:FZMaterial x:Name="PART_Indicator"
                                Style="{StaticResource A_Style_FZMaterial_AcrylicPanel_RivalsBar}"
                                DockPanel.Dock="Left" />
                        <Decorator/>
                    </DockPanel>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <MultiDataTrigger>
                <MultiDataTrigger.Conditions>
                    <Condition Binding="{Binding Opacity, RelativeSource={RelativeSource FindAncestor, AncestorType=local:InfographicTile}}"
                               Value="1" />
                    <Condition Binding="{Binding IsCurrentlyActive, RelativeSource={RelativeSource FindAncestor, AncestorType=Page}, FallbackValue=True}"
                               Value="True" />
                </MultiDataTrigger.Conditions>
                <Setter Property="local:BindingProxy.A"
                        Value="AnimationDone" />
            </MultiDataTrigger>
            <MultiDataTrigger>
                <MultiDataTrigger.Conditions>
                    <Condition Binding="{Binding IsCurrentlyActive, RelativeSource={RelativeSource FindAncestor, AncestorType=Page}, FallbackValue=True}"
                               Value="True" />
                    <Condition Binding="{Binding (local.BindingProxy.A), RelativeSource={RelativeSource Self}}"
                               Value="AnimationDone" />
                </MultiDataTrigger.Conditions>
                <Setter Property="local:BlendValue.Input"
                        Value="{Binding ProgressRatio}" />
                <Setter Property="local:BindingProxy.A"
                        Value="AnimationDone" />
            </MultiDataTrigger>
        </Style.Triggers>
    </Style>

    <ControlTemplate x:Key="A_ControlTemplate_ContentControl_Infographics_Rivals"
                     TargetType="{x:Type ContentControl}">
        <Grid>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>

                <ProgressBar x:Name="PART_UserLevelBar" Style="{StaticResource A_Style_ProgressBar_RivalProgress}"
                             DataContext="{Binding LocalUserInfographicData}"
                             Minimum="0"
                         Maximum="1.0"
                         Grid.Row="0"/>

                <ProgressBar x:Name="PART_RivalLevelBar" Style="{StaticResource A_Style_ProgressBar_RivalProgress}"
                             DataContext="{Binding RivalUserInfographicData}"
                             Minimum="0.0"
                         Maximum="1.0"
                         Grid.Row="1"/>
            </Grid>
            <local:FZMaterial Color="{StaticResource A_Color_Infographics_RivalContent}"
                              ImageSource="{Binding RivalsStatIcon}"
                              Preset="{StaticResource A_FZMaterialPreset_AlphaOnly}"
                              Width="275"
                              Height="275"
                              HorizontalAlignment="Right"
                              x:Name="RivalsImage" />
            <DockPanel Margin="30"
                           LastChildFill="False">
                    <DockPanel DockPanel.Dock="Right"
                               LastChildFill="False">
                        <local:FZTextBlock x:Name="Title"
                                           Style="{StaticResource A_Style_FZTextBlock_Infographics_RivalsTitle}"
                                           Text="{Binding Title}"
                                           TextWrapping="WrapWithOverflow"
                                           DockPanel.Dock="Top"/>
                    </DockPanel>
                    <DockPanel HorizontalAlignment="Left"
                               LastChildFill="False"
                               Margin="0,-15,0,-15">
                        <Control Template="{StaticResource A_Template_Infographics_GamerTag}"
                                 DataContext="{Binding LocalUserInfographicData}"
                                 DockPanel.Dock="Top"
                                 Tag="AltColors" />
                        <Control Template="{StaticResource A_Template_Infographics_GamerTag}"
                                 DataContext="{Binding RivalUserInfographicData}"
                                 DockPanel.Dock="Bottom" />
                    </DockPanel>
            </DockPanel>
        </Grid>
    </ControlTemplate>

    <ControlTemplate x:Key="A_ControlTemplate_ContentControl_Infographics_SingleRivals"
                     TargetType="{x:Type ContentControl}">
        <Grid>
            <local:FZMaterial x:Name="AcrylicBacking"
                              Preset="{StaticResource A_FZMaterialPresetAcrylicPanel_BodyPanel}"
                              Color="Transparent"/>

            <ProgressBar x:Name="PART_UserLevelBar" Style="{StaticResource A_Style_ProgressBar_RivalProgress}"
                         DataContext="{Binding LocalUserInfographicData}"
                         Minimum="0.0"
                         Maximum="1.0"/>

            <local:FZMaterial Color="{StaticResource A_Color_Infographics_RivalContent}"
                              ImageSource="{Binding RivalsStatIcon}"
                              Preset="{StaticResource A_FZMaterialPreset_AlphaOnly}"
                              HorizontalAlignment="Right"
                              Width="275"
                              Height="275" />

            <DockPanel Margin="30" LastChildFill="False">
                <Control Template="{StaticResource A_Template_Infographics_GamerTag_Large}"
                         DataContext="{Binding LocalUserInfographicData}"
                         Tag="AltColors" 
                         DockPanel.Dock="Left"/>
                <DockPanel DockPanel.Dock="Right" LastChildFill="False">
                    <local:FZTextBlock x:Name="Title"
                                       Style="{StaticResource A_Style_FZTextBlock_Infographics_RivalsTitle}"
                                       Text="{Binding Title}"
                                       TextWrapping="WrapWithOverflow" 
                                       DockPanel.Dock="Top"/>
                </DockPanel>
            </DockPanel>
        </Grid>
    </ControlTemplate>

    <local:MultiConverter x:Key="A_Converter_TierToString">
        <local:MultiConverterEntry Converter="{StaticResource A_Converter_StringFormatConverter}" Parameter="{local:Loc TiledMenus.IDS_TierFormat}" TargetType="{x:Type System.String}" />
        <local:MultiConverterEntry Converter="{StaticResource A_StringToUpper}" TargetType="{x:Type System.String}" />
    </local:MultiConverter>

    <local:MultiConverter x:Key="A_Converter_ObjectiveTierToString">
        <local:MultiConverterEntry Converter="{StaticResource A_Converter_StringFormatConverter}" Parameter="{local:Loc TiledMenus.IDS_ObjectiveTierFormat}" TargetType="{x:Type System.String}" />
        <local:MultiConverterEntry Converter="{StaticResource A_StringToUpper}" TargetType="{x:Type System.String}" />
    </local:MultiConverter>

    <!-- Main Styles -->
    <Style x:Key="A_Style_Infographics_Button"
           BasedOn="{StaticResource A_Style_Button_RootTile}"
           TargetType="local:InfographicTile">
        <Setter Property="local:TileMenuNavigationManager.GridWidth" Value="9"/>
        <Setter Property="local:TileMenuNavigationManager.GridHeight" Value="12"/>
        <Setter Property="Template" Value="{StaticResource A_Template_Infographic}"/>
        <Style.Triggers>
            <MultiDataTrigger>
                <MultiDataTrigger.Conditions>
                    <Condition Binding="{Binding Title, Converter={StaticResource A_StringVisConverter}}" Value="{x:Static Visibility.Visible}"/>
                    <Condition Binding="{Binding LocalUserInfographicData.ProgressString, Converter={StaticResource A_StringVisConverter}}" Value="{x:Static Visibility.Visible}"/>
                </MultiDataTrigger.Conditions>
                <Setter Property="local:MultiStringFormatter.Format" Value="{local:Loc Main.IDS_ScreenReader_Format_Infographic_StatOnly}"/>
                <Setter Property="local:MultiStringFormatter.Param0" Value="{Binding Title}"/>
                <Setter Property="local:MultiStringFormatter.Param1" Value="{Binding LocalUserInfographicData.ProgressString}"/>
            </MultiDataTrigger>
            <MultiDataTrigger>
                <MultiDataTrigger.Conditions>
                    <Condition Binding="{Binding Title, Converter={StaticResource A_StringVisConverter}}" Value="{x:Static Visibility.Visible}"/>
                    <Condition Binding="{Binding LocalUserInfographicData.ProgressString, Converter={StaticResource A_StringVisConverter}}" Value="{x:Static Visibility.Visible}"/>
                    <Condition Binding="{Binding LocalUserInfographicData.LimitString, Converter={StaticResource A_StringVisConverter}}" Value="{x:Static Visibility.Visible}"/>
                </MultiDataTrigger.Conditions>
                <Setter Property="local:MultiStringFormatter.Format" Value="{local:Loc Main.IDS_ScreenReader_Format_Infographic_StatWithMaximum}"/>
                <Setter Property="local:MultiStringFormatter.Param0" Value="{Binding Title}"/>
                <Setter Property="local:MultiStringFormatter.Param1" Value="{Binding LocalUserInfographicData.ProgressString}"/>
                <Setter Property="local:MultiStringFormatter.Param2" Value="{Binding LocalUserInfographicData.LimitString}"/>
            </MultiDataTrigger>
            <MultiDataTrigger>
                <MultiDataTrigger.Conditions>
                    <Condition Binding="{Binding Title, Converter={StaticResource A_StringVisConverter}}" Value="{x:Static Visibility.Visible}"/>
                    <Condition Binding="{Binding Progress.Tier, Converter={StaticResource A_CompareConverter}, ConverterParameter=-1}" Value="{x:Static local:CompareResult.GreaterThan}"/>
                </MultiDataTrigger.Conditions>
                <Setter Property="local:MultiStringFormatter.Format" Value="{local:Loc Main.IDS_ScreenReader_Format_Infographic_HorizonLife}"/>
                <Setter Property="local:MultiStringFormatter.Param0" Value="{Binding Title}"/>
                <Setter Property="local:MultiStringFormatter.Param1" Value="{Binding Progress.Tier, Converter={StaticResource A_Converter_TierToString}}"/>
            </MultiDataTrigger>
        </Style.Triggers>
    </Style>

    <Style x:Key="A_Style_Infographics_Button_Difficulty"
           BasedOn="{StaticResource A_Style_Infographics_Button}"
           TargetType="local:InfographicTile">
    </Style>

    <Style x:Key="A_Style_Infographics_RivalsEverywhere_Button"
           BasedOn="{StaticResource A_Style_Button_Tile_6x2}"
           TargetType="local:InfographicRivalVsTile">
    </Style>

    <local:FZMaterialPresetRoundtangle x:Key="A_FZMaterialPresetRoundtangle_Gradient_MixerThread_OuterTopOnly"
                                       BasedOn="{StaticResource A_FZMaterialPresetRoundtangle_FlatPanel_OuterTopOnly}"
                                       GradientColorA="{StaticResource A_Color_InfluenceThread_GradientA_streaming}"
                                       GradientColorB="{StaticResource A_Color_InfluenceThread_GradientB_streaming}"
                                       GradientAngle="45" />
    <local:FZMaterialPresetRoundtangle x:Key="A_FZMaterialPresetRoundtangle_Gradient_MixerThread_OuterAll"
                                       BasedOn="{StaticResource A_FZMaterialPresetRoundtangle_FlatPanel_OuterAll}"
                                       GradientColorA="{StaticResource A_Color_InfluenceThread_GradientA_streaming}"
                                       GradientColorB="{StaticResource A_Color_InfluenceThread_GradientB_streaming}"
                                       GradientAngle="45" />

    <local:MappingConverter x:Key="A_Converter_ThreadNameToMyHorizonLifeIcon"
                            Default="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/placeholder.png">
        <local:MappingConverterEntry Key="asphalt_series" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/asphalt_series.png" />
        <local:MappingConverterEntry Key="mixed_surface_series" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/mixed_surface_series.png" />
        <local:MappingConverterEntry Key="cross_country_series" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/cross_country_series.png" />
        <local:MappingConverterEntry Key="street_racing_series" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/street_racing_series.png" />
        <local:MappingConverterEntry Key="drag_racing" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/drag_racing.png" />
        <local:MappingConverterEntry Key="drift_zones" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/drift_zones.png" />
        <local:MappingConverterEntry Key="painter" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/painter.png" />
        <local:MappingConverterEntry Key="tuner" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/tuner.png" />
        <local:MappingConverterEntry Key="photo" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/photo.png" />
        <local:MappingConverterEntry Key="blueprint" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/blueprint.png" />
        <local:MappingConverterEntry Key="speed_trap" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/speed_trap.png" />
        <local:MappingConverterEntry Key="speed_zone" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/speed_zone.png" />
        <local:MappingConverterEntry Key="danger_sign" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/danger_sign.png" />
        <local:MappingConverterEntry Key="car_collector" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/car_collector.png" />
        <local:MappingConverterEntry Key="discovery" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/discovery.png" />
        <local:MappingConverterEntry Key="rivals" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/rivals.png" />
        <local:MappingConverterEntry Key="online_adventure_racing" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/asphalt_series.png" />
        <local:MappingConverterEntry Key="skills" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/skills.png" />
        <local:MappingConverterEntry Key="online_adventure_mixed" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/online_anythinggoes.png" />
        <local:MappingConverterEntry Key="online_adventure_playground_games" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/Playground_Games.png" />
        <local:MappingConverterEntry Key="online_life_playground_games" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/Playground_Games.png" />
        <local:MappingConverterEntry Key="streaming" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/streaming.png" />
        <local:MappingConverterEntry Key="hs_aaa_taxi" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/story_aaa_taxis.png" />
        <local:MappingConverterEntry Key="hs_stunt_driver" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/story_stunt_driver.png" />
        <local:MappingConverterEntry Key="hs_worlds_fastest" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/story_worlds_fastest.png" />
        <local:MappingConverterEntry Key="hs_drift_club" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/story_drift_club.png" />
        <local:MappingConverterEntry Key="hs_express_delivery" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/story_express_delivery.png" />
        <local:MappingConverterEntry Key="hs_extreme_upgrades" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/story_extreme_upgrades.png" />
        <local:MappingConverterEntry Key="hs_lets_play" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/story_lets_play.png" />
        <local:MappingConverterEntry Key="hs_the_car_files" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/story_mythbusters.png" />
        <local:MappingConverterEntry Key="hs_british_racing_green" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/story_racing_history.png" />
        <local:MappingConverterEntry Key="hs_skill_streak" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/story_skill_school.png" />
        <local:MappingConverterEntry Key="online_adventure_drift" Value="/ForzaUI;component/Textures/Data_Bound/InfluenceThreads/MyHorizonLife/drift_zones.png" />
        <local:MappingConverterEntry Key="hs_drift_club_2" Value="/ForzaUI;component/Textures/Data_Bound/PDLC1/Horizon_Life/Drift_Club_2.png" />
        <local:MappingConverterEntry Key="hs_hype_tour" Value="/ForzaUI;component/Textures/Data_Bound/PDLC2/Horizon_Life/Hype_Tour.png" />
        <local:MappingConverterEntry Key="trailblazer" Value="/ForzaUI;component/Textures/Data_Bound/PDLC1/Horizon_Life/Trailblazer.png" />
        <local:MappingConverterEntry Key="hs_story11" Value="/ForzaUI;component/Textures/Data_Bound/Series11/Story11/Story11_Infographic.png" />
    </local:MappingConverter>

    <ControlTemplate x:Key="A_ControlTemplate_InfluenceProgress"
                     TargetType="Control">
        <local:FZMaterial Style="{DynamicResource A_Style_FZMaterial_ThreadColorMaterial_Dynamic}">
            <Viewbox Margin="-4.5">
                <Grid>
                    <Decorator Width="169"
                               Height="169">
                        <local:FZMaterial ImageSource="{Binding ThreadName, Converter={StaticResource A_Converter_ThreadNameToMyHorizonLifeIcon}}"
                                          Margin="13" />
                    </Decorator>
                    <local:FZMaterial x:Name="RadialBar"
                                      GreedyMeasure="True"
                                      Margin="0"
                                      HorizontalAlignment="Center"
                                      VerticalAlignment="Center"
                                      Width="238"
                                      Height="238"
                                      Style="{StaticResource A_Style_FZMaterial_InfographicRadialBar}"
                                      Color="#FFFFFFFF"
                                      local:BlendValue.Input="{Binding TierCompletionPercentage, FallbackValue=0}"
                                      local:BlendValue.InputChangedStoryboard="{StaticResource A_Storyboard_Infographic_BlendValueInputChanged}">
                        <local:FZMaterial.Preset>
                            <local:FZMaterialPresetRadialBar TargetRatio="1.0"
                                                             ShadowIntensity="0"
                                                             TipGlowFade="0.0"
                                                             AngleAmount="0"
                                                             BarWidth="0.160"
                                                             BackgroundColor="#00000000"
                                                             Ratio="{Binding Path=(local:BlendValue.Output), RelativeSource={RelativeSource FindAncestor, AncestorType=local:FZMaterial}}"/>
                        </local:FZMaterial.Preset>
                    </local:FZMaterial>
                </Grid>
            </Viewbox>
        </local:FZMaterial>
    </ControlTemplate>

    <Style x:Key="A_Style_Control_InfluenceProgress_OuterTopOnly"
           TargetType="Control">
        <Style.Resources>
            <Style x:Key="A_Style_FZMaterial_ThreadColorMaterial_Dynamic"
                   TargetType="{x:Type local:FZMaterial}">
                <Setter Property="Preset"
                        Value="{StaticResource A_FZMaterialPresetRoundtangle_FlatPanel_OuterTopOnly}" />
                <Setter Property="Color"
                        Value="{Binding ThreadName, Converter={StaticResource A_Converter_InfluenceThreadIdToColor}}" />
                <Style.Triggers>
                    <DataTrigger Binding="{Binding ThreadName}"
                                 Value="streaming">
                        <Setter Property="Preset"
                                Value="{StaticResource A_FZMaterialPresetRoundtangle_Gradient_MixerThread_OuterTopOnly}" />
                        <Setter Property="Color"
                                Value="#FFFFFF" />
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Style.Resources>
        <Setter Property="Template"
                Value="{StaticResource A_ControlTemplate_InfluenceProgress}" />
    </Style>

    <Style x:Key="A_Style_Control_InfluenceProgress_OuterAll"
           TargetType="Control">
        <Style.Resources>
            <Style x:Key="A_Style_FZMaterial_ThreadColorMaterial_Dynamic"
                   TargetType="{x:Type local:FZMaterial}">
                <Setter Property="Preset"
                        Value="{StaticResource A_FZMaterialPresetRoundtangle_FlatPanel_OuterAll}" />
                <Setter Property="Color"
                        Value="{Binding ThreadName, Converter={StaticResource A_Converter_InfluenceThreadIdToColor}}" />
                <Style.Triggers>
                    <DataTrigger Binding="{Binding ThreadName}"
                                 Value="streaming">
                        <Setter Property="Preset"
                                Value="{StaticResource A_FZMaterialPresetRoundtangle_Gradient_MixerThread_OuterAll}" />
                        <Setter Property="Color"
                                Value="#FFFFFF" />
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Style.Resources>
        <Setter Property="Template"
                Value="{StaticResource A_ControlTemplate_InfluenceProgress}" />
    </Style>

    <local:MappingConverter x:Key="A_Converter_HorizonLifeThreadLockedToOpacity">
        <local:MappingConverterEntry Key="false" Value="1.0" />
        <local:MappingConverterEntry Key="true" Value="0.5" />
    </local:MappingConverter>

    <Color x:Key="A_Color_HorizonLifeItemName">#969696</Color>
    <Color x:Key="A_Color_HorizonLifeItemTier">#00B592</Color>
    <Color x:Key="A_Color_HorizonLifeLockIconBackground">#969696</Color>

    <ControlTemplate x:Key="A_ControlTemplate_HorizonLifeItem"
                     TargetType="Control">
        <Grid>
            <DockPanel Opacity="{Binding IsLocked, Converter={StaticResource A_Converter_HorizonLifeThreadLockedToOpacity}}">
                <local:FZMaterial Color="#FFFFFF"
                                  DockPanel.Dock="Bottom"
                                  Preset="{StaticResource A_FZMaterialPresetRoundtangle_FlatPanel_OuterBottomOnly}"
                                  Height="{StaticResource A_Double_Size_Tile_TitlePanel}">
                    <StackPanel VerticalAlignment="Center"
                                HorizontalAlignment="Center"
                                Margin="10,22">
                        <local:FZTextBlock Text="{Binding Progress.Tier, Converter={StaticResource A_Converter_TierToString}}"
                                           Style="{StaticResource A_Style_FZTextBlock_TileTitle}"
                                           HorizontalAlignment="Center" />
                        <Decorator Height="{local:LocalizedResource A_Double_InfographicTextSpacer}"/>
                        <local:FZTextBlock local:TextBlockInlineMarkup.Markup="{Binding Title}"
                                           Style="{StaticResource A_Style_FZTextBlock_TileText_ImageTile}"
                                           Color="{StaticResource A_Color_Tile_Text}"
                                           HorizontalAlignment="Center"/>
                    </StackPanel>
                </local:FZMaterial>
                <Control Style="{StaticResource A_Style_Control_InfluenceProgress_OuterTopOnly}"
                         DataContext="{Binding Progress}" />
            </DockPanel>
            <local:FZMaterial Margin="5"
                              VerticalAlignment="Top"
                              HorizontalAlignment="Right"
                              Preset="{StaticResource A_FZMaterialPresetRoundtangle_FlatPanel_InnerAll}"
                              Color="{StaticResource A_Color_HorizonLifeLockIconBackground}"
                              Visibility="{Binding IsLocked, Converter={StaticResource A_FZBooleanToVisibilityConverter}}">
                <local:FZMaterial ImageSource="/ForzaUI;component/Textures/Anthem/Icons/Pad_Lock.png"
                                  Width="28"
                                  Height="28"
                                  Margin="3" />
            </local:FZMaterial>
        </Grid>
    </ControlTemplate>

</ResourceDictionary>
