.join-glow-hatch{pointer-events:none;background-image:repeating-linear-gradient(45deg,#fff 0 1px,#0000 1px 7px);-webkit-mask-image:linear-gradient(#000 45%,#0000 70%);mask-image:linear-gradient(#000 45%,#0000 70%)}.join-panel-underglow{--panel-underglow-height:34%;--panel-underglow-seam-height:100%}.join-panel-underglow:is(.light *):not(.light .dark *){--panel-underglow-height:52%;--panel-underglow-seam-height:100%}.join-panel-underglow:is(.light *):not(.light .dark *):after{-webkit-mask-image:radial-gradient(ellipse 140% 120% at 50% 100%, #000 var(--panel-underglow-core,55%), #0000 100%), linear-gradient(to top, #000 60%, #0000 100%);-webkit-mask-composite:source-in;-webkit-mask-image:radial-gradient(ellipse 140% 120% at 50% 100%, #000 var(--panel-underglow-core,55%), #0000 100%), linear-gradient(to top, #000 60%, #0000 100%);mask-image:radial-gradient(ellipse 140% 120% at 50% 100%, #000 var(--panel-underglow-core,55%), #0000 100%), linear-gradient(to top, #000 60%, #0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.join-app-icon-glow:is(.light *):not(.light .dark *){filter:drop-shadow(.5px 1px .5px #0f172a38) drop-shadow(1.5px 2.5px 2px color-mix(in srgb, var(--app-icon-glow) 38%, transparent)) drop-shadow(3px 5px 5px color-mix(in srgb, var(--app-icon-glow) 20%, transparent))}