:root{--shadow-cuttoff-fix:2em;--border-width:clamp(1px,.0625em,4px);--outline-width:calc(100% + var(--border-width));--outline-height:calc(100% + var(--border-width));--outline-top:calc(0% - var(--border-width)/2);--outline-left:calc(0% - var(--border-width)/2);--shine-width:calc(100% - var(--border-width));--shine-height:calc(100% - var(--border-width));--shine-top:calc(0% + var(--border-width)/2);--shine-left:calc(0% + var(--border-width)/2);--btn-shadow-width:calc(100% - var(--shadow-cuttoff-fix) - .25em);--btn-shadow-height:calc(100% - var(--shadow-cuttoff-fix) - .25em);--btn-shadow-top:calc(var(--shadow-cuttoff-fix) - .5em);--btn-shadow-left:calc(var(--shadow-cuttoff-fix) - .875em);--angle-1:-75deg;--angle-2:-45deg}@property --angle-1{syntax:"<angle>";inherits:false;initial-value:-75deg}@property --angle-2{syntax:"<angle>";inherits:false;initial-value:-45deg}.glassmorphic-button-wrap{z-index:2;pointer-events:none;border-radius:999vw;width:280px;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative}.glassmorphic-button-wrap.glassmorphic-circular{border-radius:50%!important}@media (min-width:48rem){.glassmorphic-button-wrap{width:145px!important}.glassmorphic-button-wrap.glassmorphic-circular{width:auto!important}}.glassmorphic-button-shadow{--shadow-cuttoff-fix:2em;width:calc(100% + var(--shadow-cuttoff-fix));height:calc(100% + var(--shadow-cuttoff-fix));top:calc(0% - var(--shadow-cuttoff-fix)/2);left:calc(0% - var(--shadow-cuttoff-fix)/2);filter:blur(clamp(2px,.125em,12px));pointer-events:none;position:absolute;overflow:visible}.glassmorphic-button-shadow:after{content:"";z-index:0;width:var(--btn-shadow-width);height:var(--btn-shadow-height);top:var(--btn-shadow-top);left:var(--btn-shadow-left);box-sizing:border-box;opacity:1;-webkit-mask-composite:xor;background:linear-gradient(#0003,#0000001a);border-radius:999vw;padding:.125em;transition:all .4s cubic-bezier(.25,1,.5,1);position:absolute;overflow:visible;-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-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}.glassmorphic-button-wrap.glassmorphic-circular .glassmorphic-button-shadow:after{border-radius:50%!important}.glassmorphic-button{--border-width:clamp(1px,.0625em,4px);all:unset;cursor:pointer;-webkit-tap-highlight-color:transparent;pointer-events:auto;z-index:3;-webkit-backdrop-filter:blur(clamp(1px,.125em,4px));backdrop-filter:blur(clamp(1px,.125em,4px));background:linear-gradient(-75deg,#ffffff0d,#fff3,#ffffff0d);border-radius:999vw;justify-content:center;align-items:center;width:280px;height:68px;transition:all .4s cubic-bezier(.25,1,.5,1);display:flex;position:relative;box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .25em .125em -.125em #0003,inset 0 0 .1em .25em #fff3,0 0 #fff}.glassmorphic-button.glassmorphic-circular{border-radius:50%!important}@media (min-width:48rem){.glassmorphic-button{width:154px}.glassmorphic-button.glassmorphic-circular{width:auto!important}}.glassmorphic-button:disabled{pointer-events:none;opacity:.5}.glassmorphic-button:hover{-webkit-backdrop-filter:blur(.01em);backdrop-filter:blur(.01em);background:conic-gradient(from var(--angle-1)at 50% 50%,#94a3b80f 0%,#64748b0d 12.5%,#3b82f60f 25%,#22c55e0f 37.5%,#0ea5e90f 50%,#22c55e0f 62.5%,#3b82f60f 75%,#64748b0d 87.5%,#94a3b80f 100%);animation:4s linear infinite rainbow-rotate;transform:scale(.975);box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .15em .05em -.1em #00000040,inset 0 0 .05em .1em #ffffff80,0 0 #fff}.glassmorphic-button span.glassmorphic-button-content{-webkit-user-select:none;user-select:none;color:#323232;text-shadow:0 .05em .05em #0000000d;letter-spacing:-.18px;white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;padding-inline:1.75em;font-size:1.125rem;font-weight:500;transition:all .4s cubic-bezier(.25,1,.5,1);display:flex;position:relative}.glassmorphic-button span.glassmorphic-button-content svg{flex-shrink:0;display:inline-block}.glassmorphic-button:hover span.glassmorphic-button-content{text-shadow:.025em .025em .025em #0000000f}.glassmorphic-button span.glassmorphic-button-content:after{content:"";z-index:1;width:var(--shine-width);height:var(--shine-height);top:var(--shine-top);left:var(--shine-left);box-sizing:border-box;background:linear-gradient(var(--angle-2),#fff0 0%,#ffffff80 40% 50%,#fff0 55%);z-index:3;mix-blend-mode:screen;pointer-events:none;background-position:0%;background-repeat:no-repeat;background-size:200% 200%;border-radius:999vw;transition:background-position .5s cubic-bezier(.25,1,.5,1),--angle-2 .5s cubic-bezier(.25,1,.5,1);display:block;position:absolute;overflow:clip}.glassmorphic-button:hover span.glassmorphic-button-content:after{background-position:25%}.glassmorphic-button:active span.glassmorphic-button-content:after{--angle-2:-15deg;background-position:50% 15%}@media (hover:none) and (pointer:coarse){.glassmorphic-button span.glassmorphic-button-content:after,.glassmorphic-button:active span.glassmorphic-button-content:after{--angle-2:-45deg}}.glassmorphic-button:after{content:"";z-index:1;width:var(--outline-width);height:var(--outline-height);top:var(--outline-top);left:var(--outline-left);padding:var(--border-width);box-sizing:border-box;background:conic-gradient(from var(--angle-1)at 50% 50%,#00000080,#0000 5% 40%,#00000080 50%,#0000 60% 95%,#00000080),linear-gradient(180deg,#ffffff80,#ffffff80);box-shadow:inset 0 0 0 calc(var(--border-width)/2)#ffffff80;-webkit-mask-composite:xor;border-radius:999vw;transition:all .4s cubic-bezier(.25,1,.5,1),--angle-1 .5s;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-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}.glassmorphic-button.glassmorphic-circular:after{border-radius:50%!important}.glassmorphic-button:hover:after{--angle-1:-125deg}@keyframes rainbow-rotate{0%{filter:hue-rotate()}to{filter:hue-rotate(60deg)}}.glassmorphic-button:active:after{--angle-1:-75deg}@media (hover:none) and (pointer:coarse){.glassmorphic-button:after,.glassmorphic-button:hover:after,.glassmorphic-button:active:after{--angle-1:-75deg}}.glassmorphic-button-wrap:has(button:hover) .glassmorphic-button-shadow{filter:blur(clamp(2px,.0625em,6px));transition:filter .4s cubic-bezier(.25,1,.5,1)}.glassmorphic-button-wrap:has(button:hover) .glassmorphic-button-shadow:after{top:calc(var(--shadow-cuttoff-fix) - .875em);opacity:1}.glassmorphic-button-wrap:has(button:active){transform:rotateX(25deg)}.glassmorphic-button-wrap:has(button:active) .glassmorphic-button{box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .125em .125em -.125em #0003,inset 0 0 .1em .25em #fff3,0 .225em .05em #0000000d,0 .25em #ffffffbf,inset 0 .25em .05em #00000026}.glassmorphic-button-wrap:has(button:active) .glassmorphic-button-shadow{filter:blur(clamp(2px,.125em,12px))}.glassmorphic-button-wrap:has(button:active) .glassmorphic-button-shadow:after{top:calc(var(--shadow-cuttoff-fix) - .5em);opacity:.75}.glassmorphic-button-wrap:has(button:active) span.glassmorphic-button-content{text-shadow:.025em .1em .05em #00000014}.dark .glassmorphic-button{background:linear-gradient(-75deg,#ffffff14,#ffffff26,#ffffff14);box-shadow:inset 0 .125em .125em #00000040,inset 0 -.125em .125em #ffffff20,0 .25em .125em -.125em #00000060,inset 0 0 .1em .25em #ffffff20,0 0 #fff}.dark .glassmorphic-button:hover{background:conic-gradient(from var(--angle-1)at 50% 50%,#94a3b81a 0%,#64748b14 12.5%,#3b82f61a 25%,#22c55e1a 37.5%,#0ea5e91a 50%,#22c55e1a 62.5%,#3b82f61a 75%,#64748b14 87.5%,#94a3b81a 100%);animation:4s linear infinite rainbow-rotate;box-shadow:inset 0 .125em .125em #00000040,inset 0 -.125em .125em #ffffff30,0 .15em .05em -.1em #00000080,inset 0 0 .05em .1em #ffffff30,0 0 #fff}.dark .glassmorphic-button span.glassmorphic-button-content{color:#fff;text-shadow:0 .05em .05em #00000040}.dark .glassmorphic-button:hover span.glassmorphic-button-content{text-shadow:.025em .025em .025em #00000060}.dark .glassmorphic-button span.glassmorphic-button-content svg{color:#fff}.dark .glassmorphic-button:after{background:conic-gradient(from var(--angle-1)at 50% 50%,#ffffff60,#0000 5% 40%,#ffffff60 50%,#0000 60% 95%,#ffffff60),linear-gradient(180deg,#ffffff40,#ffffff40);box-shadow:inset 0 0 0 calc(var(--border-width)/2)#ffffff40}.dark .glassmorphic-button:hover:after{background:conic-gradient(from var(--angle-1)at 50% 50%,#ff008080 0%,#ff8c0066 8%,#ffd70066 16%,#32cd3266 24%,#00bfff66 32%,#4169e166 40%,#8b00ff80 48%,#ff008080 56%,#8b00ff66 64%,#4169e166 72%,#00bfff66 80%,#32cd3266 88%,#ffd70066 96%,#ff008080 100%),linear-gradient(180deg,#ffffff40,#ffffff40);animation:3s linear infinite rainbow-rotate}.glassmorphic-button-wrap.size-sm{width:180px!important}.glassmorphic-button-wrap.size-sm .glassmorphic-button{width:180px;height:40px}.glassmorphic-button-wrap.size-sm .glassmorphic-button span.glassmorphic-button-content{padding-inline:1.25em;font-size:.875rem}.glassmorphic-button-wrap.size-md{width:224px!important}.glassmorphic-button-wrap.size-md .glassmorphic-button{width:224px;height:32px}.glassmorphic-button-wrap.size-md .glassmorphic-button span.glassmorphic-button-content{padding-inline:1.5em;font-size:.75rem}.glassmorphic-button-wrap.size-lg{width:280px!important}.glassmorphic-button-wrap.size-lg .glassmorphic-button{width:280px;height:48px}.glassmorphic-button-wrap.size-lg .glassmorphic-button span.glassmorphic-button-content{padding-inline:2em;font-size:1rem}@media (min-width:48rem){.glassmorphic-button-wrap.size-sm{width:120px!important}.glassmorphic-button-wrap.size-sm .glassmorphic-button{width:120px}.glassmorphic-button-wrap.size-md{width:145px!important}.glassmorphic-button-wrap.size-md .glassmorphic-button{width:145px}.glassmorphic-button-wrap.size-lg{width:180px!important}.glassmorphic-button-wrap.size-lg .glassmorphic-button{width:180px}}.glassmorphic-button .glass-motif-piece{filter:drop-shadow(0 2px 4px #0000001a);opacity:.9;transition:opacity .3s,filter .3s}.glassmorphic-button:hover .glass-motif-piece{opacity:1;filter:drop-shadow(0 4px 8px #3b82f633)drop-shadow(0 2px 4px #0000001a)}.dark .glassmorphic-button .glass-motif-piece{filter:drop-shadow(0 2px 4px #0000004d);opacity:.85}.dark .glassmorphic-button:hover .glass-motif-piece{opacity:1;filter:drop-shadow(0 4px 8px #3b82f64d)drop-shadow(0 2px 4px #0000004d)}
/*# sourceMappingURL=86017ac59f9cba96.css.map*/