.ftray .ft-cluster{height:calc(46 * max(var(--ui,1px), var(--ut,1px)));cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:flex-end;display:flex;position:relative}.ftray .ft-cluster:active{cursor:grabbing}.ftray .ft-mk,.ftray .ft-mk *{box-sizing:border-box}.ftray .ft-mk{--rgb:9, 9, 10;--ring:#ffffffeb;--ring0:#ffffffeb;--edge:#0000005c;--glyph:#f6f4eef2;--btn:#ffffff26;--btnh:#ffffff42;--pillrgb:24, 25, 28;--pillline:#e9e6dd1c;--bar:#e8a23d;--stop:#e8a23d;--stopink:#131215;--cupfill:#e8a23d6b;--wr:38;--hr:38;--hitw:38;--hith:38;--sat:24;--a:var(--rest-a,.7);--hs:var(--hr);--pd:0;--bw:3;--bgap:3;--ringw:1;--drop:0 6px 16px -6px #00000080;--drop2:0 6px 14px -6px #00000080;--u:var(--ui,1px);justify-content:center;align-items:flex-end;display:inline-flex;position:relative}.ftray .ft-mk:is([data-state=hover],[data-state=hold],[data-state=free],[data-state=work]){--u:var(--ut,1px)}.ftray .ft-mk[data-look=paper]{--rgb:251, 250, 246;--ring:#16171b2b;--ring0:#16171b2b;--edge:#ffffff61;--glyph:#16171be0;--btn:#16171b12;--btnh:#16171b21;--pillrgb:255, 255, 255;--pillline:#14140f1a;--bar:#de8259;--stop:#de8259;--stopink:#fff;--cupfill:#de825966;--drop:0 8px 20px -8px #00000080}.ftray .ft-mk[data-look=ledge]{--wr:46;--hr:10;--hitw:60;--hith:30}.ftray .ft-mk[data-look=inspect],.ftray .ft-mk[data-look=custom]{--ringw:2;--edge:#0000}.ftray .ft-mk[data-state=hover]{--a:.9;--hs:46;--pd:calc(4 - var(--ringw))}.ftray .ft-mk[data-state=warn]{--a:.9;--ring:#e8a23df2}.ftray .ft-mk[data-look=paper][data-state=warn]{--ring:#de8259f2}.ftray .ft-mk[data-look=ledge][data-state=warn]{--hs:38;--wr:38;--hith:38}.ftray .ft-mk[data-state=hold],.ftray .ft-mk[data-state=free],.ftray .ft-mk[data-state=work]{--rgb:var(--pillrgb);--a:1;--hs:40;--pd:24.5;--ring:var(--pillline);--ring0:var(--pillline);--ringw:1;--edge:#0000005c;--drop:0 6px 16px -8px #0006}.ftray .ft-cluster.ft-ka-on .ft-mk[data-state=rest]{--ring:#de8259f2}.ftray .ft-pill{height:calc(var(--hs) * var(--u,1px));min-width:calc(var(--wr) * var(--u,1px));padding:0 calc(var(--pd) * var(--u,1px));border:calc(var(--ringw) * var(--u,1px)) solid var(--ring);background:rgba(var(--rgb), var(--a));box-shadow:0 0 0 calc(1 * var(--u,1px)) var(--edge), var(--drop);transition:height .2s var(--ease-out,cubic-bezier(.2, .8, .2, 1)), border-width .2s var(--ease-out,cubic-bezier(.2, .8, .2, 1)), min-width .2s var(--ease-out,cubic-bezier(.2, .8, .2, 1)), padding .22s var(--ease-out,cubic-bezier(.2, .8, .2, 1)), background-color .22s ease, border-color .25s ease, box-shadow .3s ease;border-radius:999px;justify-content:center;align-items:center;display:flex;position:relative}.ftray .ft-hit{width:calc(var(--hitw) * var(--u,1px));height:calc(var(--hith) * var(--u,1px));pointer-events:none;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.ftray .ft-mk[data-state=hover] .ft-hit{width:var(--cluster-w,calc(166 * var(--u,1px)));height:calc(46 * var(--u,1px))}.ftray .ft-mk[data-state=hold] .ft-hit,.ftray .ft-mk[data-state=work] .ft-hit{width:calc(84 * var(--u,1px));height:calc(40 * var(--u,1px))}.ftray .ft-mk[data-state=free] .ft-hit{width:calc(140 * var(--u,1px));height:calc(40 * var(--u,1px))}.ftray .ft-mk[data-state=rest] .ft-hit,.ftray .ft-mk[data-state=warn] .ft-hit{pointer-events:auto}.ftray .ft-g{opacity:0;width:0;transition:width .22s var(--ease-out,cubic-bezier(.2, .8, .2, 1)), opacity .14s ease;flex:none;align-items:center;display:flex;overflow:hidden}.ftray .ft-mk[data-state=hover] .ft-g-act{width:calc((38 * var(--n,4) + 2 * (var(--n,4) - 1)) * var(--u,1px));opacity:1;transition:width .22s var(--ease-out,cubic-bezier(.2, .8, .2, 1)), opacity .18s ease 60ms}.ftray .ft-mk:is([data-state=hold],[data-state=free],[data-state=work]) .ft-g-bars{width:calc(33 * var(--u,1px));opacity:1}.ftray .ft-g-act{gap:calc(2 * var(--u,1px))}.ftray .ft-b{width:calc(38 * var(--u,1px));height:calc(38 * var(--u,1px));color:var(--glyph);cursor:pointer;border-radius:50%;flex:none;place-items:center;transition:background-color .15s,transform 80ms;display:grid}.ftray .ft-b.ft-primary{background:var(--btn)}.ftray .ft-b.ft-hl{background:var(--btnh)}.ftray .ft-b:active{transform:scale(.92)}.ftray .ft-b svg{width:calc(17 * var(--u,1px));height:calc(17 * var(--u,1px));fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.ftray .ft-cup .ft-cup-fill{fill:var(--cupfill)}.ftray .ft-steam{animation:2.4s ease-in-out infinite ft-steam}.ftray .ft-steam-b{animation-delay:.5s}@keyframes ft-steam{0%{opacity:.2;transform:translateY(1.2px)}50%{opacity:1}to{opacity:.2;transform:translateY(-1.4px)}}.ftray .ft-sat{width:0;height:calc(var(--sat) * var(--u,1px));margin:0 0 calc(8 * var(--u,1px)) 0;opacity:0;pointer-events:none;cursor:pointer;transition:width .22s var(--ease-out,cubic-bezier(.2, .8, .2, 1)), margin .22s var(--ease-out,cubic-bezier(.2, .8, .2, 1)), opacity .16s ease, transform .12s ease;border-radius:50%;flex:none;align-self:flex-end;place-items:center;display:grid;position:relative}.ftray .ft-mk[data-state=free] .ft-sat{width:calc(var(--sat) * var(--u,1px));opacity:1;pointer-events:auto}.ftray .ft-mk[data-state=free] .ft-sat.ft-stop{margin-right:calc(4 * var(--u,1px))}.ftray .ft-mk[data-state=free] .ft-sat.ft-cancel{margin-left:calc(4 * var(--u,1px))}.ftray .ft-sat.ft-stop{background:var(--stop);box-shadow:0 0 0 calc(1 * var(--u,1px)) #0000004d, var(--drop2)}.ftray .ft-sat.ft-stop i{width:calc(8 * var(--u,1px));height:calc(8 * var(--u,1px));border-radius:calc(2 * var(--u,1px));background:var(--stopink);display:block}.ftray .ft-sat.ft-cancel{background:rgba(var(--rgb), .9);color:var(--glyph);box-shadow:0 0 0 calc(1 * var(--u,1px)) var(--ring0), 0 0 0 calc(2 * var(--u,1px)) var(--edge), var(--drop2)}.ftray .ft-mk[data-state=free] .ft-sat.ft-cancel{box-shadow:0 0 0 calc(1 * var(--u,1px)) var(--pillline), var(--drop2)}.ftray .ft-sat.ft-cancel svg{width:calc(11 * var(--u,1px));height:calc(11 * var(--u,1px));fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round}.ftray .ft-sat:active{transform:scale(.88)}.ftray .ft-g-bars{justify-content:center}.ftray .ft-bars{height:calc(20 * var(--u,1px));align-items:center;gap:calc(var(--bgap) * var(--u,1px));flex:none;display:flex}.ftray .ft-bars i{width:calc(var(--bw) * var(--u,1px));height:calc(6 * var(--u,1px));border-radius:calc(2 * var(--u,1px));background:var(--bar);flex:none;transition:background-color .3s;display:block}.ftray .ft-mk[data-state=hold] .ft-bars i,.ftray .ft-mk[data-state=free] .ft-bars i{animation:1s ease-in-out infinite ft-flow-eq}.ftray .ft-mk[data-state=work] .ft-bars i{animation:1.1s ease-in-out infinite ft-work}.ftray .ft-mk .ft-bars i:first-child{animation-delay:0s}.ftray .ft-mk .ft-bars i:nth-child(2){animation-delay:.12s}.ftray .ft-mk .ft-bars i:nth-child(3){animation-delay:.24s}.ftray .ft-mk .ft-bars i:nth-child(4){animation-delay:80ms}.ftray .ft-mk .ft-bars i:nth-child(5){animation-delay:.2s}.ftray .ft-mk .ft-bars i:nth-child(6){animation-delay:.3s}@keyframes ft-flow-eq{0%,to{height:calc(6 * var(--u,1px))}50%{height:calc(20 * var(--u,1px))}}.ftray .ft-mk[data-state=work] .ft-bars i:first-child{animation-delay:0s}.ftray .ft-mk[data-state=work] .ft-bars i:nth-child(2){animation-delay:.1s}.ftray .ft-mk[data-state=work] .ft-bars i:nth-child(3){animation-delay:.2s}.ftray .ft-mk[data-state=work] .ft-bars i:nth-child(4){animation-delay:.3s}.ftray .ft-mk[data-state=work] .ft-bars i:nth-child(5){animation-delay:.4s}.ftray .ft-mk[data-state=work] .ft-bars i:nth-child(6){animation-delay:.5s}@keyframes ft-work{0%,to{height:calc(6 * var(--u,1px));opacity:.35}50%{height:calc(9 * var(--u,1px));opacity:1}}.ftray .ft-g-mark,.ftray .ft-g-warn{pointer-events:none;place-items:center;transition:opacity .18s;display:none;position:absolute;inset:0}.ftray .ft-g-mark svg{width:calc(22 * var(--u,1px));height:calc(22 * var(--u,1px));stroke:var(--glyph);stroke-width:2px}.ftray .ft-mk[data-look=paper] .ft-g-mark{opacity:0;display:grid}.ftray .ft-mk[data-look=paper][data-state=rest] .ft-g-mark{opacity:1}.ftray .ft-g-warn{opacity:0;color:#e8a23d;display:grid}.ftray .ft-mk[data-look=paper] .ft-g-warn{color:#de8259}.ftray .ft-g-warn svg{width:calc(20 * var(--u,1px));height:calc(20 * var(--u,1px));stroke-width:2.4px}.ftray .ft-mk[data-state=warn] .ft-g-warn{opacity:1}.ftray .ft-mk[data-look=custom][data-state=rest] .ft-pill,.ftray .ft-mk[data-look=custom][data-state=warn] .ft-pill{box-shadow:none;background:0 0;border-color:#0000}.ftray .ft-mk[data-look=custom] .ft-g-warn{display:none}.ftray .ft-custom-mark{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;width:100%;height:100%;filter:drop-shadow(0 calc(1 * var(--u,1px)) calc(3 * var(--u,1px)) #00000073);transition:opacity .18s;position:absolute;inset:0}.ftray .ft-mk[data-look=custom][data-state=rest] .ft-custom-mark{opacity:var(--rest-a,1)}.ftray .ft-mk[data-look=custom][data-state=warn] .ft-custom-mark{opacity:.5}.ftray .ft-cluster.ft-ka-on .ft-mk[data-look=custom][data-state=rest] .ft-pill:after{content:"";right:calc(-1 * var(--u,1px));bottom:calc(-1 * var(--u,1px));width:calc(9 * var(--u,1px));height:calc(9 * var(--u,1px));box-shadow:0 0 0 calc(1.5 * var(--u,1px)) #14120f99;background:#de8259f2;border-radius:50%;position:absolute}.ftray .ft-rp{width:calc(var(--wr) * var(--u,1px));height:calc(var(--hr) * var(--u,1px));margin-left:calc(var(--wr) * var(--u,1px) / -2);border:calc(1.5 * var(--u,1px)) solid var(--bar);opacity:0;pointer-events:none;border-radius:999px;position:absolute;bottom:0;left:50%}.ftray .ft-rp[data-go=true]{animation:.7s ease-out ft-ripple}@keyframes ft-ripple{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.ftray .ft-ka-badge{bottom:calc(19 * var(--ui,1px));transform:translate(calc(25 * var(--ui,1px)), 50%);font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:calc(10 * var(--k,1px));font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap;color:#f6f4eec7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:calc(4 * var(--k,1px)) calc(6 * var(--k,1px));border-radius:calc(7 * var(--k,1px));pointer-events:none;background:#14120f80;font-weight:500;line-height:1;transition:opacity .18s;position:absolute;left:50%}.ftray .ft-cluster[data-look=ledge] .ft-ka-badge{bottom:calc(5 * var(--ui,1px));transform:translate(calc(28 * var(--ui,1px)), 50%)}.ftray .ft-cluster.ft-hovering .ft-ka-badge{opacity:0}.ftray .ft-tip{left:50%;bottom:calc(100% + 8 * var(--k,1px));z-index:3;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:calc(11 * var(--k,1px));letter-spacing:.01em;text-align:center;color:#f6f4eeeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:calc(3 * var(--k,1px)) calc(9 * var(--k,1px));border-radius:calc(11 * var(--k,1px));text-wrap:balance;opacity:0;pointer-events:none;background:#120f0cb8;max-width:calc(100vw - 8px);line-height:1.25;transition:opacity .18s;position:absolute;transform:translate(-50%)}.ftray .ft-cluster.ft-hovering .ft-tip:not(:empty){opacity:1}.ftray .ft-tip:empty{opacity:0}@media (prefers-reduced-motion:reduce){.ftray .ft-mk,.ftray .ft-mk *{transition-duration:10ms!important}.ftray .ft-mk[data-state=hold] .ft-bars i,.ftray .ft-mk[data-state=free] .ft-bars i{height:calc(12 * var(--u,1px));animation:none}.ftray .ft-mk[data-state=work] .ft-bars i{height:calc(8 * var(--u,1px));animation:none}.ftray .ft-steam,.ftray .ft-rp[data-go=true]{animation:none}.ftray .ft-ka-badge,.ftray .ft-tip{transition:none}}
.ftray{z-index:20;pointer-events:none;--ui:.7px;--ut:.7px;--k:1px;--rest-a:.7;width:260px;margin:0 auto;position:absolute;bottom:34px;left:0;right:0}@media (max-width:720px){.ftray{--ui:1.5px;--ut:1.5px}}.ftray .ft-cluster{cursor:default;width:100%}.ftray .ft-cup:not(.ft-cup-on) .ft-cup-fill,.ftray .ft-cup:not(.ft-cup-on) .ft-steam{display:none}.ftray .ft-tip{white-space:nowrap;max-width:240px}.ftray .ft-ka-badge[hidden]{display:none}.ftray .ft-press{transform:scale(.92)}.ftray .ft-b.ft-press{background:var(--btnh)}.ftray,.ftray *{pointer-events:none!important}
