.o-auth-provider-facebook .auth-card{background:var(--surface1);border:none;border-radius:1rem;box-shadow:var(--shadow-elevation2);padding:2.5rem 2rem}@media(width <= 480px){.o-auth-provider-facebook .auth-card{border-radius:.75rem;padding:2rem 1.5rem}}.o-auth-provider-facebook .provider-logo svg{color:oklch(.58 .22 250)}.o-auth-provider-facebook .facebook-signin-btn{background:oklch(.58 .22 250);transition:background var(--duration-200) var(--ease-out)}.o-auth-provider-facebook .facebook-signin-btn:hover{background:color-mix(in oklch,oklch(58% .22 250deg),oklch(0% 0 0deg) 10%)}.o-auth-provider-facebook .facebook-signin-btn:active{background:color-mix(in oklch,oklch(58% .22 250deg),oklch(0% 0 0deg) 20%)}.o-auth-provider-facebook .facebook-signin-btn:focus{outline:2px solid oklch(.58 .22 250);outline-offset:4px}.o-auth-provider-facebook .auth-container:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800'%3E%3Ctext x='300' y='605' fill='%231877f2' font-family='Arial, sans-serif' font-size='550' font-weight='900' opacity='.2'%3Ef%3C/text%3E%3Ccircle cx='500' cy='150' r='140' fill='none' stroke='%231877f2' stroke-width='3' opacity='.12'/%3E%3C/svg%3E");background-position:50%;background-size:cover;content:"";height:100vh;inset-inline-start:0;pointer-events:none;position:fixed;top:0;width:50%;z-index:1}@media(width >= 768px)and (width < 1025px){.o-auth-provider-facebook .auth-container:after{width:40%}}@media(width < 768px){.o-auth-provider-facebook .auth-container:after{display:none}}