@layer properties,theme,base,components;@layer utilities{:where(.dark) .group:hover .group-hover\:text-cyan-600,:where(.dark) .hover\:text-cyan-600:hover{color:#22d3ee}:where(.dark) .group:hover .group-hover\:text-slate-500,:where(.dark) .hover\:text-slate-500:hover,:where(.dark) .text-slate-500,:where(.dark) .text-zinc-500{color:#a1a1aa}:where(.dark) .hover\:text-amber-600:hover{color:#fbbf24}:where(.dark) .hover\:text-amber-700:hover{color:#fcd34d}:where(.dark) .hover\:text-amber-800:hover,:where(.dark) .hover\:text-amber-900:hover,:where(.dark) .text-amber-950{color:#fde68a}:where(.dark) .hover\:text-blue-600:hover{color:#60a5fa}:where(.dark) .hover\:text-blue-700:hover{color:#93c5fd}:where(.dark) .hover\:text-blue-800:hover{color:#bfdbfe}:where(.dark) .hover\:text-emerald-700:hover{color:#6ee7b7}:where(.dark) .hover\:text-emerald-800:hover,:where(.dark) .text-emerald-950{color:#a7f3d0}:where(.dark) .hover\:text-indigo-700:hover{color:#a5b4fc}:where(.dark) .hover\:text-indigo-800:hover{color:#c7d2fe}:where(.dark) .hover\:text-red-600:hover{color:#f87171}:where(.dark) .hover\:text-red-700:hover{color:#fca5a5}:where(.dark) .hover\:text-red-800:hover{color:#fecaca}:where(.dark) .hover\:text-rose-600:hover{color:#fb7185}:where(.dark) .hover\:text-rose-700:hover{color:#fda4af}:where(.dark) .hover\:text-rose-800:hover,:where(.dark) .text-rose-800,:where(.dark) .text-rose-900{color:#fecdd3}:where(.dark) .hover\:text-sky-700:hover{color:#7dd3fc}:where(.dark) .hover\:text-sky-900:hover,:where(.dark) .text-sky-800,:where(.dark) .text-sky-900{color:#bae6fd}:where(.dark) .hover\:text-slate-400:hover,:where(.dark) .text-slate-400,:where(.dark) .text-zinc-400{color:#8b8b94}:where(.dark) .hover\:text-slate-600:hover,:where(.dark) .text-slate-600,:where(.dark) .text-zinc-600{color:#d4d4d8}:where(.dark) .hover\:text-slate-700:hover,:where(.dark) .text-slate-700,:where(.dark) .text-zinc-700{color:#e4e4e7}:where(.dark) .hover\:text-slate-800:hover,:where(.dark) .hover\:text-slate-900:hover,:where(.dark) .hover\:text-zinc-900:hover,:where(.dark) .text-slate-800,:where(.dark) .text-slate-900,:where(.dark) .text-slate-950,:where(.dark) .text-zinc-900{color:#fafafa}:where(.dark) .hover\:text-teal-600:hover{color:#2dd4bf}:where(.dark) .hover\:text-teal-700:hover{color:#5eead4}:where(.dark) .text-amber-700\/70{color:#fcd34db3}:where(.dark) .text-amber-700\/80{color:#fcd34dcc}:where(.dark) .text-amber-800\/80,:where(.dark) .text-amber-900\/80{color:#fde68acc}:where(.dark) .text-amber-800\/90{color:#fde68ae6}:where(.dark) .text-amber-900\/70{color:#fde68ab3}:where(.dark) .text-blue-600\/60{color:#60a5fa99}:where(.dark) .text-blue-700\/80{color:#93c5fdcc}:where(.dark) .text-cyan-800{color:#a5f3fc}:where(.dark) .text-emerald-700\/60{color:#6ee7b799}:where(.dark) .text-emerald-700\/70{color:#6ee7b7b3}:where(.dark) .text-emerald-700\/80{color:#6ee7b7cc}:where(.dark) .text-emerald-800\/80{color:#a7f3d0cc}:where(.dark) .text-indigo-600\/80{color:#818cf8cc}:where(.dark) .text-indigo-700\/80{color:#a5b4fccc}:where(.dark) .text-indigo-800\/80{color:#c7d2fecc}:where(.dark) .text-indigo-800\/90,:where(.dark) .text-indigo-900\/90{color:#c7d2fee6}:where(.dark) .text-purple-600\/70{color:#c084fcb3}:where(.dark) .text-red-700\/80{color:#fca5a5cc}:where(.dark) .text-red-800\/90{color:#fecacae6}:where(.dark) .text-red-900\/80{color:#fecacacc}:where(.dark) .text-rose-700\/80{color:#fda4afcc}:where(.dark) .text-sky-700\/70{color:#7dd3fcb3}:where(.dark) .text-sky-900\/70{color:#bae6fdb3}:where(.dark) .text-sky-900\/80{color:#bae6fdcc}:where(.dark) .text-sky-900\/85{color:#bae6fdd9}:where(.dark) .text-slate-200,:where(.dark) .text-slate-300{color:#52525b}:where(.dark) .text-teal-600\/60{color:#2dd4bf99}:where(.dark) .text-teal-600\/70{color:#2dd4bfb3}:where(.dark) .text-teal-800{color:#99f6e4}:where(.dark) .text-violet-700\/80{color:#c4b5fdcc}:where(.dark) .text-violet-800,:where(.dark) .text-violet-900{color:#ddd6fe}:where(.dark) .text-yellow-800{color:#fef08a}:where(.dark) .bg-amber-100\/40{background-color:#f59e0b0f}:where(.dark) .bg-amber-100\/60{background-color:#f59e0b12}:where(.dark) .bg-amber-200,:where(.dark) .hover\:bg-amber-200:hover{background-color:#f59e0b33}:where(.dark) .bg-amber-50\/30,:where(.dark) .bg-amber-50\/40,:where(.dark) .bg-amber-50\/50,:where(.dark) .hover\:bg-amber-50\/30:hover{background-color:#f59e0b0a}:where(.dark) .bg-amber-50\/60{background-color:#f59e0b0c}:where(.dark) .bg-amber-50\/70{background-color:#f59e0b0e}:where(.dark) .bg-amber-50\/80{background-color:#f59e0b10}:where(.dark) .bg-blue-200{background-color:#3b82f633}:where(.dark) .bg-blue-50\/30,:where(.dark) .bg-blue-50\/40,:where(.dark) .bg-blue-50\/50,:where(.dark) .hover\:bg-blue-50\/50:hover{background-color:#3b82f60a}:where(.dark) .bg-blue-50\/60{background-color:#3b82f60c}:where(.dark) .bg-blue-50\/70{background-color:#3b82f60e}:where(.dark) .bg-blue-50\/80{background-color:#3b82f610}:where(.dark) .bg-cyan-50\/50{background-color:#06b6d40a}:where(.dark) .bg-emerald-200{background-color:#10b98133}:where(.dark) .bg-emerald-50\/30,:where(.dark) .bg-emerald-50\/40,:where(.dark) .bg-emerald-50\/50{background-color:#10b9810a}:where(.dark) .bg-emerald-50\/60{background-color:#10b9810c}:where(.dark) .bg-emerald-50\/70{background-color:#10b9810e}:where(.dark) .bg-emerald-50\/80{background-color:#10b98110}:where(.dark) .bg-emerald-50\/95{background-color:#10b98113}:where(.dark) .bg-green-100\/70{background-color:#22c55e15}:where(.dark) .bg-green-200{background-color:#22c55e33}:where(.dark) .bg-green-50\/40,:where(.dark) .bg-green-50\/50,:where(.dark) .hover\:bg-green-50\/50:hover{background-color:#22c55e0a}:where(.dark) .bg-green-50\/80{background-color:#22c55e10}:where(.dark) .bg-indigo-100\/60{background-color:#6366f112}:where(.dark) .bg-indigo-50\/30,:where(.dark) .bg-indigo-50\/40,:where(.dark) .bg-indigo-50\/50{background-color:#6366f10a}:where(.dark) .bg-indigo-50\/60{background-color:#6366f10c}:where(.dark) .bg-orange-100\/70{background-color:#f9731615}:where(.dark) .bg-orange-200{background-color:#f9731633}:where(.dark) .bg-orange-50\/40,:where(.dark) .bg-orange-50\/50{background-color:#f973160a}:where(.dark) .bg-purple-50\/20,:where(.dark) .bg-purple-50\/30{background-color:#a855f70a}:where(.dark) .bg-purple-50\/80{background-color:#a855f710}:where(.dark) .bg-red-100\/60{background-color:#ef444412}:where(.dark) .bg-red-100\/70{background-color:#ef444415}:where(.dark) .bg-red-200{background-color:#ef444433}:where(.dark) .bg-red-50\/30,:where(.dark) .bg-red-50\/40,:where(.dark) .bg-red-50\/50,:where(.dark) .hover\:bg-red-50\/50:hover{background-color:#ef44440a}:where(.dark) .bg-red-50\/60{background-color:#ef44440c}:where(.dark) .bg-red-50\/80,:where(.dark) .hover\:bg-red-50\/80:hover{background-color:#ef444410}:where(.dark) .bg-rose-200{background-color:#f43f5e33}:where(.dark) .bg-rose-50\/40,:where(.dark) .bg-rose-50\/50{background-color:#f43f5e0a}:where(.dark) .bg-rose-50\/60{background-color:#f43f5e0c}:where(.dark) .bg-rose-50\/70{background-color:#f43f5e0e}:where(.dark) .bg-rose-50\/80{background-color:#f43f5e10}:where(.dark) .bg-rose-50\/95{background-color:#f43f5e13}:where(.dark) .bg-sky-100{background-color:#0ea5e91f}:where(.dark) .bg-sky-200{background-color:#0ea5e933}:where(.dark) .bg-sky-50\/40,:where(.dark) .bg-sky-50\/50{background-color:#0ea5e90a}:where(.dark) .bg-sky-50\/60{background-color:#0ea5e90c}:where(.dark) .bg-sky-50\/70,:where(.dark) .hover\:bg-sky-50\/70:hover{background-color:#0ea5e90e}:where(.dark) .bg-sky-50\/80{background-color:#0ea5e910}:where(.dark) .bg-slate-100\/80,:where(.dark) .bg-slate-50\/80{background-color:#18181bcc}:where(.dark) .bg-slate-300,:where(.dark) .bg-zinc-300{background-color:#3f3f46}:where(.dark) .bg-slate-50\/40{background-color:#18181b66}:where(.dark) .bg-slate-50\/60,:where(.dark) .hover\:bg-slate-50\/60:hover{background-color:#18181b99}:where(.dark) .bg-slate-50\/70{background-color:#18181bb3}:where(.dark) .bg-slate-50\/95{background-color:#18181bf2}:where(.dark) .bg-teal-100{background-color:#14b8a61f}:where(.dark) .bg-teal-50\/30{background-color:#14b8a60a}:where(.dark) .bg-violet-50\/40,:where(.dark) .bg-violet-50\/50,:where(.dark) .hover\:bg-violet-50\/40:hover{background-color:#8b5cf60a}:where(.dark) .bg-violet-50\/60{background-color:#8b5cf60c}:where(.dark) .bg-violet-50\/70{background-color:#8b5cf60e}:where(.dark) .bg-zinc-200{background-color:#27272a}:where(.dark) .bg-zinc-200\/60{background-color:#27272a99}:where(.dark) .bg-zinc-200\/70{background-color:#27272ab3}:where(.dark) .bg-zinc-50\/50,:where(.dark) .hover\:bg-slate-50\/50:hover{background-color:#18181b80}:where(.dark) .group:hover .group-hover\:bg-blue-100,:where(.dark) .hover\:bg-blue-100:hover{background-color:#3b82f61f}:where(.dark) .group:hover .group-hover\:bg-emerald-100,:where(.dark) .hover\:bg-emerald-100:hover{background-color:#10b9811f}:where(.dark) .hover\:bg-amber-100:hover{background-color:#f59e0b1f}:where(.dark) .hover\:bg-amber-100\/70:hover{background-color:#f59e0b15}:where(.dark) .hover\:bg-amber-50:hover{background-color:#f59e0b14}:where(.dark) .hover\:bg-blue-100\/60:hover{background-color:#3b82f612}:where(.dark) .hover\:bg-blue-50:hover{background-color:#3b82f614}:where(.dark) .hover\:bg-emerald-50:hover{background-color:#10b98114}:where(.dark) .hover\:bg-green-100:hover{background-color:#22c55e1f}:where(.dark) .hover\:bg-green-50:hover{background-color:#22c55e14}:where(.dark) .hover\:bg-indigo-100:hover{background-color:#6366f11f}:where(.dark) .hover\:bg-indigo-50:hover{background-color:#6366f114}:where(.dark) .hover\:bg-orange-50:hover{background-color:#f9731614}:where(.dark) .hover\:bg-purple-50:hover{background-color:#a855f714}:where(.dark) .hover\:bg-red-100:hover{background-color:#ef44441f}:where(.dark) .hover\:bg-red-50:hover{background-color:#ef444414}:where(.dark) .hover\:bg-rose-100:hover{background-color:#f43f5e1f}:where(.dark) .hover\:bg-rose-50:hover{background-color:#f43f5e14}:where(.dark) .hover\:bg-sky-50:hover{background-color:#0ea5e914}:where(.dark) .hover\:bg-slate-100:hover{background-color:#18181b}:where(.dark) .hover\:bg-slate-50:hover{background-color:#09090b}:where(.dark) .hover\:bg-teal-50:hover{background-color:#14b8a614}:where(.dark) .hover\:bg-violet-100:hover{background-color:#8b5cf61f}:where(.dark) .hover\:bg-violet-200:hover{background-color:#8b5cf633}:where(.dark) .hover\:bg-violet-50:hover{background-color:#8b5cf614}:where(.dark) .hover\:bg-yellow-100:hover{background-color:#eab3081f}:where(.dark) .border-amber-200\/60,:where(.dark) .border-amber-200\/70{border-color:#f59e0b33}:where(.dark) .border-amber-300,:where(.dark) .border-amber-300\/40,:where(.dark) .border-amber-300\/70,:where(.dark) .hover\:border-amber-300:hover{border-color:#f59e0b59}:where(.dark) .border-blue-200\/60,:where(.dark) .hover\:border-blue-200:hover{border-color:#3b82f633}:where(.dark) .border-blue-300,:where(.dark) .hover\:border-blue-300:hover{border-color:#3b82f659}:where(.dark) .border-cyan-300{border-color:#06b6d459}:where(.dark) .border-emerald-200\/60,:where(.dark) .border-emerald-200\/70,:where(.dark) .hover\:border-emerald-200:hover{border-color:#10b98133}:where(.dark) .border-emerald-300,:where(.dark) .hover\:border-emerald-300:hover{border-color:#10b98159}:where(.dark) .border-green-200\/60{border-color:#22c55e33}:where(.dark) .border-green-300{border-color:#22c55e59}:where(.dark) .border-indigo-100\/70{border-color:#6366f126}:where(.dark) .border-indigo-200\/60,:where(.dark) .border-indigo-200\/70,:where(.dark) .hover\:border-indigo-200:hover{border-color:#6366f133}:where(.dark) .border-indigo-300,:where(.dark) .hover\:border-indigo-300:hover{border-color:#6366f159}:where(.dark) .border-lime-100{border-color:#84cc1626}:where(.dark) .border-orange-100{border-color:#f9731626}:where(.dark) .border-orange-300{border-color:#f9731659}:where(.dark) .border-purple-100\/50{border-color:#a855f726}:where(.dark) .border-purple-200\/60,:where(.dark) .hover\:border-purple-200:hover{border-color:#a855f733}:where(.dark) .border-purple-300,:where(.dark) .hover\:border-purple-300:hover{border-color:#a855f759}:where(.dark) .border-red-200\/60{border-color:#ef444433}:where(.dark) .border-red-300{border-color:#ef444459}:where(.dark) .border-rose-100{border-color:#f43f5e26}:where(.dark) .border-rose-200\/60{border-color:#f43f5e33}:where(.dark) .border-rose-300,:where(.dark) .hover\:border-rose-300:hover{border-color:#f43f5e59}:where(.dark) .border-sky-100{border-color:#0ea5e926}:where(.dark) .border-sky-200,:where(.dark) .border-sky-200\/60{border-color:#0ea5e933}:where(.dark) .border-sky-300{border-color:#0ea5e959}:where(.dark) .border-slate-100,:where(.dark) .border-slate-50,:where(.dark) .border-zinc-100{border-color:#1f1f23}:where(.dark) .border-slate-200,:where(.dark) .border-zinc-200,:where(.dark) .border-zinc-200\/60{border-color:#27272a}:where(.dark) .border-slate-300,:where(.dark) .border-zinc-300,:where(.dark) .hover\:border-slate-300:hover{border-color:#3f3f46}:where(.dark) .border-slate-400,:where(.dark) .border-zinc-400,:where(.dark) .hover\:border-slate-400:hover{border-color:#52525b}:where(.dark) .border-teal-100{border-color:#14b8a626}:where(.dark) .border-violet-100{border-color:#8b5cf626}:where(.dark) .border-violet-200\/60,:where(.dark) .border-violet-200\/70{border-color:#8b5cf633}:where(.dark) .border-violet-300,:where(.dark) .hover\:border-violet-300:hover{border-color:#8b5cf659}:where(.dark) .border-yellow-100{border-color:#eab30826}:where(.dark) .group:hover .group-hover\:border-emerald-100\/50{border-color:#10b98126}:where(.dark) .divide-amber-200\/70>:not(:last-child){border-color:#f59e0b33}:where(.dark) .divide-emerald-200\/70>:not(:last-child){border-color:#10b98133}:where(.dark) .divide-purple-100>:not(:last-child){border-color:#a855f726}:where(.dark) .divide-rose-200\/70>:not(:last-child){border-color:#f43f5e33}:where(.dark) .divide-slate-100>:not(:last-child),:where(.dark) .divide-slate-50>:not(:last-child){border-color:#1f1f23}:where(.dark) .divide-violet-100>:not(:last-child){border-color:#8b5cf626}:where(.dark) .ring-amber-100,:where(.dark) .ring-amber-100\/60{--tw-ring-color:#f59e0b33}:where(.dark) .ring-amber-200{--tw-ring-color:#f59e0b40}:where(.dark) .ring-amber-300,:where(.dark) .ring-amber-300\/40{--tw-ring-color:#f59e0b59}:where(.dark) .ring-blue-100{--tw-ring-color:#3b82f633}:where(.dark) .ring-blue-200{--tw-ring-color:#3b82f640}:where(.dark) .ring-blue-300{--tw-ring-color:#3b82f659}:where(.dark) .ring-emerald-100{--tw-ring-color:#10b98133}:where(.dark) .ring-emerald-200{--tw-ring-color:#10b98140}:where(.dark) .ring-indigo-100{--tw-ring-color:#6366f133}:where(.dark) .ring-indigo-300{--tw-ring-color:#6366f159}:where(.dark) .ring-purple-100{--tw-ring-color:#a855f733}:where(.dark) .ring-red-100{--tw-ring-color:#ef444433}:where(.dark) .ring-red-200{--tw-ring-color:#ef444440}:where(.dark) .ring-rose-200,:where(.dark) .ring-rose-200\/60{--tw-ring-color:#f43f5e40}:where(.dark) .ring-rose-300\/60{--tw-ring-color:#f43f5e59}:where(.dark) .ring-sky-200{--tw-ring-color:#0ea5e940}:where(.dark) .ring-sky-300\/40{--tw-ring-color:#0ea5e959}:where(.dark) .ring-slate-100{--tw-ring-color:#1f1f23}:where(.dark) .ring-slate-200{--tw-ring-color:#27272a}:where(.dark) .ring-slate-300{--tw-ring-color:#3f3f46}:where(.dark) .ring-violet-100{--tw-ring-color:#8b5cf633}:where(.dark) .ring-violet-200{--tw-ring-color:#8b5cf640}:where(.dark) .ring-violet-300\/40{--tw-ring-color:#8b5cf659}:where(.dark) .bg-white\/95{background-color:#111113eb}:where(.dark) .bg-white\/85{background-color:#111113db}:where(.dark) .bg-white\/70{background-color:#111113b8}:where(.dark) .text-yoplait-red,:where(.dark) .text-yoplait-primary,:where(.dark) .text-\[\#db2624\],:where(.dark) .hover\:text-yoplait-red:hover,:where(.dark) .hover\:text-\[\#db2624\]:hover{color:#f87171}:where(.dark) .text-\[\#b71d1b\],:where(.dark) .hover\:text-\[\#b71d1b\]:hover{color:#fca5a5}:where(.dark) .bg-primary.text-primary-foreground{background-color:#dc2626}:where(.dark) .hover\:bg-primary\/90.text-primary-foreground:hover{background-color:#dc2626e6}.dark .dark\:text-zinc-500,.dark .dark\:text-gray-500,.dark .dark\:text-slate-500,.dark .dark\:text-zinc-600,.dark .dark\:text-gray-600{color:#8b8b94}.dark .dark\:text-zinc-700{color:#71717a}:where(.dark) .border-white{border-color:#18181b}:where(:root:not(.dark)) .text-gray-400:not(svg):not(:where(.ymbs-dim,.ymbs-dim *,.line-through)){color:#6e737d}:where(:root:not(.dark)) .text-slate-400:not(svg):not(:where(.ymbs-dim,.ymbs-dim *,.line-through)){color:#657388}:where(:root:not(.dark)) .text-zinc-400:not(svg):not(:where(.ymbs-dim,.ymbs-dim *,.line-through)){color:#717179}:where(:root:not(.dark)) .text-amber-500:not(svg):not(:where(.ymbs-dim,.ymbs-dim *)),:where(:root:not(.dark)) .text-amber-600:not(svg):not(:where(.ymbs-dim,.ymbs-dim *)){color:#b45309}:where(:root:not(.dark)) .text-orange-500:not(svg):not(:where(.ymbs-dim,.ymbs-dim *)),:where(:root:not(.dark)) .text-orange-600:not(svg):not(:where(.ymbs-dim,.ymbs-dim *)){color:#c2410c}:where(:root:not(.dark)) .text-green-500:not(svg):not(:where(.ymbs-dim,.ymbs-dim *)),:where(:root:not(.dark)) .text-green-600:not(svg):not(:where(.ymbs-dim,.ymbs-dim *)){color:#15803d}:where(:root:not(.dark)) .text-emerald-500:not(svg):not(:where(.ymbs-dim,.ymbs-dim *)),:where(:root:not(.dark)) .text-emerald-600:not(svg):not(:where(.ymbs-dim,.ymbs-dim *)){color:#047857}:where(:root:not(.dark)) .text-teal-500:not(svg):not(:where(.ymbs-dim,.ymbs-dim *)),:where(:root:not(.dark)) .text-teal-600:not(svg):not(:where(.ymbs-dim,.ymbs-dim *)){color:#0f766e}:where(:root:not(.dark)) .text-cyan-500:not(svg):not(:where(.ymbs-dim,.ymbs-dim *)),:where(:root:not(.dark)) .text-cyan-600:not(svg):not(:where(.ymbs-dim,.ymbs-dim *)){color:#0e7490}:where(:root:not(.dark)) .text-sky-500:not(svg):not(:where(.ymbs-dim,.ymbs-dim *)),:where(:root:not(.dark)) .text-sky-600:not(svg):not(:where(.ymbs-dim,.ymbs-dim *)){color:#0369a1}:where(.dark) option{color:#fafafa;background-color:#18181b}}
.ymbs-surface-popup .maplibregl-popup-content{background:var(--popover);color:var(--popover-foreground);border:1px solid var(--border);border-radius:10px;padding:8px 28px 8px 12px;font-size:13px;line-height:1.4;box-shadow:0 8px 24px #0000002e}.ymbs-surface-popup .maplibregl-popup-close-button{color:var(--muted-foreground);padding:2px 6px;font-size:16px}.ymbs-surface-popup .maplibregl-popup-close-button:hover{color:var(--popover-foreground);background:0 0}.ymbs-surface-popup.maplibregl-popup-anchor-bottom .maplibregl-popup-tip,.ymbs-surface-popup.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip,.ymbs-surface-popup.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{border-top-color:var(--popover)}.ymbs-surface-popup.maplibregl-popup-anchor-top .maplibregl-popup-tip,.ymbs-surface-popup.maplibregl-popup-anchor-top-left .maplibregl-popup-tip,.ymbs-surface-popup.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{border-bottom-color:var(--popover)}.ymbs-surface-popup.maplibregl-popup-anchor-left .maplibregl-popup-tip{border-right-color:var(--popover)}.ymbs-surface-popup.maplibregl-popup-anchor-right .maplibregl-popup-tip{border-left-color:var(--popover)}
html[data-vt=login-handoff] [data-glass=sidebar] [data-brand=mark]{view-transition-name:brand-flower}html[data-vt=login-handoff]::view-transition-group(brand-flower){animation-duration:.82s;animation-timing-function:cubic-bezier(.22,.8,.2,1)}html[data-vt=login-handoff]::view-transition-old(brand-flower){object-fit:contain;height:100%}html[data-vt=login-handoff]::view-transition-new(brand-flower){object-fit:contain;height:100%}html[data-vt=login-handoff]::view-transition-old(root){animation:.42s both brand-vt-out}html[data-vt=login-handoff]::view-transition-new(root){animation:.56s .12s both brand-vt-in}@keyframes brand-vt-out{to{opacity:0}}@keyframes brand-vt-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){html[data-vt=login-handoff]::view-transition-group(*){animation:none!important}html[data-vt=login-handoff]::view-transition-old(*){animation:none!important}html[data-vt=login-handoff]::view-transition-new(*){animation:none!important}}