.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--svg{background:var(--lightningcss-light,hsl(0 0% 100%/var(--glass-frost,0)))var(--lightningcss-dark,hsl(0 0% 0%/var(--glass-frost,0)));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter))saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter))saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,#00000026)var(--lightningcss-dark,#ffffff59),inset 0 0 10px 4px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff26),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d;box-shadow:inset 0 0 2px 1px var(--lightningcss-light,lab(0% 0 0/.15))var(--lightningcss-dark,lab(100% 0 0/.35)),inset 0 0 10px 4px var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(100% 0 0/.15)),0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804)}.glass-surface--fallback{-webkit-backdrop-filter:blur(20px)saturate(1.5)brightness(.9);background:#0006;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d,0 2px 16px #0003,inset 0 1px #ffffff1a,inset 0 -1px #ffffff0d}@media (prefers-color-scheme:dark){.glass-surface--fallback{-webkit-backdrop-filter:blur(24px)saturate(1.4)brightness(.85);background:#00000080;border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #ffffff0a}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";border-radius:inherit;z-index:-1;background:#ffffff26;position:absolute;inset:0}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){@media (prefers-color-scheme:dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface--lite{background:#00000059;border:1px solid #ffffff1a;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff14}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}.glass-surface--hovered{--hover-glow:1}.glass-surface--hovered.glass-surface--svg{box-shadow:inset 0 0 2px 1px var(--lightningcss-light,#0003)var(--lightningcss-dark,#ffffff73),inset 0 0 10px 4px var(--lightningcss-light,#00000026)var(--lightningcss-dark,#ffffff40),0 4px 20px #583cc826,0 8px 32px #583cc81a,0 16px 64px #583cc814;box-shadow:inset 0 0 2px 1px var(--lightningcss-light,lab(0% 0 0/.2))var(--lightningcss-dark,lab(100% 0 0/.45)),inset 0 0 10px 4px var(--lightningcss-light,lab(0% 0 0/.15))var(--lightningcss-dark,lab(100% 0 0/.25)),0 4px 20px lab(35.8141% 41.069 -70.126/.14902),0 8px 32px lab(35.8141% 41.069 -70.126/.101961),0 16px 64px lab(35.8141% 41.069 -70.126/.0784314)}.glass-surface__glow{pointer-events:none;z-index:0;border-radius:inherit;opacity:0;background:radial-gradient(circle at var(--glow-x,50%)var(--glow-y,50%),#583cc840 0%,#ff9ffc26 25%,#56b7d71a 50%,transparent 70%);transition:opacity .3s ease-out;position:absolute;inset:0}.glass-surface--hovered .glass-surface__glow{opacity:1}.glass-surface--svg{transition:box-shadow .3s ease-out,transform .2s ease-out}.glass-surface--hovered.glass-surface--svg{transform:scale(1.005)}@keyframes glassBreath{0%,to{box-shadow:inset 0 0 2px 1px #ffffff59,inset 0 0 10px 4px #ffffff26,0 4px 16px #11111a0d,0 8px 24px #11111a0d;box-shadow:inset 0 0 2px 1px lab(100% 0 0/.35),inset 0 0 10px 4px lab(100% 0 0/.15),0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804)}50%{box-shadow:inset 0 0 3px 2px #fff6,inset 0 0 12px 5px #fff3,0 6px 20px #583cc814,0 10px 30px #583cc80f;box-shadow:inset 0 0 3px 2px lab(100% 0 0/.4),inset 0 0 12px 5px lab(100% 0 0/.2),0 6px 20px lab(35.8141% 41.069 -70.126/.0784314),0 10px 30px lab(35.8141% 41.069 -70.126/.0588235)}}.glass-surface--animated{animation:4s ease-in-out infinite glassBreath}@keyframes chromaticShift{0%,to{filter:hue-rotate()}50%{filter:hue-rotate(5deg)}}.glass-surface__content{transition:transform .2s ease-out}.glass-surface--hovered .glass-surface__content{transform:translateZ(10px)}.glass-surface:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:2;background:linear-gradient(135deg,#583cc800 0%,#583cc84d 50%,#ff9ffc4d 75%,#56b7d700 100%);padding:1px;transition:opacity .3s ease-out;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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}.glass-surface--hovered:before{opacity:1}@keyframes borderFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glass-surface--hovered:before{background:linear-gradient(90deg,#583cc800 0%,#583cc866 25%,#ff9ffc66 50%,#56b7d766 75%,#583cc800 100%) 0 0/200% 100%;animation:3s linear infinite borderFlow}
.star-border-container{cursor:pointer;border-radius:9999px;display:inline-block;position:relative;overflow:hidden}.border-gradient-bottom{opacity:.7;z-index:0;border-radius:50%;width:300%;height:50%;animation:linear infinite alternate star-movement-bottom;position:absolute;bottom:-12px;right:-250%}.border-gradient-top{opacity:.7;z-index:0;border-radius:50%;width:300%;height:50%;animation:linear infinite alternate star-movement-top;position:absolute;top:-12px;left:-250%}.inner-content{z-index:1;position:relative}.star-paused{animation-play-state:paused!important}@keyframes star-movement-bottom{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(-100%)}}@keyframes star-movement-top{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(100%)}}