<Styles
  xmlns="https://github.com/avaloniaui"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:a="clr-namespace:Avalonia.Media.Animations;assembly=Avalonia.Media.Animations">
  <Style Selector="TabControl.sidebar">
    <Setter Property="Template">
      <ControlTemplate>
        <DockPanel>
          <ScrollViewer MinWidth="190" Background="{DynamicResource ThemeAccentBrush}" DockPanel.Dock="Left">
            <TabStrip Name="PART_TabStrip" MemberSelector="{x:Static TabControl.HeaderSelector}" Items="{TemplateBinding Items}" SelectedIndex="{TemplateBinding Path=SelectedIndex, Mode=TwoWay}">
              <TabStrip.ItemsPanel>
                <ItemsPanelTemplate>
                  <StackPanel Orientation="Vertical"/>
                </ItemsPanelTemplate>
              </TabStrip.ItemsPanel>
            </TabStrip>
          </ScrollViewer>
          <Carousel Name="PART_Content" Margin="8 0 0 0" MemberSelector="{x:Static TabControl.ContentSelector}" Items="{TemplateBinding Items}" SelectedIndex="{TemplateBinding Path=SelectedIndex}" PageTransition="{TemplateBinding PageTransition}" Grid.Row="1"/>
        </DockPanel>
      </ControlTemplate>
    </Setter>
  </Style>
  <Style Selector="TabControl.sidebar TabStripItem">
    <Setter Property="Foreground" Value="White"/>
    <Setter Property="FontSize" Value="14"/>
    <Setter Property="Margin" Value="0"/>
    <Setter Property="Padding" Value="16"/>
    <Setter Property="Opacity" Value="1"/>
    <Setter Property="BorderThickness" Value="1"/>
    <Setter Property="Template">
      <ControlTemplate>
        <Grid Background="#01000000">
          <Border Name="selectedBackground" BorderThickness="{TemplateBinding BorderThickness}" Margin="0" CornerRadius="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Opacity="0">
            <Border.BorderBrush>
              <LinearGradientBrush StartPoint="0,0" EndPoint="190,51">
                <LinearGradientBrush.GradientStops>
                  <GradientStop Offset="0" Color="#FF70AAE0"/>
                  <GradientStop Offset="1" Color="#FF7CC2FF"/>
                </LinearGradientBrush.GradientStops>
              </LinearGradientBrush>
            </Border.BorderBrush>
            <Border.Background>
              <LinearGradientBrush StartPoint="0,0" EndPoint="0,51">
                <LinearGradientBrush.GradientStops>
                  <GradientStop Offset="0" Color="#FF9BD0FF"/>
                  <GradientStop Offset="0.45" Color="#FF89C0FF"/>
                  <GradientStop Offset="0.9" Color="#FFA5D9FF"/>
                  <GradientStop Offset="1" Color="#FF9ED1FF"/>
                </LinearGradientBrush.GradientStops>
              </LinearGradientBrush>
            </Border.Background>
          </Border>
          <Border Name="hoverBackground" BorderThickness="{TemplateBinding BorderThickness}" Margin="0" CornerRadius="0" Width="190" HorizontalAlignment="Center" VerticalAlignment="Stretch" Opacity="0">
            <Border.RenderTransform>
              <TranslateTransform X="-200" Y="0"/>
            </Border.RenderTransform>
            <Border.BorderBrush>
              <LinearGradientBrush StartPoint="0,0" EndPoint="190,51">
                <LinearGradientBrush.GradientStops>
                  <GradientStop Offset="0" Color="#FF599EE2"/>
                  <GradientStop Offset="1" Color="#FF61B4FF"/>
                </LinearGradientBrush.GradientStops>
              </LinearGradientBrush>
            </Border.BorderBrush>
            <Border.Background>
              <LinearGradientBrush StartPoint="0,0" EndPoint="0,51">
                <LinearGradientBrush.GradientStops>
                  <GradientStop Offset="0" Color="#FF80C3FF"/>
                  <GradientStop Offset="0.45" Color="#FF70B2FF"/>
                  <GradientStop Offset="0.9" Color="#FF8CCEFF"/>
                  <GradientStop Offset="1" Color="#FF83C4FF"/>
                </LinearGradientBrush.GradientStops>
              </LinearGradientBrush>
            </Border.Background>
          </Border>
          <ContentPresenter Name="PART_ContentPresenter" Margin="{TemplateBinding Padding}" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Opacity="1"/>
        </Grid>
      </ControlTemplate>
    </Setter>
  </Style>
  <Style Selector="TabControl.sidebar TabStripItem[IsSelected=true] /template/ Border#selectedBackground">
    <Style.Animations>
      <Animation Duration="0:0:0.125" Easing="CircularEaseOut" FillMode="Both">
        <KeyFrame Cue="0%">
          <DoubleSetter Property="Opacity" Value="0"/>
        </KeyFrame>
        <KeyFrame Cue="100%">
          <DoubleSetter Property="Opacity" Value="1"/>
        </KeyFrame>
      </Animation>
    </Style.Animations>
  </Style>
  <Style Selector="TabControl.sidebar TabStripItem[IsSelected=false] /template/ Border#selectedBackground">
    <Style.Animations>
      <Animation Duration="0:0:0.125" Easing="CircularEaseOut" FillMode="Both">
        <KeyFrame Cue="0%">
          <DoubleSetter Property="Opacity" Value="1"/>
        </KeyFrame>
        <KeyFrame Cue="100%">
          <DoubleSetter Property="Opacity" Value="0"/>
        </KeyFrame>
      </Animation>
    </Style.Animations>
  </Style>
  <Style Selector="TabControl.sidebar TabStripItem[IsPointerOver=true] /template/ Border#hoverBackground">
    <Style.Animations>
      <Animation Duration="0:0:0.125" Easing="CircularEaseOut" FillMode="Forward">
        <KeyFrame Cue="100%">
          <TransformSetter Property="TranslateTransform.X" Value="0"/>
        </KeyFrame>
      </Animation>
      <Animation Duration="0:0:0.125" Easing="CircularEaseOut" FillMode="Both">
        <KeyFrame Cue="0%">
          <DoubleSetter Property="Opacity" Value="0"/>
        </KeyFrame>
        <KeyFrame Cue="100%">
          <DoubleSetter Property="Opacity" Value="1"/>
        </KeyFrame>
      </Animation>
    </Style.Animations>
  </Style>
  <Style Selector="TabControl.sidebar TabStripItem[IsPointerOver=false] /template/ Border#hoverBackground">
    <Style.Animations>
      <Animation Duration="0:0:0.125" Easing="CircularEaseIn" FillMode="Forward">
        <KeyFrame Cue="100%">
          <TransformSetter Property="TranslateTransform.X" Value="-200"/>
        </KeyFrame>
      </Animation>
      <Animation Duration="0:0:0.125" Easing="CircularEaseIn" FillMode="Both">
        <KeyFrame Cue="0%">
          <DoubleSetter Property="Opacity" Value="1"/>
        </KeyFrame>
        <KeyFrame Cue="100%">
          <DoubleSetter Property="Opacity" Value="0"/>
        </KeyFrame>
      </Animation>
    </Style.Animations>
    <Setter Property="Opacity" Value="1"/>
  </Style>
</Styles>