.specular-button{--sb-radius:18px;--sb-tint:#fff;--sb-tint-opacity:0;--sb-blur:0px;--sb-text-color:#f5f5f5;letter-spacing:.01em;color:var(--sb-text-color);background:color-mix(in srgb, var(--sb-tint) calc(var(--sb-tint-opacity) * 100%), transparent);border-radius:var(--sb-radius);-webkit-backdrop-filter:blur(var(--sb-blur));cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;margin:0;font-family:inherit;font-weight:500;line-height:1;transition:transform .15s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff0a,0 8px 24px #00000040}.specular-button:active{transform:scale(.97)}.specular-button:focus-visible{outline:2px solid color-mix(in srgb, var(--sb-text-color) 60%, transparent);outline-offset:3px}.specular-button:disabled{opacity:.55;cursor:default}.specular-button:disabled:active{transform:none}.specular-button--sm{padding:10px 22px;font-size:.85rem}.specular-button--md{padding:14px 30px;font-size:1rem}.specular-button--lg{padding:18px 40px;font-size:1.15rem}.specular-button__fx{pointer-events:none;z-index:1;position:absolute;inset:-20px}.specular-button__fx canvas{contain:strict;width:100%;height:100%;display:block}.specular-button__label{z-index:2;position:relative}
.glass-surface{backface-visibility:hidden;contain:paint;--glass-pointer-x:50%;--glass-pointer-y:50%;--glass-shift-x:0px;--glass-shift-y:0px;justify-content:center;align-items:center;transition:opacity .26s ease-out,box-shadow .35s;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.glass-surface__filter{z-index:-1;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{z-index:2;border-radius:inherit;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.glass-surface__fluid{z-index:1;border-radius:inherit;pointer-events:none;background:radial-gradient(260px 92px at var(--glass-pointer-x) var(--glass-pointer-y), #fff3, #ffffff0e 38%, transparent 72%), linear-gradient(112deg, #ffffff17, transparent 26%, transparent 68%, #bcdcff13);mix-blend-mode:screen;opacity:.92;position:absolute;inset:0;overflow:hidden}.glass-surface__fluid:before{content:"";width:38%;height:180%;left:calc(var(--glass-pointer-x) - 19%);filter:blur(15px);transform:translate3d(var(--glass-shift-x), var(--glass-shift-y), 0) rotate(-8deg);will-change:left, transform;background:linear-gradient(90deg,#0000,#ffffff29,#b2d9ff0e,#0000);border-radius:50%;position:absolute;top:-40%}.glass-surface--svg{background:linear-gradient(110deg, #20222275, rgba(12,13,13,var(--glass-frost,.36)) 52%, #26282861);-webkit-backdrop-filter:blur(32px) saturate(var(--glass-saturation,1)) brightness(1.12);box-shadow:inset 0 1px #ffffff5c,inset 0 -1px #ffffff1a,inset 1px 0 #ffffff2e,inset -1px 0 #ffffff17,0 16px 42px #0000005c,0 2px 8px #ffffff0e}.glass-surface--fallback{-webkit-backdrop-filter:blur(32px)saturate(1.7)brightness(1.12);background:linear-gradient(110deg,#2e3030ad,#101111b8,#303232a3);border:1px solid #ffffff29;box-shadow:inset 0 1px #ffffff2b,inset 0 -1px #ffffff0d,0 18px 46px #00000057}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid #d7ff29}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#121313eb}}@media (max-width:760px),(prefers-reduced-transparency:reduce){.glass-surface--svg,.glass-surface--fallback{-webkit-backdrop-filter:blur(16px)saturate(1.2);background:#121313e6}.glass-surface__fluid{opacity:.58}.glass-surface__fluid:before{display:none}}@media (prefers-reduced-motion:reduce){.glass-surface__fluid:before{transform:none}}