.kug{--h:205;--c:.125;--ha:26;--hb:-18;--dl:0;isolation:isolate;aspect-ratio:16/9;color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(140deg, oklch(calc(.55 + var(--dl)) calc(var(--c) * 1.2) calc(var(--h) + var(--ha))) 0%, oklch(calc(.66 + var(--dl)) var(--c) var(--h)) 42%, oklch(calc(.77 + var(--dl) * .6) calc(var(--c) * .86) calc(var(--h) + var(--hb))) 100%);border-radius:10px;position:relative;overflow:hidden;container-type:inline-size}:is(.kug,.kuc-tone,.kuc-tile)[data-team=operations]{--h:168;--c:.115;--ha:28;--hb:-16;--dl:.02}:is(.kug,.kuc-tone,.kuc-tile)[data-team=finance]{--h:205;--c:.125;--ha:26;--hb:-18}:is(.kug,.kuc-tone,.kuc-tile)[data-team=owners]{--h:234;--c:.125;--ha:20;--hb:-22}:is(.kug,.kuc-tone,.kuc-tile)[data-team=sales]{--h:262;--c:.14;--ha:16;--hb:-24}:is(.kug,.kuc-tone,.kuc-tile)[data-team=people]{--h:292;--c:.14;--ha:-20;--hb:24;--dl:.01}:is(.kug,.kuc-tone,.kuc-tile)[data-team=marketing]{--h:326;--c:.14;--ha:-24;--hb:26;--dl:.02}.kuc-tile{--h:205;--c:.125;--ha:26;--hb:-18;--dl:0;color:#fff;background:linear-gradient(140deg, oklch(calc(.55 + var(--dl)) calc(var(--c) * 1.2) calc(var(--h) + var(--ha))) 0%, oklch(calc(.66 + var(--dl)) var(--c) var(--h)) 46%, oklch(calc(.77 + var(--dl) * .6) calc(var(--c) * .86) calc(var(--h) + var(--hb))) 100%);border-radius:12px;flex:none;place-items:center;width:48px;height:48px;display:grid}.kuc-tone{--h:205;--c:.125;--dl:0;background:oklch(calc(.64 + var(--dl)) calc(var(--c) * 1.1) var(--h));border-radius:50%;flex:none;width:8px;height:8px}.kug-light{z-index:-1;background:linear-gradient(90deg, transparent 22%, oklch(.95 .06 calc(var(--h) + var(--hb) * 1.4) / .4) 40%, transparent 54%), linear-gradient(90deg, transparent 48%, oklch(.97 .04 calc(var(--h) + var(--hb) * .7) / .5) 66%, oklch(.9 .07 calc(var(--h) + var(--hb) * .3) / .22) 74%, transparent 88%), radial-gradient(34% 44% at 30% 40%, oklch(calc(.48 + var(--dl)) calc(var(--c) * 1.25) calc(var(--h) + var(--ha) * 1.3) / .55), transparent 78%);position:absolute;inset:-45%;transform:rotate(-34deg)}.kug[data-light="1"] .kug-light{transform:rotate(-22deg)translate(-7%)}.kug[data-light="2"] .kug-light{transform:rotate(-46deg)translate(6%)}.kug[data-light="3"] .kug-light{transform:rotate(152deg)}.kug:after{content:"";z-index:-1;opacity:.22;mix-blend-mode:soft-light;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.kug-obj{left:var(--ox);top:var(--oy);width:var(--ow);box-shadow:0 2.4cqi 6cqi -3cqi oklch(.3 .1 var(--h) / .5);background:#ffffff2e;border:.32cqi solid #ffffff9e;border-radius:4.2cqi;gap:3cqi;padding:4cqi 4.2cqi 4.8cqi;display:grid;position:absolute}.kug-b{background:#ffffff75;border-radius:99px;height:1.5cqi;display:block}.kug-b[data-strong]{background:#ffffffdb}.kug-h{border-bottom:.26cqi solid #ffffff6b;justify-content:space-between;gap:2cqi;margin-bottom:.4cqi;padding-bottom:3.2cqi;display:flex}.kug-r{justify-content:space-between;align-items:center;gap:2cqi;min-height:3cqi;display:flex}.kug-r[data-sum]{border-top:.26cqi solid #ffffff6b;padding-top:3cqi}.kug-r[data-lead]{justify-content:flex-start}.kug-r[data-lead]>span{flex:1;gap:1.4cqi;display:grid}.kug-dot{background:#ffffff80;border-radius:50%;flex:none;width:4.8cqi;height:4.8cqi}.kug-dot[data-small]{width:3.4cqi;height:3.4cqi}.kug-dot[data-on]{background:#fff}.kug-obj[data-kind=stock]:before,.kug-obj[data-kind=stock]:after{content:"";z-index:-1;border-radius:inherit;background:#ffffff1a;border:.32cqi solid #ffffff80;position:absolute;inset:0}.kug-obj[data-kind=stock]:before{transform:translate(3cqi,3cqi)}.kug-obj[data-kind=stock]:after{transform:translate(6cqi,6cqi)}.kug-cells{gap:1.3cqi;display:grid}.kug-cells[data-cols="4"]{grid-template-columns:1.3fr repeat(3,1fr)}.kug-cells[data-cols="5"]{grid-template-columns:repeat(5,1fr)}.kug-cells[data-cols="7"]{grid-template-columns:repeat(7,1fr);gap:1.6cqi}.kug-cells i{aspect-ratio:1/.82;background:#ffffff38;border-radius:1.3cqi}.kug-cells[data-cols="4"] i{aspect-ratio:auto;border-radius:1cqi;height:4.6cqi}.kug-cells[data-cols="7"] i{aspect-ratio:1/1.15;border-radius:1.8cqi}.kug-cells i[data-on]{background:#fffffff0}.kug-cells i[data-head]{background:#ffffff80}.kug-cells i[data-off]{background:repeating-linear-gradient(135deg,#fff6 0 .3cqi,#0000 .3cqi 1cqi)}.kug-obj[data-kind=leave],.kug-obj[data-kind=sheet]{padding:4cqi}.kug-bars{align-items:flex-end;gap:1.8cqi;height:24cqi;display:flex}.kug-bars i{background:#ffffff5c;border-radius:1cqi 1cqi 0 0;flex:1}.kug-bars i[data-on]{background:#fffffff0}.kug-obj[data-kind=mail]{padding-top:11cqi}.kug-flap{background:linear-gradient(to bottom right,#0000 calc(50% - .14cqi),#ffffff8c calc(50% - .14cqi) calc(50% + .14cqi),#0000 calc(50% + .14cqi)) 0/50% 100% no-repeat,linear-gradient(to bottom left,#0000 calc(50% - .14cqi),#ffffff8c calc(50% - .14cqi) calc(50% + .14cqi),#0000 calc(50% + .14cqi)) 100%/50% 100% no-repeat;border-bottom:.26cqi solid #ffffff6b;height:9cqi;position:absolute;top:0;left:0;right:0}.kug-field{gap:1.6cqi;display:grid}.kug-field>i:last-child{background:#ffffff1f;border:.26cqi solid #ffffff80;border-radius:1.6cqi;height:6cqi}.kug-send{background:#ffffffe6;border-radius:99px;justify-self:start;width:44%;height:6cqi}.kug-meter{background:#ffffff3d;border-radius:99px;height:4.4cqi;position:relative}.kug-meter i{border-radius:inherit;background:#fffffff0;position:absolute;inset:0 auto 0 0}.kug-meter b{background:#fff;border-radius:99px;width:.5cqi;position:absolute;top:-1.6cqi;bottom:-1.6cqi}.kug-flow{align-items:center;display:flex}.kug-flow i{background:#ffffff29;border:.32cqi solid #fff9;border-radius:3.4cqi;flex:none;width:13cqi;height:13cqi}.kug-flow i[data-on]{background:#fffffff0}.kug-flow span{background:#fff9;flex:1;height:.4cqi}.kug-pill{left:var(--pl,auto);right:var(--pr,auto);top:var(--py);background:linear-gradient(#ffffff24, #ffffff24), oklch(calc(.5 + var(--dl)) var(--c) calc(var(--h) + var(--ha) * .4) / .42);height:15.5cqi;text-shadow:0 .15cqi .9cqi oklch(.3 .1 var(--h) / .3);box-shadow:0 2.4cqi 6cqi -3cqi oklch(.3 .1 var(--h) / .55);font:500 6.5cqi/1 var(--k-sans);letter-spacing:-.012em;white-space:nowrap;font-variant-numeric:tabular-nums;border:.32cqi solid #ffffff8f;border-radius:99px;align-items:center;gap:2.4cqi;padding:0 5.4cqi 0 3.6cqi;display:inline-flex;position:absolute}.kug-pill svg{flex:none;width:8.4cqi;height:8.4cqi}.kug-pill[data-long]{gap:2cqi;height:14cqi;padding:0 4.6cqi 0 3.2cqi;font-size:5.5cqi}.kug-pill[data-long] svg{width:7.4cqi;height:7.4cqi}.dark .kug{background:linear-gradient(140deg, oklch(.16 .035 calc(var(--h) + var(--ha))) 0%, oklch(.21 .05 var(--h)) 55%, oklch(.31 .075 calc(var(--h) + var(--hb) * .5)) 100%)}.dark .kug .kug-light{background:linear-gradient(90deg, transparent 22%, oklch(.72 .13 calc(var(--h) + var(--hb) * .6) / .34) 40%, transparent 54%), linear-gradient(90deg, transparent 48%, oklch(.8 .11 var(--h) / .4) 66%, oklch(.6 .12 calc(var(--h) + var(--ha)) / .2) 75%, transparent 88%)}.dark .kug .kug-obj,.dark .kug .kug-flow i{background:#ffffff12;border-color:#ffffff57}.dark .kug .kug-pill{background:linear-gradient(#ffffff1a, #ffffff1a), oklch(.24 .05 var(--h) / .6);border-color:#fff6}.dark .kug .kug-b{background:#ffffff4d}.dark .kug .kug-b[data-strong]{background:#ffffffb3}.dark .kug .kug-dot[data-on],.dark .kug .kug-cells i[data-on],.dark .kug .kug-bars i[data-on],.dark .kug .kug-meter i,.dark .kug .kug-send,.dark .kug .kug-flow i[data-on]{background:oklch(.84 .11 var(--h));border-color:#0000}
