.liquid-metal-button_root__0xH6k{--metal-dark:#0b3d26;--metal-base:#40916c;--metal-light:#d7f8e3;--metal-mid:#65b88a;--core-top:#347c59;--core-middle:#194a32;--core-bottom:#061c11;--focus:#75c99a;--content:#f1fff6;--gloss-rgb:207 246 222;--ripple-rgb:184 239 205;--shadow-rgb:13 61 38;position:relative;width:4rem;height:4rem;perspective:1000px;perspective-origin:50% 50%;-webkit-tap-highlight-color:transparent}.liquid-metal-button_root__0xH6k[data-tone=red]{--metal-dark:#650d18;--metal-base:#d32f2f;--metal-light:#ffd7db;--metal-mid:#f05c67;--core-top:#a42631;--core-middle:#5d1720;--core-bottom:#240509;--focus:#ff9ca5;--content:#fff2f3;--gloss-rgb:255 204 208;--ripple-rgb:255 181 188;--shadow-rgb:101 13 24}.liquid-metal-button_root__0xH6k[data-size=sm]{width:3rem;height:3rem}.liquid-metal-button_root__0xH6k[data-size=md]{width:3.75rem;height:3.75rem}.liquid-metal-button_stage__H8yBa{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .18s cubic-bezier(.22,1,.36,1)}.liquid-metal-button_root__0xH6k:hover .liquid-metal-button_stage__H8yBa{transform:translateY(-1px)}.liquid-metal-button_root__0xH6k[data-pressed=true] .liquid-metal-button_stage__H8yBa{transform:translateY(2px) scale(.965)}.liquid-metal-button_content__gz3Y1,.liquid-metal-button_hitArea__4R3IG,.liquid-metal-button_innerCore__M8iUa,.liquid-metal-button_metalLayer__vKjp1{position:absolute;inset:0;border-radius:50%}.liquid-metal-button_metalLayer__vKjp1{z-index:10;overflow:hidden;background:radial-gradient(circle at 30% 20%,var(--metal-light) 0,var(--metal-mid) 22%,transparent 42%),conic-gradient(from 210deg,var(--metal-dark),var(--metal-base),var(--metal-light),var(--metal-dark),var(--metal-mid),var(--metal-dark));box-shadow:0 0 0 1px rgb(var(--shadow-rgb)/.48),0 14px 9px rgb(var(--shadow-rgb)/.1),0 8px 7px rgb(var(--shadow-rgb)/.16),0 3px 4px rgb(var(--shadow-rgb)/.22);transform:translateZ(0);transition:box-shadow .18s ease}.liquid-metal-button_shaderSurface__b8vlL,.liquid-metal-button_shaderSurface__b8vlL canvas{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;border-radius:50%!important}.liquid-metal-button_shaderSurface__b8vlL{overflow:hidden}.liquid-metal-button_innerCore__M8iUa{z-index:20;inset:3px;background:radial-gradient(circle at 33% 18%,rgb(var(--gloss-rgb)/.42),transparent 28%),linear-gradient(180deg,var(--core-top) 0,var(--core-middle) 46%,var(--core-bottom) 100%);border:1px solid rgb(var(--gloss-rgb)/.42);box-shadow:inset 0 5px 8px rgb(var(--gloss-rgb)/.26),inset 0 -4px 7px rgba(0,0,0,.58),0 0 0 1px rgb(var(--shadow-rgb)/.34);transform:translateZ(10px);transition:background .18s ease,box-shadow .18s ease}.liquid-metal-button_root__0xH6k[data-size=sm] .liquid-metal-button_innerCore__M8iUa{inset:2px}.liquid-metal-button_root__0xH6k[data-size=sm] .liquid-metal-button_metalLayer__vKjp1{box-shadow:0 0 0 1px rgb(var(--shadow-rgb)/.45),0 9px 7px rgb(var(--shadow-rgb)/.1),0 5px 5px rgb(var(--shadow-rgb)/.16),0 2px 3px rgb(var(--shadow-rgb)/.22)}.liquid-metal-button_innerCore__M8iUa:after{position:absolute;top:7%;right:11%;left:11%;height:42%;pointer-events:none;content:"";border-radius:999px 999px 48% 48%;background:linear-gradient(180deg,rgb(var(--gloss-rgb)/.34) 0,rgb(var(--gloss-rgb)/.1) 50%,transparent 100%)}.liquid-metal-button_content__gz3Y1{z-index:30;display:grid;place-items:center;pointer-events:none;color:var(--content);text-shadow:0 1px 1px rgba(0,0,0,.74),0 0 7px rgb(var(--gloss-rgb)/.2);transform:translateZ(20px);transition:transform .22s cubic-bezier(.22,1,.36,1)}.liquid-metal-button_root__0xH6k:hover .liquid-metal-button_content__gz3Y1{transform:translateZ(20px) scale(1.025)}.liquid-metal-button_hitArea__4R3IG{z-index:40;overflow:hidden;cursor:pointer;appearance:none;touch-action:manipulation;border:0;background:transparent;transform:translateZ(25px)}.liquid-metal-button_hitArea__4R3IG:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.liquid-metal-button_hitArea__4R3IG:disabled{cursor:not-allowed}.liquid-metal-button_root__0xH6k:has(.liquid-metal-button_hitArea__4R3IG:disabled){opacity:.58}.liquid-metal-button_ripple__Tv8j_{position:absolute;width:20px;height:20px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgb(var(--ripple-rgb)/.62) 0,rgb(var(--ripple-rgb)/.22) 45%,rgb(var(--ripple-rgb)/0) 72%);animation:liquid-metal-button_liquid-metal-ripple__R3BnF .6s ease-out forwards}@keyframes liquid-metal-button_liquid-metal-ripple__R3BnF{0%{opacity:.72;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(4.2)}}@media (prefers-reduced-motion:reduce){.liquid-metal-button_content__gz3Y1,.liquid-metal-button_innerCore__M8iUa,.liquid-metal-button_metalLayer__vKjp1,.liquid-metal-button_stage__H8yBa{transition-duration:1ms}.liquid-metal-button_ripple__Tv8j_{display:none}}