.glass-pill{pointer-events:auto;isolation:isolate;height:44px;color:hsl(var(--foreground));-webkit-backdrop-filter:blur(8px)saturate(1.5);backdrop-filter:blur(8px)saturate(1.5);background:#ffffff24;border-radius:9999px;align-items:center;gap:2px;padding:2px;transition:transform .5s cubic-bezier(.2,1.7,.3,1);display:flex;position:relative;box-shadow:0 1px 2px #0f192814,0 4px 14px #0f19280f}.dark .glass-pill{background:#14141833;box-shadow:0 1px 2px #0000004d,0 4px 14px #00000040}.glass-pill:active{transform:scale(.95)}.glass-pill:before,.glass-surface:before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;-webkit-mask-composite:xor;background:linear-gradient(135deg,#ffffff80 0%,#fff0 50%,#fff6 100%);padding:.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dark .glass-pill:before,.dark .glass-surface:before{background:linear-gradient(135deg,#ffffff59 0%,#fff0 50%,#ffffff38 100%)}.glass-surface{isolation:isolate;-webkit-backdrop-filter:blur(8px)saturate(1.5);backdrop-filter:blur(8px)saturate(1.5);background:#ffffff24;position:relative;box-shadow:0 1px 2px #0f192814,0 4px 14px #0f19280f}.dark .glass-surface{background:#14141833;box-shadow:0 1px 2px #0000004d,0 4px 14px #00000040}.glass-btn{border-radius:9999px;width:40px;height:40px;transition:background-color .15s,transform .4s cubic-bezier(.2,1.7,.3,1)}.glass-btn:active{transform:scale(.9)}.glass-btn-wide{width:auto;padding:0 14px 0 10px}.glass-pill .glass-btn:hover,.glass-pill [data-sidebar=menu-button]:hover,.glass-pill [data-sidebar=menu-button][data-state=open]{background-color:#ffffff73}.dark .glass-pill .glass-btn:hover,.dark .glass-pill [data-sidebar=menu-button]:hover,.dark .glass-pill [data-sidebar=menu-button][data-state=open]{background-color:#ffffff1a}@media (hover:none){.glass-pill .glass-btn:hover,.glass-pill [data-sidebar=menu-button]:hover{background-color:#0000}}.glass-scrim{--glass-scrim-color:hsl(var(--background));z-index:10;pointer-events:none;position:absolute;left:0;right:0}.glass-scrim-top{background:linear-gradient(var(--glass-scrim-color) 0%, color-mix(in srgb, var(--glass-scrim-color) 70%, transparent) 45%, transparent 100%);height:88px;top:0}.glass-scrim-bottom{z-index:0;background:linear-gradient(transparent 0%, color-mix(in srgb, var(--glass-scrim-color) 70%, transparent) 55%, var(--glass-scrim-color) 100%);height:110px;bottom:0}.glass-pill,.glass-btn{corner-shape:superellipse(1.15)}.glass-surface{corner-shape:superellipse(1.5)}@media (prefers-reduced-motion:reduce){.glass-pill,.glass-btn{transition:none}}