.glass-metal-button.svelte-1k3a2og{--button-shape: polygon(8% 0, 92% 0, 100% 50%, 92% 100%, 8% 100%, 0 50%);position:relative;isolation:isolate;box-sizing:border-box;display:inline-flex;width:min(var(--button-width, 280px),100%);height:var(--button-height, 62px);align-items:center;justify-content:center;padding:0 42px;border:0;background:var(--metal-4);clip-path:var(--button-shape);box-shadow:0 7px 17px #00050f85,0 0 10px color-mix(in srgb,var(--metal-2) 18%,transparent);color:var(--label-color);font-size:var(--button-label-size, .82rem);font-weight:800;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:transform .22s ease,filter .3s ease}.glass-metal-button.svelte-1k3a2og:disabled{filter:grayscale(1) brightness(.62);cursor:not-allowed;opacity:.66}.glass-metal-button.svelte-1k3a2og:disabled:before{background:linear-gradient(180deg,#41464a,#292e32 48%,#15191c)}.glass-metal-button.svelte-1k3a2og:disabled .glass-metal-button__waves:where(.svelte-1k3a2og){display:none}.glass-metal-button.wide.svelte-1k3a2og{width:min(var(--button-width, 360px),100%);font-size:var(--button-label-size, clamp(.66rem, 2.7vw, .82rem));white-space:nowrap}.glass-metal-button.rectangular.svelte-1k3a2og{--button-shape: polygon(0 0, 100% 0, 100% 100%, 0 100%)}.glass-metal-button.compact.svelte-1k3a2og{width:var(--button-width, 152px);min-width:var(--button-width, 152px);max-width:100%;height:var(--button-height, 50px);padding:0 26px;font-size:var(--button-label-size, .75rem)}.glass-metal-button.compact.svelte-1k3a2og .frame-shadow:where(.svelte-1k3a2og){stroke-width:3}.glass-metal-button.compact.svelte-1k3a2og .frame-mid:where(.svelte-1k3a2og){stroke-width:2.15}.glass-metal-button.compact.svelte-1k3a2og .frame-light:where(.svelte-1k3a2og),.glass-metal-button.compact.svelte-1k3a2og .frame-glint:where(.svelte-1k3a2og){stroke-width:.75}.glass-metal-button.compact.svelte-1k3a2og .frame-depth:where(.svelte-1k3a2og){stroke-width:1.1}.glass-metal-button.svelte-1k3a2og:before{position:absolute;inset:7px 8px;z-index:0;background:linear-gradient(105deg,transparent 18%,color-mix(in srgb,var(--theme-light) 11%,transparent) 49%,transparent 73%),linear-gradient(180deg,var(--surface-top) 0%,var(--surface-mid) 48%,var(--surface-bottom) 100%);clip-path:var(--button-shape);box-shadow:inset 0 2px 3px #98ecff3b,inset 0 -5px 9px #000f1fb8;content:"";transform-origin:center;transition:background .3s ease,box-shadow .12s ease,transform .12s ease}.glass-metal-button__gasket.svelte-1k3a2og{display:none}.glass-metal-button.svelte-1k3a2og:after{position:absolute;top:7px;right:28px;left:28px;height:1px;z-index:2;background:linear-gradient(90deg,transparent,rgb(226 250 255 / 66%),transparent);content:"";opacity:.62}.glass-metal-button__light.svelte-1k3a2og{position:absolute;inset:7px 8px;z-index:0;clip-path:var(--button-shape);border-radius:50%;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--theme-light) 34%,transparent),transparent 66%);opacity:.7;transition:background .3s ease,opacity .3s ease,transform .12s ease}.glass-metal-button__label.svelte-1k3a2og{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:inherit;text-shadow:2px 2px 1px rgb(0 0 0 / 80%),0 0 7px color-mix(in srgb,var(--theme-glow) 72%,transparent);transition:transform .12s ease}.glass-metal-button__icon.svelte-1k3a2og{width:22px;height:22px;flex:0 0 22px;filter:drop-shadow(1px 2px 1px rgb(0 0 0 / 72%));object-fit:contain}.glass-metal-button__colored-icon.svelte-1k3a2og{background:var(--button-icon-color);filter:drop-shadow(1px 2px 1px rgb(0 0 0 / 72%));mask:var(--button-icon) center / contain no-repeat;-webkit-mask:var(--button-icon) center / contain no-repeat}.glass-metal-button__waves.svelte-1k3a2og{position:absolute;inset:10px 17px;z-index:2;width:calc(100% - 34px);height:calc(100% - 20px);clip-path:var(--button-shape);overflow:hidden;opacity:0;-webkit-mask-image:radial-gradient(ellipse 76% 68% at center,black 20%,rgb(0 0 0 / 82%) 52%,rgb(0 0 0 / 20%) 82%,transparent 100%);mask-image:radial-gradient(ellipse 76% 68% at center,black 20%,rgb(0 0 0 / 82%) 52%,rgb(0 0 0 / 20%) 82%,transparent 100%);pointer-events:none;transition:opacity .38s ease,transform .12s ease}.wave.svelte-1k3a2og{fill:none;stroke-linecap:round;transform-box:fill-box;transform-origin:center;mix-blend-mode:screen}.wave-back.svelte-1k3a2og{stroke:var(--wave-back);stroke-width:15px;filter:blur(3.2px) drop-shadow(0 0 5px var(--theme-glow))}.wave-middle.svelte-1k3a2og{stroke:var(--wave-middle);stroke-width:9px;filter:blur(1.4px) drop-shadow(0 0 7px var(--theme-glow))}.wave-front.svelte-1k3a2og{stroke:var(--wave-front);stroke-width:12px;filter:blur(.9px) drop-shadow(0 0 6px var(--theme-light))}.glass-metal-button__glass.svelte-1k3a2og{position:absolute;inset:9px 15px;z-index:4;clip-path:var(--button-shape);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-light) 15%,transparent) 0%,color-mix(in srgb,var(--theme-light) 5%,transparent) 38%,transparent 56%),linear-gradient(112deg,transparent 22%,color-mix(in srgb,var(--theme-light) 9%,transparent) 43%,transparent 62%);pointer-events:none;transition:transform .12s ease}.glass-metal-button__glass.svelte-1k3a2og svg:where(.svelte-1k3a2og){position:absolute;inset:0;width:100%;height:100%;overflow:visible}.glass-metal-button__glass.svelte-1k3a2og polygon:where(.svelte-1k3a2og),.glass-metal-button__glass.svelte-1k3a2og polyline:where(.svelte-1k3a2og){fill:none;stroke-linecap:square;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.glass-rim.svelte-1k3a2og{stroke:color-mix(in srgb,var(--theme-light) 25%,transparent);stroke-width:2.5}.glass-top-edge.svelte-1k3a2og{stroke:color-mix(in srgb,var(--theme-light) 71%,transparent);stroke-width:1.25;filter:drop-shadow(0 1px 2px color-mix(in srgb,var(--theme-glow) 55%,transparent))}.glass-bottom-edge.svelte-1k3a2og{stroke:#011c2b9e;stroke-width:1.7}.glass-reflection.svelte-1k3a2og{fill:color-mix(in srgb,var(--theme-light) 10%,transparent);filter:blur(1.6px)}.glass-metal-button__frame.svelte-1k3a2og{position:absolute;inset:0;z-index:5;width:100%;height:100%;overflow:visible;pointer-events:none}.glass-metal-button__frame.svelte-1k3a2og polygon:where(.svelte-1k3a2og),.glass-metal-button__frame.svelte-1k3a2og polyline:where(.svelte-1k3a2og){fill:none;stroke-linecap:square;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.frame-shadow.svelte-1k3a2og{stroke:var(--metal-4);stroke-width:4}.frame-mid.svelte-1k3a2og{stroke:var(--metal-2);stroke-width:3}.frame-light.svelte-1k3a2og{stroke:var(--metal-1);stroke-width:1}.frame-glint.svelte-1k3a2og{stroke:color-mix(in srgb,var(--metal-1) 88%,white);stroke-width:1;opacity:.92}.frame-depth.svelte-1k3a2og{stroke:color-mix(in srgb,var(--metal-4) 82%,black);stroke-width:1.5;opacity:.9}.glass-metal-button.svelte-1k3a2og:hover{filter:none;transform:none}.glass-metal-button.svelte-1k3a2og:hover:before{background:linear-gradient(105deg,transparent 18%,color-mix(in srgb,var(--theme-light) 11%,transparent) 49%,transparent 73%),linear-gradient(180deg,var(--hover-top) 0%,var(--hover-mid) 48%,var(--hover-bottom) 100%)}.glass-metal-button.svelte-1k3a2og:hover .glass-metal-button__light:where(.svelte-1k3a2og){opacity:.72}.glass-metal-button.svelte-1k3a2og:hover .glass-metal-button__waves:where(.svelte-1k3a2og){opacity:.96}.glass-metal-button.svelte-1k3a2og:hover .wave-back:where(.svelte-1k3a2og){animation:svelte-1k3a2og-wave-back-flow 2.55s ease-in-out infinite alternate}.glass-metal-button.svelte-1k3a2og:hover .wave-middle:where(.svelte-1k3a2og){animation:svelte-1k3a2og-wave-middle-flow 2.2s ease-in-out infinite alternate}.glass-metal-button.svelte-1k3a2og:hover .wave-front:where(.svelte-1k3a2og){animation:svelte-1k3a2og-wave-front-flow 2.85s ease-in-out infinite alternate}.glass-metal-button.waves-active.svelte-1k3a2og .glass-metal-button__waves:where(.svelte-1k3a2og){opacity:.96}.glass-metal-button.waves-active.svelte-1k3a2og .wave-back:where(.svelte-1k3a2og){animation:svelte-1k3a2og-wave-back-flow 2.55s ease-in-out infinite alternate}.glass-metal-button.waves-active.svelte-1k3a2og .wave-middle:where(.svelte-1k3a2og){animation:svelte-1k3a2og-wave-middle-flow 2.2s ease-in-out infinite alternate}.glass-metal-button.waves-active.svelte-1k3a2og .wave-front:where(.svelte-1k3a2og){animation:svelte-1k3a2og-wave-front-flow 2.85s ease-in-out infinite alternate}.glass-metal-button.svelte-1k3a2og:active{filter:brightness(.96) drop-shadow(0 0 5px var(--theme-glow));transform:translateY(0)}.glass-metal-button.svelte-1k3a2og:active:before{background:linear-gradient(105deg,transparent 18%,color-mix(in srgb,var(--theme-light) 6%,transparent) 49%,transparent 73%),linear-gradient(180deg,var(--active-top) 0%,var(--active-mid) 52%,var(--active-bottom) 100%);box-shadow:inset 0 5px 10px #000816c7,inset 0 -1px 2px #74ddf221;transform:translateY(2px) scale(.975,.92)}.glass-metal-button.svelte-1k3a2og:active .glass-metal-button__light:where(.svelte-1k3a2og),.glass-metal-button.svelte-1k3a2og:active .glass-metal-button__waves:where(.svelte-1k3a2og),.glass-metal-button.svelte-1k3a2og:active .glass-metal-button__glass:where(.svelte-1k3a2og){transform:translateY(2px) scale(.975,.92)}.glass-metal-button.svelte-1k3a2og:active .glass-metal-button__label:where(.svelte-1k3a2og){transform:translateY(2px)}.glass-metal-button.mechanical.svelte-1k3a2og{--gasket-shape: polygon(7% 0, 93% 0, 100% 50%, 93% 100%, 7% 100%, 0 50%);--plate-shape: polygon(6% 0, 94% 0, 100% 50%, 94% 100%, 6% 100%, 0 50%);box-shadow:0 9px 18px #00040c9e,0 0 12px color-mix(in srgb,var(--metal-2) 20%,transparent)}.glass-metal-button.mechanical.rectangular.svelte-1k3a2og{--gasket-shape: polygon(0 0, 100% 0, 100% 100%, 0 100%);--plate-shape: polygon(0 0, 100% 0, 100% 100%, 0 100%)}.glass-metal-button.mechanical.svelte-1k3a2og .glass-metal-button__gasket:where(.svelte-1k3a2og){position:absolute;inset:5px 7px;z-index:0;display:block;clip-path:var(--gasket-shape);background:linear-gradient(180deg,#000a13f5,#00030a);box-shadow:inset 0 3px 5px #000000e0,inset 0 -1px 1px color-mix(in srgb,var(--metal-2) 22%,transparent)}.glass-metal-button.mechanical.svelte-1k3a2og:before{inset:7.75px 10px;z-index:1;clip-path:var(--plate-shape);box-shadow:0 3px 3px #000000d9,inset 0 2px 2px color-mix(in srgb,var(--theme-light) 40%,transparent),inset 0 -6px 10px #000b19c7;transition:background .3s ease,box-shadow 70ms ease,transform 70ms ease}.glass-metal-button.mechanical.svelte-1k3a2og .glass-metal-button__light:where(.svelte-1k3a2og),.glass-metal-button.mechanical.svelte-1k3a2og .glass-metal-button__waves:where(.svelte-1k3a2og){z-index:2}.glass-metal-button.mechanical.svelte-1k3a2og .glass-metal-button__light:where(.svelte-1k3a2og){inset:7.75px 10px;clip-path:var(--plate-shape)}.glass-metal-button.mechanical.svelte-1k3a2og .glass-metal-button__waves:where(.svelte-1k3a2og){inset:10.75px 18px;width:calc(100% - 36px);height:calc(100% - 21.5px)}.glass-metal-button.mechanical.svelte-1k3a2og .glass-metal-button__glass:where(.svelte-1k3a2og){inset:9.75px 17px}.glass-metal-button.mechanical.svelte-1k3a2og .glass-top-edge:where(.svelte-1k3a2og){stroke:var(--theme-light);filter:drop-shadow(0 1px 3px var(--theme-glow))}.glass-metal-button.mechanical.svelte-1k3a2og:active:before{box-shadow:0 1px 1px #000000b8,inset 0 5px 10px #00050fe0,inset 0 0 4px #000000b8,inset 0 -1px 2px color-mix(in srgb,var(--theme-glow) 34%,transparent);transform:translateY(1.5px) scale(.982)}.glass-metal-button.mechanical.svelte-1k3a2og:active .glass-metal-button__light:where(.svelte-1k3a2og),.glass-metal-button.mechanical.svelte-1k3a2og:active .glass-metal-button__waves:where(.svelte-1k3a2og),.glass-metal-button.mechanical.svelte-1k3a2og:active .glass-metal-button__glass:where(.svelte-1k3a2og){filter:brightness(1.22) saturate(1.16);transform:translateY(1.5px) scale(.982)}.glass-metal-button.mechanical.svelte-1k3a2og:active .glass-metal-button__label:where(.svelte-1k3a2og){text-shadow:1px 1px 1px rgb(0 0 0 / 88%),0 0 10px var(--theme-glow);transform:translateY(1.5px) scale(.99)}.glass-metal-button.pressed.svelte-1k3a2og{filter:brightness(.98) drop-shadow(0 0 7px var(--theme-glow))}.glass-metal-button.pressed.svelte-1k3a2og:before{background:linear-gradient(105deg,transparent 18%,color-mix(in srgb,var(--theme-light) 10%,transparent) 49%,transparent 73%),linear-gradient(180deg,var(--active-top) 0%,var(--active-mid) 52%,var(--active-bottom) 100%);box-shadow:0 1px 1px #000000b8,inset 0 5px 10px #00050fe0,inset 0 0 4px #000000b8,inset 0 -1px 2px color-mix(in srgb,var(--theme-glow) 34%,transparent);transform:translateY(1.5px) scale(.982)}.glass-metal-button.pressed.svelte-1k3a2og .glass-metal-button__light:where(.svelte-1k3a2og),.glass-metal-button.pressed.svelte-1k3a2og .glass-metal-button__waves:where(.svelte-1k3a2og),.glass-metal-button.pressed.svelte-1k3a2og .glass-metal-button__glass:where(.svelte-1k3a2og){opacity:.9;filter:brightness(1.2) saturate(1.14);transform:translateY(1.5px) scale(.982)}.glass-metal-button.pressed.svelte-1k3a2og .wave-back:where(.svelte-1k3a2og){animation:svelte-1k3a2og-wave-back-flow 2.55s ease-in-out infinite alternate}.glass-metal-button.pressed.svelte-1k3a2og .wave-middle:where(.svelte-1k3a2og){animation:svelte-1k3a2og-wave-middle-flow 2.2s ease-in-out infinite alternate}.glass-metal-button.pressed.svelte-1k3a2og .wave-front:where(.svelte-1k3a2og){animation:svelte-1k3a2og-wave-front-flow 2.85s ease-in-out infinite alternate}.glass-metal-button.pressed.svelte-1k3a2og .glass-metal-button__label:where(.svelte-1k3a2og){text-shadow:1px 1px 1px rgb(0 0 0 / 88%),0 0 10px var(--theme-glow);transform:translateY(1.5px) scale(.99)}.glass-metal-button.svelte-1k3a2og:focus-visible{outline:2px solid var(--metal-1);outline-offset:4px}@keyframes svelte-1k3a2og-wave-back-flow{0%{transform:translate3d(-6%,10%,0) scale(1.06,.84) skew(-4deg)}to{transform:translate3d(7%,-10%,0) scale(1.1,1.14) skew(5deg)}}@keyframes svelte-1k3a2og-wave-middle-flow{0%{transform:translate3d(7%,-12%,0) scale(1.08,.85) skew(5deg)}to{transform:translate3d(-8%,12%,0) scale(1.12,1.17) skew(-5deg)}}@keyframes svelte-1k3a2og-wave-front-flow{0%{transform:translate3d(-5%,9%,0) scale(1.07,.88) skew(-3deg)}to{transform:translate3d(6%,-9%,0) scale(1.11,1.13) skew(4deg)}}@media(prefers-reduced-motion:reduce){.glass-metal-button.svelte-1k3a2og,.glass-metal-button.svelte-1k3a2og:before,.glass-metal-button__light.svelte-1k3a2og,.glass-metal-button__waves.svelte-1k3a2og,.glass-metal-button__label.svelte-1k3a2og,.glass-metal-button__glass.svelte-1k3a2og{transition:none}.glass-metal-button.svelte-1k3a2og:hover .wave:where(.svelte-1k3a2og){animation:none}}.glass-metal-button.svelte-1k3a2og:disabled:hover{filter:grayscale(1) brightness(.62);opacity:.66}.glass-metal-button.svelte-1k3a2og:disabled:hover:before{background:linear-gradient(180deg,#41464a,#292e32 48%,#15191c)}
