@layer components{.glass-container{cursor:pointer;background:0 0;border-radius:2rem;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 1px #00000026,0 0 6px #00000014}.glass-filter{z-index:0;-webkit-backdrop-filter:blur(12px)saturate(160%);backdrop-filter:blur(12px)saturate(160%);filter:url(#lg-dist);isolation:isolate;position:absolute;inset:0}.glass-overlay{z-index:1;background:#fff3;position:absolute;inset:0}.glass-specular{z-index:2;border-radius:inherit;position:absolute;inset:0;overflow:hidden;box-shadow:inset 1px 1px #ffffffbf,inset 0 0 5px #ffffffbf}.glass-content{z-index:3;align-items:center;width:100%;height:100%;display:flex;position:relative}:where(.dark,.dark *) .glass-container{color:var(--color-gray-300);box-shadow:0 2px 1px color-mix(in srgb, var(--color-stone-900) 40%, transparent), 0 0 6px color-mix(in srgb, var(--color-stone-800) 30%, transparent)}:where(.dark,.dark *) .glass-overlay{background:color-mix(in srgb, var(--color-stone-100) 10%, transparent)}:where(.dark,.dark *) .glass-specular{box-shadow:inset 1px 1px 0 color-mix(in srgb, var(--color-stone-300) 40%, transparent), inset 0 0 5px color-mix(in srgb, var(--color-stone-400) 25%, transparent)}.glass-item{z-index:1;border-radius:.75rem;position:relative}.glass-item:before{content:"";border-radius:inherit;pointer-events:none;background:#fff0;position:absolute;inset:0;box-shadow:inset 1px 1px #fff0}.glass-item:not(.glass-item-active):hover:before{background:#fff3;box-shadow:inset 1px 1px #ffffff80}.glass-item-active{color:var(--color-sky-600);text-shadow:0 0 24px var(--color-gray-900)}:where(.dark,.dark *) .glass-item-active{color:var(--color-gray-100);text-shadow:0 0 24px var(--color-gray-300)}}