.glass-panel-backdrop{z-index:50;background:color-mix(in oklab, var(--foreground) 10%, transparent);-webkit-backdrop-filter:blur(3px)saturate(115%);backdrop-filter:blur(3px)saturate(115%);transition:opacity .32s cubic-bezier(.32,.72,0,1);position:fixed;inset:0}.glass-panel-backdrop[data-starting-style],.glass-panel-backdrop[data-ending-style]{opacity:0}.liquid-glass.glass-panel{z-index:50;top:calc(var(--navbar-bottom,6rem) + 1.25rem);width:min(29rem,100vw - 2rem);color:var(--foreground);transform-origin:calc(100% - 4rem) -2rem;opacity:1;box-shadow:inset 0 1px 0 oklch(100% 0 0/.55), inset 0 0 0 1px oklch(100% 0 0/.08), 0 2.5rem 5rem -1.5rem color-mix(in oklch, var(--foreground) 22%, transparent), 0 .75rem 2rem -.75rem color-mix(in oklch, var(--foreground) 12%, transparent);border-radius:2rem;outline:none;flex-direction:column;transition:translate .56s cubic-bezier(.32,.72,0,1),scale .56s cubic-bezier(.32,.72,0,1),opacity .24s ease-out,width .38s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;bottom:1rem;right:1rem;overflow:hidden;translate:0;scale:1}@media (width>=96rem){.liquid-glass.glass-panel{width:31rem}}.liquid-glass.glass-panel[data-starting-style]{opacity:0;translate:1rem -.75rem;scale:.92}.liquid-glass.glass-panel[data-ending-style]{opacity:0;transition:translate .26s cubic-bezier(.4,0,1,1),scale .26s cubic-bezier(.4,0,1,1),opacity .2s ease-in;translate:.75rem -.5rem;scale:.95}.liquid-glass.glass-panel[data-phase=expanding]{width:min(64rem,100vw - 2rem)}.glass-panel[data-phase=expanding] .glass-panel-stagger{opacity:0;transition:opacity .18s ease-out}.liquid-glass.glass-panel[data-phase=instant],.liquid-glass.glass-panel[data-phase=instant][data-ending-style],.glass-panel-backdrop[data-phase=instant]{transition:none}.glass-panel-sheen{pointer-events:none;background:radial-gradient(120% 100% at 85% -30%,oklch(100% 0 0/.35),#0000 60%);height:7rem;position:absolute;inset:0 0 auto}.glass-panel-body{-webkit-mask-image:linear-gradient(#0000,#000 .75rem calc(100% - 1rem),#0000);mask-image:linear-gradient(#0000,#000 .75rem calc(100% - 1rem),#0000)}@media (prefers-reduced-motion:no-preference){.glass-panel[data-open]:not([data-phase=instant]) .glass-panel-stagger{animation:.52s cubic-bezier(.32,.72,0,1) backwards glass-panel-rise}.glass-panel[data-open] .glass-panel-stagger[data-stagger="2"]{animation-delay:60ms}.glass-panel[data-open] .glass-panel-stagger[data-stagger="3"]{animation-delay:.12s}.glass-panel[data-open] .glass-panel-icon{animation:.7s cubic-bezier(.34,1.56,.64,1) 80ms backwards glass-panel-icon-pop}.glass-panel[data-open] [data-panel-row]{animation:.48s cubic-bezier(.32,.72,0,1) backwards glass-panel-rise}.glass-panel[data-open] [data-panel-row]:first-child{animation-delay:90ms}.glass-panel[data-open] [data-panel-row]:nth-child(2){animation-delay:.13s}.glass-panel[data-open] [data-panel-row]:nth-child(3){animation-delay:.17s}.glass-panel[data-open] [data-panel-row]:nth-child(4){animation-delay:.21s}.glass-panel[data-open] [data-panel-row]:nth-child(5){animation-delay:.25s}.glass-panel[data-open] [data-panel-row]:nth-child(6){animation-delay:.29s}.glass-panel[data-open] [data-panel-row]:nth-child(n+7){animation-delay:.32s}}@media (prefers-reduced-motion:reduce){.liquid-glass.glass-panel,.glass-panel-backdrop{transition:opacity .15s linear}.liquid-glass.glass-panel[data-starting-style],.liquid-glass.glass-panel[data-ending-style]{translate:0;scale:1}}@keyframes glass-panel-rise{0%{opacity:0;translate:0 .625rem}to{opacity:1;translate:0}}@keyframes glass-panel-icon-pop{0%{opacity:0;rotate:-12deg;scale:.6}to{opacity:1;rotate:0deg;scale:1}}