.chrome-btn{--cb-h:184px;--cb-rim:calc(var(--cb-h) * .105);--cb-horizon:50%;--cb-polish:.5px;--cb-shadow:.5;--cb-grain:.5;--cb-tilt-x:0;--cb-tilt-y:0;--cb-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");height:var(--cb-h);min-width:calc(var(--cb-h) * 2.5);cursor:pointer;-webkit-tap-highlight-color:transparent;font:inherit;isolation:isolate;transition:transform var(--dur-fast,.15s) var(--ease-out,cubic-bezier(.16,1,.3,1));background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.cb-shadow{z-index:-1;background:radial-gradient(58% 100% at 49% 6%, oklch(0 0 0 / calc(.52 * var(--cb-shadow))) 0%, oklch(0 0 0 / calc(.3 * var(--cb-shadow))) 34%, #0000 74%);height:64%;filter:blur(calc(var(--cb-h) * .085));transition:transform var(--dur-norm,.25s) var(--ease-out,cubic-bezier(.16,1,.3,1)), filter var(--dur-norm,.25s) var(--ease-out,cubic-bezier(.16,1,.3,1));border-radius:50%;position:absolute;bottom:0;left:4%;right:4%;transform:translateY(46%)scaleX(1.04)}@supports (color:lab(0% 0 0)){.cb-shadow{background:radial-gradient(58% 100% at 49% 6%, oklch(0 0 0 / calc(.52 * var(--cb-shadow))) 0%, oklch(0 0 0 / calc(.3 * var(--cb-shadow))) 34%, lab(0% 0 0/0) 74%)}}.cb-shadow:after{content:"";background-image:var(--cb-noise);opacity:calc(.55 * var(--cb-grain));mix-blend-mode:multiply;background-size:150px 150px;border-radius:50%;position:absolute;inset:-20%;-webkit-mask-image:radial-gradient(58% 100% at 49% 12%,#000 0% 40%,#0000 74%);mask-image:radial-gradient(58% 100% at 49% 12%,#000 0% 40%,#0000 74%)}.cb-body{box-sizing:border-box;width:100%;height:100%;padding:var(--cb-rim);background:linear-gradient(#fff 0%,#f3f1ec 30%,#e2dfd8 60%,#d2cfc7 82%,#c6c3bb 100%);border-radius:9999px;display:block;position:relative;box-shadow:inset 0 3px 2px #fffffff2,inset 0 -5px 6px #0000002e,inset 0 0 0 1px #ffffff8c,0 1px 1px #ffffffb3,0 2px 3px #0000001a;box-shadow:inset 0 3px 2px lab(100% 0 0/.95),inset 0 -5px 6px lab(0% 0 0/.18),inset 0 0 0 1px lab(100% 0 0/.55),0 1px 1px lab(100% 0 0/.7),0 2px 3px lab(0% 0 0/.1)}.dark .cb-body{background:linear-gradient(#5b5b5e 0%,#3c3c3f 32%,#2a2a2c 62%,#1d1d1f 84%,#161618 100%);box-shadow:inset 0 3px 2px #ffffff38,inset 0 -5px 7px #0009,inset 0 0 0 1px #ffffff1a,0 1px 1px #ffffff14,0 2px 4px #00000080;box-shadow:inset 0 3px 2px lab(100% 0 0/.22),inset 0 -5px 7px lab(0% 0 0/.6),inset 0 0 0 1px lab(100% 0 0/.1),0 1px 1px lab(100% 0 0/.08),0 2px 4px lab(0% 0 0/.5)}.chrome-btn[data-rim=none] .cb-body{background:#0006;background:lab(0% 0 0/.4);padding:2px;box-shadow:inset 0 0 0 1px #ffffff80,0 1px 2px #0000002e;box-shadow:inset 0 0 0 1px lab(100% 0 0/.5),0 1px 2px lab(0% 0 0/.18)}.dark .chrome-btn[data-rim=none] .cb-body{background:#ffffff0f;background:lab(100% 0 0/.06);box-shadow:inset 0 0 0 1px #ffffff24,0 1px 3px #0000008c;box-shadow:inset 0 0 0 1px lab(100% 0 0/.14),0 1px 3px lab(0% 0 0/.55)}.chrome-btn[data-rim=none] .cb-mirror{box-shadow:inset 0 2px 5px #00000073,inset 0 -2px 4px #ffffff38,inset 0 0 0 1px #00000047;box-shadow:inset 0 2px 5px lab(0% 0 0/.45),inset 0 -2px 4px lab(100% 0 0/.22),inset 0 0 0 1px lab(0% 0 0/.28)}.dark .chrome-btn[data-rim=none] .cb-mirror{box-shadow:inset 0 2px 6px #0009,inset 0 -2px 4px #ffffff1a,inset 0 0 0 1px #ffffff1a;box-shadow:inset 0 2px 6px lab(0% 0 0/.6),inset 0 -2px 4px lab(100% 0 0/.1),inset 0 0 0 1px lab(100% 0 0/.1)}.cb-mirror{background:linear-gradient(#f2f1ee 0%,#dddbd5 30%,#8f8d88 46%,#1c1c1c 52%,#3a3a38 60%,#a9a7a1 78%,#d8d6d0 100%);border-radius:9999px;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 5px 9px #0000008c,inset 0 -3px 7px #ffffff4d,inset 0 0 0 1px #0000004d;box-shadow:inset 0 5px 9px lab(0% 0 0/.55),inset 0 -3px 7px lab(100% 0 0/.3),inset 0 0 0 1px lab(0% 0 0/.3)}.cb-canvas{border-radius:inherit;width:100%;height:100%;transition:transform .26s var(--ease-out,cubic-bezier(.16,1,.3,1)), filter .22s var(--ease-out,cubic-bezier(.16,1,.3,1));display:block;position:absolute;inset:0}.cb-grain{border-radius:inherit;background-image:var(--cb-noise);opacity:calc(.12 * var(--cb-grain));mix-blend-mode:overlay;pointer-events:none;background-size:130px 130px;position:absolute;inset:0}.cb-glow{border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#ffffff8c 0%,#fff0 14%),radial-gradient(60% 36% at 50% 0,#fff6 0%,#fff0 70%);background:linear-gradient(lab(100% 0 0/.55) 0%,lab(100% 0 0/0) 14%),radial-gradient(60% 36% at 50% 0,lab(100% 0 0/.4) 0%,lab(100% 0 0/0) 70%);position:absolute;inset:0}.cb-face{z-index:2;font-family:var(--cb-label-font,var(--mono,"Geist Mono", monospace));font-weight:var(--cb-label-weight,500);font-size:var(--cb-label-size,clamp(11px, calc(var(--cb-h) * .12), 30px));letter-spacing:var(--cb-label-track,.14em);text-transform:var(--cb-label-transform,uppercase);color:#f8f8f8;color:lab(97.68% -.0000298023 .0000119209);mix-blend-mode:difference;text-shadow:0 0 1px #00000040;text-shadow:0 0 1px lab(0% 0 0/.25);pointer-events:none;justify-content:center;align-items:center;gap:.6em;display:inline-flex;position:absolute;inset:0}.chrome-btn[data-emboss=raised] .cb-face{color:#f5f5f5;color:lab(96.52% -.0000298023 .0000119209);mix-blend-mode:screen;text-shadow:0 1px 1px #0000008c,0 -1px #ffffff73;text-shadow:0 1px 1px lab(0% 0 0/.55),0 -1px lab(100% 0 0/.45)}.chrome-btn:hover .cb-shadow,.chrome-btn.force-hover .cb-shadow{transform:translateY(54%)scaleX(1.06)}.chrome-btn.force-hover{transform:translateY(-1px)}.chrome-btn:active{transform:translateY(2px)scale(.992)}.chrome-btn:active .cb-body{box-shadow:inset 0 4px 4px #00000038,inset 0 -2px 3px #fff9,inset 0 0 0 1px #fff6,0 1px 1px #fff9;box-shadow:inset 0 4px 4px lab(0% 0 0/.22),inset 0 -2px 3px lab(100% 0 0/.6),inset 0 0 0 1px lab(100% 0 0/.4),0 1px 1px lab(100% 0 0/.6)}.chrome-btn:active .cb-shadow{filter:blur(calc(var(--cb-h) * .06));transform:translateY(34%)scaleX(.98)}.chrome-btn:active .cb-canvas{transform:translateY(1%)scale(1.015)}.chrome-btn:focus-visible{outline:none}.chrome-btn:focus-visible .cb-body,.chrome-btn.is-focus .cb-body{box-shadow:inset 0 3px 2px #fffffff2, inset 0 -5px 6px #0000002e, inset 0 0 0 1px #ffffff8c, 0 0 0 3px var(--bg,#e9e6df), 0 0 0 5px #717171d9}@supports (color:lab(0% 0 0)){.chrome-btn:focus-visible .cb-body,.chrome-btn.is-focus .cb-body{box-shadow:inset 0 3px 2px lab(100% 0 0/.95), inset 0 -5px 6px lab(0% 0 0/.18), inset 0 0 0 1px lab(100% 0 0/.55), 0 0 0 3px var(--bg,#e9e6df), 0 0 0 5px lab(47.8% 0 .0000119209/.85)}}.chrome-btn.is-pressed{transform:translateY(2px)scale(.992)}.chrome-btn.is-pressed .cb-body{box-shadow:inset 0 4px 4px #00000038,inset 0 -2px 3px #fff9,inset 0 0 0 1px #fff6,0 1px 1px #fff9;box-shadow:inset 0 4px 4px lab(0% 0 0/.22),inset 0 -2px 3px lab(100% 0 0/.6),inset 0 0 0 1px lab(100% 0 0/.4),0 1px 1px lab(100% 0 0/.6)}.chrome-btn.is-pressed .cb-shadow{filter:blur(calc(var(--cb-h) * .06));transform:translateY(34%)scaleX(.98)}.chrome-btn.is-pressed .cb-canvas{transform:translateY(1%)scale(1.015)}.chrome-btn[disabled],.chrome-btn[aria-disabled=true]{cursor:not-allowed;filter:grayscale(.3)brightness(.99)contrast(.82);opacity:.7}.chrome-btn[disabled] .cb-canvas{filter:blur(1.5px)saturate(.7)brightness(1.02)}.chrome-btn[disabled] .cb-shadow{opacity:.4}a.chrome-btn{color:inherit;text-decoration:none}@media (prefers-reduced-motion:reduce){.chrome-btn,.cb-shadow,.cb-canvas{transition:none!important}}