@property --glass-angle-1{syntax:"<angle>";inherits:false;initial-value:-75deg}@property --glass-angle-2{syntax:"<angle>";inherits:false;initial-value:-45deg}.glass-root{--glass-border-width:clamp(1px, .0625em, 4px);--glass-shadow-drop:clamp(1px, .14em, 5px);--glass-surface-background:linear-gradient(-75deg, #ffffff0d, #ffffff38, #ffffff0d);--glass-surface-shadow:inset 0 .125em .125em #0000000d, inset 0 -.125em .125em #ffffff80, 0 .25em .125em -.125em #0003, 0 0 .1em .25em inset #fff3, 0 0 0 0 #fff;--glass-surface-shadow-hover:inset 0 .125em .125em #0000000d, inset 0 -.125em .125em #ffffff80, 0 .15em .05em -.1em #00000040, 0 0 .05em .1em inset #ffffff80, 0 0 0 0 #fff;--glass-surface-shadow-active:inset 0 .125em .125em #0000000d, inset 0 -.125em .125em #ffffff80, 0 .125em .125em -.125em #0003, 0 0 .1em .25em inset #fff3, 0 .225em .05em 0 #0000000d, 0 .25em 0 0 #ffffffbf, inset 0 .25em .05em 0 #00000026;--glass-shadow-background:linear-gradient(180deg, #00000038, #0000001a);z-index:2;isolation:isolate;box-sizing:border-box;color:inherit;border-radius:var(--glass-radius,999vw);background:0 0;transition:transform .4s cubic-bezier(.25,1,.5,1);display:inline-flex}.glass-root:not(.absolute):not(.fixed){position:relative}[data-theme=dark] .glass-root,[data-theme=cosmos] .glass-root{--glass-surface-background:linear-gradient(-75deg, #ffffff05, #ffffff14, #ffffff05);--glass-surface-shadow:inset 0 .125em .125em #ffffff0d, inset 0 -.125em .125em #ffffff40, 0 .25em .125em -.125em #000000b3, 0 0 .1em .25em inset #ffffff26, 0 0 0 0 #ffffff1a;--glass-surface-shadow-hover:inset 0 .125em .125em #ffffff14, inset 0 -.125em .125em #ffffff59, 0 .15em .05em -.1em #000000e6, 0 0 .05em .1em inset #ffffff59, 0 0 0 0 #fff3;--glass-shadow-background:linear-gradient(180deg, #000000d9, #0000008c)}.glass-hit{font:inherit;color:inherit;border-radius:inherit;cursor:inherit;background:0 0;border:0;flex:auto;justify-content:center;align-self:stretch;align-items:center;min-width:0;margin:0;padding:0;text-decoration:none;display:flex}.glass-shadow{filter:blur(clamp(2px,.125em,12px));pointer-events:none;z-index:-1;transition:filter .4s cubic-bezier(.25,1,.5,1);position:absolute;inset:0;overflow:visible}.glass-shadow:after{content:"";inset:0;top:var(--glass-shadow-drop);box-sizing:border-box;background:var(--glass-shadow-background);opacity:1;border-radius:var(--glass-radius,999vw);-webkit-mask-composite:xor;padding:.125em;transition:top .4s cubic-bezier(.25,1,.5,1),opacity .4s cubic-bezier(.25,1,.5,1);position:absolute;-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-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude}.glass-root:hover .glass-shadow{filter:blur(clamp(2px,.0625em,6px))}.glass-root:hover .glass-shadow:after{top:calc(var(--glass-shadow-drop) + clamp(1px, .08em, 3px))}.glass-root:active .glass-shadow{filter:blur(clamp(2px,.125em,12px))}.glass-root:active .glass-shadow:after{top:calc(var(--glass-shadow-drop) / 2);opacity:.75}.glass-surface{all:unset;z-index:2;box-sizing:border-box;background:var(--glass-surface-background);width:100%;height:100%;box-shadow:var(--glass-surface-shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:inherit;cursor:pointer;pointer-events:auto;text-align:center;-webkit-tap-highlight-color:transparent;border-radius:var(--glass-radius,999vw);justify-content:center;align-items:center;text-decoration:none;transition:transform .4s cubic-bezier(.25,1,.5,1),box-shadow .4s cubic-bezier(.25,1,.5,1),-webkit-backdrop-filter .4s cubic-bezier(.25,1,.5,1),backdrop-filter .4s cubic-bezier(.25,1,.5,1);display:inline-flex;position:relative}.glass-static .glass-surface{cursor:default}.glass-surface:after{content:"";z-index:1;padding:var(--glass-border-width);box-sizing:border-box;background:conic-gradient(from var(--glass-angle-1) at 50% 50%, #00000040, #0000 12% 38%, #00000040 50%, #0000 62% 88%, #00000040), linear-gradient(180deg, #ffffff80, #ffffff80);box-shadow:inset 0 0 0 calc(var(--glass-border-width) / 2) #ffffff80;pointer-events:none;border-radius:var(--glass-radius,999vw);-webkit-mask-composite:xor;transition:transform .4s cubic-bezier(.25,1,.5,1),--glass-angle-1 .5s;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-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude}[data-theme=dark] .glass-surface:after,[data-theme=cosmos] .glass-surface:after{background:conic-gradient(from var(--glass-angle-1) at 50% 50%, #ffffff8c, #fff0 12% 38%, #ffffff8c 50%, #fff0 62% 88%, #ffffff8c), linear-gradient(180deg, #fff3, #ffffff1a)}.glass-root:hover .glass-surface{box-shadow:var(--glass-surface-shadow-hover);-webkit-backdrop-filter:blur(.01em);backdrop-filter:blur(.01em)}.glass-root:hover .glass-surface:after{--glass-angle-1:-125deg}.glass-root:active .glass-surface{box-shadow:var(--glass-surface-shadow-active)}.glass-content{z-index:2;width:100%;height:100%;color:inherit;white-space:nowrap;box-sizing:border-box;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}.glass-content:after{content:"";z-index:1;top:calc(0% + var(--glass-border-width) / 2);left:calc(0% + var(--glass-border-width) / 2);width:calc(100% - var(--glass-border-width));height:calc(100% - var(--glass-border-width));background:linear-gradient(var(--glass-angle-2), #fff0 0%, #ffffff8c 40% 50%, #fff0 55%);mix-blend-mode:screen;pointer-events:none;border-radius:var(--glass-radius,999vw);background-position:0%;background-repeat:no-repeat;background-size:200% 200%;transition:background-position .5s cubic-bezier(.25,1,.5,1),--glass-angle-2 .5s cubic-bezier(.25,1,.5,1);display:block;position:absolute}.glass-root:hover .glass-content:after{background-position:25%}.glass-root:active .glass-content:after{--glass-angle-2:-15deg;background-position:50% 15%}@media (prefers-reduced-motion:reduce){.glass-root,.glass-shadow,.glass-shadow:after,.glass-surface,.glass-surface:after,.glass-content:after{transition-duration:0s}}.glass-root.glass-solid{--glass-surface-background:linear-gradient(-75deg, color-mix(in srgb, var(--color-surface) 82%, transparent), color-mix(in srgb, var(--color-surface) 94%, transparent), color-mix(in srgb, var(--color-surface) 82%, transparent))}.glass-root.glass-solid .glass-surface{-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4)}.glass-root.glass-prominent{--glass-prominent-tint:color-mix(in srgb, var(--color-surface) 86%, var(--color-foreground));--glass-surface-background:linear-gradient(-75deg, color-mix(in srgb, var(--glass-prominent-tint) 90%, transparent), color-mix(in srgb, var(--glass-prominent-tint) 97%, transparent), color-mix(in srgb, var(--glass-prominent-tint) 90%, transparent));--glass-shadow-background:linear-gradient(180deg, #00000047, #00000024)}.glass-root.glass-prominent .glass-surface:after{--glass-angle-1:-125deg;opacity:1}.glass-root.glass-prominent .glass-content{color:var(--color-foreground);font-weight:600}.glass-root.glass-selected{--glass-surface-background:linear-gradient(-75deg, color-mix(in srgb, var(--color-primary) 88%, transparent), var(--color-primary), color-mix(in srgb, var(--color-primary) 88%, transparent));--glass-shadow-background:linear-gradient(180deg, #0005, #0002)}.glass-root.glass-selected .glass-content{color:var(--color-primary-foreground)}.glass-root.glass-selected .glass-surface:after{--glass-angle-1:-125deg}.glass-root.glass-selected .glass-content:after{opacity:.35}
