.login-morph{isolation:isolate;--morph-ease:cubic-bezier(.22,.8,.22,1);flex:0 0 112px;width:112px;height:42px;position:relative}.login-morph-outline{pointer-events:none;transition:inset .65s var(--morph-ease),opacity .3s ease .15s,filter .55s ease;background:#ffffff02;border:1px solid #ffffffa6;border-radius:999px;position:absolute;inset:0}.login-morph-trigger{z-index:2;color:#edf5fc;letter-spacing:.02em;transition:opacity .22s ease,transform .45s var(--morph-ease);background:0 0;border:0;border-radius:999px;font-size:13px;position:absolute;inset:0}.login-morph-trigger span{transition:filter .3s;display:block}.login-morph-providers{pointer-events:none;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.login-provider{opacity:0;width:42px;height:42px;transition:transform .7s var(--morph-ease),opacity .25s ease,border-color .2s ease,background .2s ease;pointer-events:none;background:#ffffff02;border:1px solid #ffffffa6;border-radius:50%;flex:0 0 42px;place-items:center;padding:0;position:relative;color:#edf5fc!important;display:grid!important}.login-provider svg{transition:transform .55s var(--morph-ease),opacity .3s ease;opacity:0;transform:scale(.55)}.login-provider-google{transform:translate(27px)scale(.83)}.login-provider-apple{transform:translate(-27px)scale(.83)}.login-morph[data-open=true] .login-morph-outline{opacity:0;filter:blur(2px);transition:inset .65s var(--morph-ease),opacity .22s ease .1s,filter .55s ease;inset:0 35px}.login-morph[data-open=true] .login-morph-trigger{opacity:0;pointer-events:none;transform:scale(.88)}.login-morph[data-open=true] .login-morph-trigger span{filter:blur(3px)}.login-morph[data-open=true] .login-provider{opacity:1;pointer-events:auto;transition:transform .7s var(--morph-ease),opacity .3s ease .1s,border-color .2s ease,background .2s ease;transform:translate(0)scale(1)}.login-morph[data-open=true] .login-provider svg{opacity:1;transition-delay:.14s;transform:scale(1)}.login-provider:hover{background:#ffffff14;border-color:#fff;transform:translateY(-2px)!important}.login-provider-apple{cursor:default}:is(.login-morph-trigger:focus-visible,.login-provider:focus-visible){outline-offset:5px;outline:1px solid #fff}.login-morph:has(.login-morph-trigger:focus-visible)[data-open=true] .login-provider{border-color:#fff;box-shadow:0 0 0 3px #ffffff0d}@media (prefers-reduced-motion:reduce){.login-morph *{filter:none!important;transition:none!important}}