.signin-option-tile{--scene-accent:var(--color-petrol-500);width:2.5rem;height:2.5rem;color:var(--color-petrol-600);background:color-mix(in oklab,var(--color-petrol-500) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-petrol-500) 14%,transparent);transition:background-color var(--duration-quick) var(--ease-snap),color var(--duration-quick) var(--ease-snap),box-shadow var(--duration-state) var(--ease-snap);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.dark .signin-option-tile{--scene-accent:var(--color-petrol-400);color:var(--color-petrol-300);background:color-mix(in oklab,var(--color-petrol-400) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-petrol-300) 18%,transparent)}.signin-option:enabled:focus-visible .signin-option-tile,.signin-option:enabled:hover .signin-option-tile{color:#fff;background:var(--scene-accent);box-shadow:0 4px 14px -4px color-mix(in oklab,var(--color-petrol-500) 70%,transparent)}.scene{overflow:visible}.scene-badge{fill:#fff}.scene-badge-mark{stroke:var(--scene-accent)}.scene-plane{offset-path:path("M20 20 L58 -18 A6 6 0 0 1 66.4 -9.6 C46 10.8 8 10 8 22 C8 30 12 28 20 20");offset-distance:0;offset-rotate:auto 45deg;position:absolute;top:0;left:0}@supports not (offset-path:path("M0 0")){.scene-plane{position:static;animation:none!important}}.scene-check{opacity:0;margin:auto;position:absolute;inset:0}.scene-qr-check{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.signin-option:enabled:focus-visible .signin-option-icon,.signin-option:enabled:hover .signin-option-icon{animation:signin-option-pop var(--duration-state) var(--ease-spring)}.signin-option:enabled:focus-visible .scene-qr-beam,.signin-option:enabled:hover .scene-qr-beam{animation:scene-qr-beam 1s var(--ease-snap) 80ms both}.signin-option:enabled:focus-visible .scene-qr-check,.signin-option:enabled:hover .scene-qr-check{animation:scene-pop-in .32s var(--ease-spring) 1.05s both}.signin-option:enabled:focus-visible .scene-plane,.signin-option:enabled:hover .scene-plane{animation:scene-plane 2.4s var(--ease-snap) 80ms both}.signin-option:enabled:focus-visible .scene-check,.signin-option:enabled:hover .scene-check{animation:scene-check 2.4s var(--ease-snap) 80ms both}}@keyframes signin-option-pop{45%{scale:1.18}}@keyframes scene-pop-in{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}@keyframes scene-qr-beam{0%{opacity:0;translate:0}10%{opacity:.9}50%{translate:0 22px}90%{opacity:.9}to{opacity:0;translate:0}}@keyframes scene-plane{0%{offset-distance:0;animation-timing-function:ease-in}14%{offset-distance:17%;animation-timing-function:linear}68%{offset-distance:57%;animation-timing-function:ease-out}to{offset-distance:100%}}@keyframes scene-check{0%,20%{opacity:0;scale:.4}30%{opacity:1;scale:1.08}35%{scale:1}55%{opacity:1;scale:1}64%,to{opacity:0;scale:.4}}