.o-auth-provider-x .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-x .auth-card{border-radius:.75rem;padding:2rem 1.5rem}}.o-auth-provider-x .provider-logo svg{color:var(--text1);fill:var(--text1)}.o-auth-provider-x .x-signin-btn{background:oklch(0 0 0);transition:background var(--duration-200) var(--ease-out)}.o-auth-provider-x .x-signin-btn:hover{background:oklch(.1 0 0)}.o-auth-provider-x .x-signin-btn:active{background:oklch(.06 0 0)}.o-auth-provider-x .x-signin-btn:focus{outline:2px solid oklch(.6 .2 220);outline-offset:4px}.o-auth-provider-x .x-logo svg{fill:var(--text1)}.o-auth-provider-x .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='200' y='580' fill='rgba(255,255,255,0.16)' font-family='Arial' font-size='500' font-weight='900'%3EX%3C/text%3E%3Cpath stroke='rgba(255,255,255,0.1)' stroke-width='6' d='m250 300 400 400M650 300 250 700' opacity='.5'/%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-x .auth-container:after{width:40%}}@media(width < 768px){.o-auth-provider-x .auth-container:after{display:none}}