@property --glowa{syntax: "<number>"; inherits: true; initial-value: 0.55;}@property --top{syntax: "<number>"; inherits: true; initial-value: 0.5;}@property --press{syntax: "<number>"; inherits: true; initial-value: 0;}@property --lift{syntax: "<length>"; inherits: true; initial-value: 0px;}.button{--sg: 250 248 243;--sga: 0.62;--tl: 31 42 42;--glow: 255 255 255;--glowa-rest: 0.55;--top-rest: 0.5;--under: 0;--rim: 0.5;--iri: 0.22;--grain: 0.06;--glowa: var(--glowa-rest);--top: var(--top-rest);position:relative;isolation:isolate;border:0;border-radius:var(--sg-radius, 999px);color:rgb(var(--tl));background:radial-gradient(70% 120% at 28% -10%,rgb(255 255 255 / var(--top)),rgb(255 255 255 / 0) 60%),radial-gradient(70% 70% at 72% 118%,rgb(var(--glow) / var(--under)),rgb(var(--glow) / 0) 72%),radial-gradient(55% 110% at 14% 115%,rgb(255 186 196 / var(--iri)),rgb(255 186 196 / 0) 70%),radial-gradient(55% 110% at 88% 100%,rgb(255 232 170 / calc(var(--iri) * 0.8)),rgb(255 232 170 / 0) 70%),radial-gradient(60% 120% at 60% 120%,rgb(160 228 222 / var(--iri)),rgb(160 228 222 / 0) 70%),rgb(var(--sg) / var(--sga));box-shadow:inset 0 0 0 1px rgb(255 255 255 / var(--rim)),inset 0 0 0 3px rgb(255 255 255 / calc(var(--rim) * 0.25)),inset 0 1.5px 0.5px rgb(255 255 255 / 0.8),inset 0 0 1.1em 0.15em rgb(var(--glow) / var(--glowa)),inset 0 -0.35em 0.6em -0.2em rgb(var(--glow) / calc(var(--glowa) * 0.8)),inset 0 0.18em 0.55em rgb(31 42 42 / calc(var(--press) * 0.16)),0 1px 1.5px rgb(31 42 42 / 0.07),0 calc(0.6em + var(--lift)) calc(1.2em + var(--lift) * 2) -0.7em rgb(31 42 42 / calc(0.32 - var(--press) * 0.12));-webkit-backdrop-filter:blur(10px) saturate(1.15);backdrop-filter:blur(10px) saturate(1.15);transform:translateY(calc(var(--lift) * -1)) scale(calc(1 - var(--press) * 0.035));transition:--glowa .35s cubic-bezier(.23,1,.32,1),--top .35s cubic-bezier(.23,1,.32,1),--lift .35s cubic-bezier(.23,1,.32,1),--press .12s ease-out,color .6s ease;-webkit-tap-highlight-color:transparent}.button::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:url(grain.png) 0 0 / 160px 160px;opacity:var(--grain)}@media(hover:hover){html .button:hover{--glowa: calc(var(--glowa-rest) + 0.18);--top: calc(var(--top-rest) + 0.15);--lift: 1.5px}}html .button:active{--press: 1;--lift: 0px;transition:--press .06s ease-out,--lift .1s ease-out}.button:focus-visible{outline:2px solid rgb(31 42 42);outline-offset:3px}@media(prefers-reduced-motion:reduce){.button{transition:none;transform:none}}.button{display:inline-flex;align-items:center;justify-content:center;gap:0.5em;min-height:2.75rem;padding:0 1.25rem;font-family:Inter,"Helvetica Neue",Arial,system-ui,sans-serif;font-size:0.9375rem;font-weight:500;letter-spacing:-0.01em;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;touch-action:manipulation}.button:disabled,.button[aria-disabled=true]{opacity:0.55;cursor:default;--press: 0;--lift: 0px}.button.sm{min-height:2.25rem;padding:0 1rem;font-size:0.875rem}.button.sm::after{content:"";position:absolute;inset:-5px -2px}.button.lg{min-height:3.25rem;padding:0 1.6rem;font-size:1rem}.button.block{display:flex;width:100%}.button[data-glass=sea]{--sg: 206 226 214;--sga: 0.66}.button[data-glass=teal],.button[data-tint="#5b8770" i],.button[data-tint="#517863" i]{--sg: 22 86 96;--sga: 0.94;--tl: 255 255 255;--glow: 110 200 205;--glowa-rest: 0.38;--top-rest: 0.1;--under: 0.55;--rim: 0.28;--iri: 0.06;--grain: 0.12}.button[data-glass=sage]{--sg: 64 104 86;--sga: 0.95;--tl: 255 255 255;--glow: 150 205 180;--glowa-rest: 0.32;--top-rest: 0.12;--under: 0.45;--rim: 0.3;--iri: 0.06;--grain: 0.11}.button[data-glass=coral]{--sg: 242 172 134;--sga: 0.82;--glow: 255 226 200;--glowa-rest: 0.6;--iri: 0.1}.button[data-glass=deep]{--sg: 10 52 62;--sga: 0.72;--tl: 255 255 255;--glow: 120 200 210;--glowa-rest: 0.3;--top-rest: 0.08;--under: 0.4;--rim: 0.25;--iri: 0.05;--grain: 0.1}.button[aria-pressed=true]{--sg: 22 86 96;--sga: 0.94;--tl: 255 255 255;--glow: 110 200 205;--glowa-rest: 0.38;--top-rest: 0.1;--under: 0.55;--rim: 0.28;--iri: 0.06;--grain: 0.12}.glass-field{border:0;outline:none;color:rgb(31 42 42);background:radial-gradient(70% 120% at 28% -10%,rgb(255 255 255 / 0.45),rgb(255 255 255 / 0) 60%),rgb(250 248 243 / 0.72);box-shadow:inset 0 0 0 1px rgb(255 255 255 / 0.5),inset 0 1.5px 0.5px rgb(255 255 255 / 0.8),inset 0 0 1.1em 0.15em rgb(255 255 255 / 0.5),0 1px 1.5px rgb(31 42 42 / 0.07),0 0.6em 1.2em -0.7em rgb(31 42 42 / 0.25);-webkit-backdrop-filter:blur(10px) saturate(1.15);backdrop-filter:blur(10px) saturate(1.15)}.glass-field::placeholder{color:rgb(63 74 70)}.glass-field:focus{box-shadow:inset 0 0 0 1.5px rgb(31 42 42 / 0.4),inset 0 0 1.1em 0.15em rgb(255 255 255 / 0.5),0 0.6em 1.2em -0.7em rgb(31 42 42 / 0.25)}