.o-auth-provider-microsoft .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-microsoft .auth-card{border-radius:.75rem;padding:2rem 1.5rem}}.o-auth-provider-microsoft .microsoft-signin-btn{background:oklch(.55 .19 240);transition:background var(--duration-200) var(--ease-out)}.o-auth-provider-microsoft .microsoft-signin-btn:hover{background:color-mix(in oklch,oklch(55% .19 240deg),oklch(0% 0 0deg) 10%)}.o-auth-provider-microsoft .microsoft-signin-btn:active{background:color-mix(in oklch,oklch(55% .19 240deg),oklch(0% 0 0deg) 20%)}.o-auth-provider-microsoft .microsoft-signin-btn:focus{outline:2px solid oklch(.55 .19 240);outline-offset:4px}.o-auth-provider-microsoft .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%3Cpath fill='%23f25022' d='M200 200h190v190H200z' opacity='.18'/%3E%3Cpath fill='%2300a4ef' d='M410 200h190v190H410z' opacity='.18'/%3E%3Cpath fill='%237fba00' d='M200 410h190v190H200z' opacity='.18'/%3E%3Cpath fill='%23ffb900' d='M410 410h190v190H410z' opacity='.18'/%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-microsoft .auth-container:after{width:40%}}@media(width < 768px){.o-auth-provider-microsoft .auth-container:after{display:none}}