.o_login_auth {
    --oauth-icon-size: 1.5em;

    .fa, .oi {
        font-size: var(--oauth-icon-size);
        width: 1em; // Force a square sizing, as other icons
        text-align: center;
    }

    .o_auth_oauth_provider_icon {
        width: var(--oauth-icon-size);
        height: var(--oauth-icon-size);
        background-size: contain;
        background-repeat: no-repeat;

        &.o_odoo_provider {
            background-image: url("data:image/svg+xml,%3Csvg width='150' height='150' viewBox='0 0 150 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75 150C60.1664 150 45.666 145.601 33.3323 137.36C20.9986 129.119 11.3856 117.406 5.70907 103.701C0.032495 89.9968 -1.45275 74.9168 1.44114 60.3683C4.33503 45.8197 11.4781 32.456 21.967 21.967C32.456 11.4781 45.8197 4.33503 60.3683 1.44114C74.9168 -1.45275 89.9968 0.032495 103.701 5.70907C117.406 11.3856 129.119 20.9986 137.36 33.3323C145.601 45.666 150 60.1664 150 75C150 94.8913 142.098 113.968 128.033 128.033C113.968 142.098 94.8913 150 75 150ZM75 119C83.7024 119 92.2094 116.419 99.4451 111.585C106.681 106.75 112.32 99.8781 115.651 91.8381C118.981 83.7982 119.852 74.9512 118.155 66.4161C116.457 57.8809 112.266 50.0408 106.113 43.8873C99.9592 37.7338 92.1192 33.5432 83.584 31.8455C75.0488 30.1477 66.2019 31.0191 58.162 34.3493C50.122 37.6796 43.2502 43.3192 38.4154 50.555C33.5806 57.7907 31 66.2977 31 75C31 86.6696 35.6357 97.8611 43.8873 106.113C52.1389 114.364 63.3305 119 75 119Z' fill='%23714B67'/%3E%3C/svg%3E");
        }

        &.o_facebook_provider {
            background-image: url("data:image/svg+xml,%3Csvg width='500' height='500' viewBox='0 0 500 500' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M500 250C500 111.93 388.07 0 250 0S0 111.93 0 250c0 117.24 80.72 215.62 189.61 242.64V326.4h-51.55V250h51.55v-32.92c0-85.09 38.51-124.53 122.05-124.53 15.84 0 43.17 3.11 54.35 6.21v69.25c-5.9-.62-16.15-.93-28.88-.93-40.99 0-56.83 15.53-56.83 55.9V250h81.66l-14.03 76.4H280.3v171.77C404.07 483.22 500 377.82 500 250Z' fill='%230866FF'/%3E%3Cpath d='m347.92 326.4 14.03-76.4h-81.66v-27.02c0-40.37 15.84-55.9 56.83-55.9 12.73 0 22.98.31 28.88.93V98.76c-11.18-3.11-38.51-6.21-54.35-6.21-83.54 0-122.05 39.44-122.05 124.53V250h-51.55v76.4h51.55v166.24c19.34 4.8 39.57 7.36 60.39 7.36 10.25 0 20.36-.63 30.29-1.83V326.4h67.64Z' fill='%23ffffff'/%3E%3C/svg%3E");
        }

        &.o_google_provider {
            background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' data-name='Layer 1' id='Layer_1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.75,16A7.7446,7.7446,0,0,1,8.7177,18.6259L4.2849,22.1721A13.244,13.244,0,0,0,29.25,16' fill='%2300ac47'/%3E%3Cpath d='M23.75,16a7.7387,7.7387,0,0,1-3.2516,6.2987l4.3824,3.5059A13.2042,13.2042,0,0,0,29.25,16' fill='%234285f4'/%3E%3Cpath d='M8.25,16a7.698,7.698,0,0,1,.4677-2.6259L4.2849,9.8279a13.177,13.177,0,0,0,0,12.3442l4.4328-3.5462A7.698,7.698,0,0,1,8.25,16Z' fill='%23ffba00'/%3E%3Cpolygon fill='%232ab2db' points='8.718 13.374 8.718 13.374 8.718 13.374 8.718 13.374'/%3E%3Cpath d='M16,8.25a7.699,7.699,0,0,1,4.558,1.4958l4.06-3.7893A13.2152,13.2152,0,0,0,4.2849,9.8279l4.4328,3.5462A7.756,7.756,0,0,1,16,8.25Z' fill='%23ea4435'/%3E%3Cpolygon fill='%232ab2db' points='8.718 18.626 8.718 18.626 8.718 18.626 8.718 18.626'/%3E%3Cpath d='M29.25,15v1L27,19.5H16.5V14H28.25A1,1,0,0,1,29.25,15Z' fill='%234285f4'/%3E%3C/svg%3E");
        }
    }
}