@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/design/fonts/jbmono_latin.woff2)format("woff2")}.gtk{--h:28px;--pad:30px;--fs:11.5px;--gc:#e2b455;--gr:#e2b4558c;height:var(--h);width:var(--gw,auto);box-sizing:border-box;-webkit-backdrop-filter:blur(10px);font:500 var(--fs)/1 "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#ede2c4bd;white-space:nowrap;background:#0c0e0cb8;border-radius:999px;transition:background .2s;display:block;position:relative;box-shadow:inset 0 1px 7px #00000073,0 2px 14px #00000040}.gtk:hover{background:#0c0e0cd6}.gtk[data-net=live]{--gc:#ffdd86;--gr:#ffdd8699}.gtk .gtx{padding:0 var(--pad);border-radius:inherit;color:inherit;place-items:center;text-decoration:none;display:grid;position:absolute;inset:0;overflow:hidden}.gtk .gtx:focus-visible{outline-offset:2px;outline:2px solid #f4d27a}.gtk .gl{text-align:center;line-height:var(--h);opacity:0;grid-area:1/1;transition:transform .28s cubic-bezier(.2,.7,.2,1),opacity .28s cubic-bezier(.2,.7,.2,1);display:block;transform:translateY(70%)}.gtk .gl.on{opacity:1;transform:none}.gtk .gl.up{opacity:0;transform:translateY(-70%)}.gtk .gl .k{text-transform:uppercase;letter-spacing:.1em;color:#ede2c499;font-weight:500}.gtk .gl b{color:#f4d27a;letter-spacing:.02em;font-weight:600}.gtk .gl .dot{color:#d9a44199;padding:0 .35em}.gtk .gl .nm{color:#ede2c4d1;font-weight:500}.gtk .gst{width:calc(var(--pad) - 4px);box-sizing:border-box;cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;border-radius:999px;outline:none;justify-content:center;align-items:center;padding-left:3px;display:flex;position:absolute;top:0;bottom:0;left:0}.gtk .gst:focus-visible .gsd{outline-offset:3px;outline:2px solid #f4d27a}.gtk .gsd{background:var(--gc);width:7px;height:7px;box-shadow:0 0 6px var(--gr);border-radius:50%;display:block;position:relative}.gtk .gsd:after{content:"";background:var(--gc);opacity:0;border-radius:50%;animation:1.9s cubic-bezier(.2,.6,.3,1) infinite gtkp;position:absolute;inset:0}@keyframes gtkp{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(3.1)}}.gtk .gsl{height:var(--h);box-sizing:border-box;font:600 calc(var(--fs) - 1.5px)/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--gc);white-space:nowrap;transform:translateX(var(--gsx,0px));clip-path:inset(0 0 0 100% round 999px);opacity:0;pointer-events:none;background:#0c0e0cd6;border-radius:999px;align-items:center;gap:7px;padding:0 11px;transition:clip-path .2s cubic-bezier(.2,.7,.2,1),opacity .2s;display:flex;position:absolute;top:0;right:calc(100% + 5px);box-shadow:inset 0 1px 7px #00000073,inset 0 0 14px #d9a44114}.gtk .gst:hover .gsl,.gtk .gst:focus-visible .gsl,.gtk.open .gsl{clip-path:inset(0 round 999px);opacity:1}@media (hover:hover){.gtk .gst:hover .gsd{box-shadow:0 0 9px var(--gr)}}@media (prefers-reduced-motion:reduce){.gtk .gsd:after{opacity:0;animation:none}.gtk .gsl,.gtk .gl{transition:none}}