<?xml version="1.0" encoding="utf-8"?>
<resources>

    <style name="Widget.Vector.Button.Outlined.SocialLogin">
        <item name="android:textAllCaps">false</item>
        <item name="fontFamily">sans-serif-medium</item>
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="iconGravity">start</item>
        <item name="android:textSize">14sp</item>
        <item name="android:textAlignment">center</item>
        <item name="android:paddingStart">4dp</item>
        <!-- Compensate icon size to center text correctly-->
        <item name="android:paddingEnd">38dp</item>
        <item name="android:clipToPadding">false</item>
        <item name="iconSize">38dp</item>
        <item name="strokeColor">@color/black_54</item>
    </style>

    <style name="Widget.Vector.Button.Outlined.SocialLogin.Google">
        <item name="icon">@drawable/ic_social_google</item>
        <item name="iconTint">@android:color/transparent</item>
        <item name="iconTintMode">add</item>
    </style>

    <style name="Widget.Vector.Button.Outlined.SocialLogin.Google.Light">
        <item name="android:backgroundTint">@color/button_social_google_background_selector_light</item>
        <item name="android:textColor">@color/black_54</item>
    </style>

    <style name="Widget.Vector.Button.Outlined.SocialLogin.Github">
        <item name="icon">@drawable/ic_social_github</item>
    </style>

    <style name="Widget.Vector.Button.Outlined.SocialLogin.Github.Light">
        <item name="iconTint">@android:color/black</item>
        <item name="android:textColor">@android:color/black</item>
        <item name="android:backgroundTint">@android:color/white</item>
    </style>

    <style name="Widget.Vector.Button.Outlined.SocialLogin.Github.Dark">
        <item name="iconTint">@android:color/white</item>
        <item name="android:textColor">@android:color/white</item>
        <item name="android:backgroundTint">@android:color/black</item>
    </style>

    <style name="Widget.Vector.Button.Outlined.SocialLogin.Facebook">
        <item name="icon">@drawable/ic_social_facebook</item>
    </style>

    <style name="Widget.Vector.Button.Outlined.SocialLogin.Facebook.Light">
        <item name="strokeColor">#3877EA</item>
        <item name="strokeWidth">1dp</item>
        <item name="iconTint">#3877EA</item>
        <item name="android:textColor">#3877EA</item>
        <item name="android:backgroundTint">@android:color/white</item>
    </style>

    <style name="Widget.Vector.Button.Outlined.SocialLogin.Facebook.Dark">
        <item name="iconTint">@android:color/white</item>
        <item name="android:textColor">@android:color/white</item>
        <item name="android:backgroundTint">#3877EA</item>
    </style>

    <style name="Widget.Vector.Button.Outlined.SocialLogin.Twitter">
        <item name="icon">@drawable/ic_social_twitter</item>
    </style>

    <style name="Widget.Vector.Button.Outlined.SocialLogin.Twitter.Light">
        <item name="iconTint">#5D9EC9</item>
        <item name="android:textColor">#5D9EC9</item>
        <item name="android:backgroundTint">@android:color/white</item>
    </style>

    <style name="Widget.Vector.Button.Outlined.SocialLogin.Twitter.Dark">
        <item name="iconTint">@android:color/white</item>
        <item name="android:textColor">@android:color/white</item>
        <item name="android:backgroundTint">#5D9EC9</item>
    </style>

    <style name="Widget.Vector.Button.Outlined.SocialLogin.Apple">
        <item name="icon">@drawable/ic_social_apple</item>
    </style>

    <style name="Widget.Vector.Button.Outlined.SocialLogin.Apple.Light">
        <item name="iconTint">@android:color/white</item>
        <item name="android:textColor">@android:color/white</item>
        <item name="android:backgroundTint">@android:color/black</item>
    </style>

    <style name="Widget.Vector.Button.Outlined.SocialLogin.Apple.Dark">
        <item name="iconTint">@android:color/black</item>
        <item name="android:textColor">@android:color/black</item>
        <item name="android:backgroundTint">@android:color/white</item>
    </style>

    <style name="Widget.Vector.Button.Outlined.SocialLogin.Gitlab">
        <item name="icon">@drawable/ic_social_gitlab</item>
        <item name="iconTint">@android:color/transparent</item>
        <item name="iconTintMode">add</item>
    </style>

    <style name="Widget.Vector.Button.Outlined.SocialLogin.Gitlab.Light">
        <item name="android:textColor">@android:color/black</item>
        <item name="android:backgroundTint">@android:color/white</item>
    </style>

    <style name="Widget.Vector.Button.Outlined.SocialLogin.Gitlab.Dark">
        <item name="android:textColor">@android:color/white</item>
        <item name="android:backgroundTint">@android:color/black</item>
    </style>

</resources>