/* SPICE iKompli™ product page: Neel's ikompli.jpg as an HTML mock-up (markup in template-parts/fig-ikompli.php). */
.fig-ikompli .fg-ikompli-fig{--blue:#2a6be0;--ink:#141b33;--mute:#5d6480;--line:#e6e9f0;--ok:#1f9d55;--bad:#e0263a;--warn:#e8850c;
  container-type:inline-size;max-width:1240px;margin:0 auto;color:var(--ink);-webkit-font-smoothing:antialiased}
.fig-ikompli .fg-ikompli-fig *{box-sizing:border-box}
.fig-ikompli .fg-ikompli-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.fig-ikompli svg.i{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.fig-ikompli a{text-decoration:none;color:inherit}
.fig-ikompli a:focus-visible,.fig-ikompli button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.fig-ikompli p{margin:0}

/* app frame */
.fig-ikompli .fg-ikompli-app{display:grid;grid-template-columns:13cqw 1fr;grid-template-rows:4.4cqw auto;grid-template-areas:"top top" "side main";
  border-radius:1.8cqw;overflow:hidden;background:linear-gradient(160deg,#0f1c3d,#16295a 60%,#0f1c3d);
  box-shadow:0 .2cqw .4cqw rgba(17,24,47,.08),0 2.4cqw 4.6cqw -1.8cqw rgba(17,24,47,.55)}
.fig-ikompli .fg-ikompli-top{grid-area:top;display:flex;align-items:center;justify-content:space-between;padding:0 1.6cqw 0 2.2cqw;color:#fff}
.fig-ikompli .fg-ikompli-brand{font-size:2cqw;font-weight:700;letter-spacing:.01em}
.fig-ikompli .fg-ikompli-logo svg{display:block;width:8.4cqw;height:auto}
.fig-ikompli .fg-ikompli-side{grid-area:side;display:flex;flex-direction:column;padding-top:.4cqw;color:#fff}
.fig-ikompli .fg-ikompli-back{padding:.8cqw 1.4cqw;font-size:1.3cqw;opacity:.8}
.fig-ikompli .fg-ikompli-side a{display:flex;align-items:center;gap:1cqw;padding:1.05cqw 1.4cqw;font-size:.82cqw;font-weight:600;letter-spacing:.02em;text-transform:uppercase;border-left:.3cqw solid transparent;transition:background .2s}
.fig-ikompli .fg-ikompli-side a svg.i{font-size:1.5cqw;stroke-width:1.6}
.fig-ikompli .fg-ikompli-side a:hover{background:rgba(255,255,255,.07)}
.fig-ikompli .fg-ikompli-side a.is-on{background:linear-gradient(90deg,#1d55c8,#1a3f99);border-left-color:#5b9bff}

/* main canvas */
.fig-ikompli .fg-ikompli-main{grid-area:main;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);grid-template-areas:"head head" "left detail";gap:1.1cqw;
  padding:1.6cqw 1.1cqw 1.1cqw;background:#f5f7fb;border-top-left-radius:1cqw}
.fig-ikompli .fg-ikompli-head{grid-area:head;display:flex;align-items:flex-start;justify-content:space-between;gap:2cqw;padding-left:.8cqw}
.fig-ikompli .fg-ikompli-title{font-size:2cqw;font-weight:800;letter-spacing:.01em;text-transform:uppercase;line-height:1.1;margin-top:.6cqw}
.fig-ikompli .fg-ikompli-sub{margin-top:.5cqw;font-size:1cqw;color:var(--mute)}
.fig-ikompli .fg-ikompli-status{display:grid;grid-template-columns:repeat(3,auto);gap:.3cqw 1.6cqw;padding:.9cqw 1.4cqw;border:1px solid var(--line);border-radius:.7cqw;background:#fff}
.fig-ikompli .fg-ikompli-status p{grid-column:1/-1;font-size:.78cqw;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.fig-ikompli .fg-ikompli-status span{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:.7cqw;align-items:center}
.fig-ikompli .fg-ikompli-status span svg.i{grid-row:1/3;width:2.5cqw;height:2.5cqw;padding:.5cqw;border-radius:50%;color:#fff;stroke-width:3}
.fig-ikompli .fg-ikompli-status .is-pass svg.i{background:var(--ok)}.fig-ikompli .fg-ikompli-status .is-fail svg.i{background:var(--bad)}.fig-ikompli .fg-ikompli-status .is-ready svg.i{background:var(--warn)}
.fig-ikompli .fg-ikompli-status b{font-size:1.25cqw;line-height:1}
.fig-ikompli .fg-ikompli-status small{font-size:.75cqw;font-weight:600;text-transform:uppercase;color:var(--mute)}

.fig-ikompli .fg-ikompli-left{grid-area:left;display:flex;flex-direction:column;gap:1.1cqw;min-width:0}
.fig-ikompli .fg-ikompli-card{background:#fff;border:1px solid var(--line);border-radius:.8cqw;box-shadow:0 .1cqw .3cqw rgba(17,24,47,.04);padding:1.2cqw 1.2cqw}
.fig-ikompli .fg-ikompli-h{font-size:1.15cqw;font-weight:700}

/* trading partner progress */
.fig-ikompli .fg-ikompli-steps{list-style:none;margin:1.1cqw 0 0;padding:0;display:flex}
.fig-ikompli .fg-ikompli-steps li{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:.6cqw;text-align:center}
.fig-ikompli .fg-ikompli-steps li+li::before{content:'';position:absolute;top:1.1cqw;right:50%;width:100%;height:.18cqw;background:#d5dae6}
.fig-ikompli .fg-ikompli-steps li.is-done+li::before{background:var(--blue)}
.fig-ikompli .fg-ikompli-steps li>span{position:relative;z-index:1;display:grid;place-items:center;width:2.3cqw;height:2.3cqw;border-radius:50%;background:#e9ecf3;color:var(--mute);font-size:1cqw;font-weight:700;border:.15cqw solid #c9cfdd}
.fig-ikompli .fg-ikompli-steps li.is-done>span{background:var(--blue);border-color:var(--blue);color:#fff;font-size:1.3cqw}
.fig-ikompli .fg-ikompli-steps li.is-done svg.i{stroke-width:3}
.fig-ikompli .fg-ikompli-steps li.is-now>span{background:var(--bad);border-color:#fff;color:#fff;box-shadow:0 0 0 .18cqw var(--bad),0 0 1cqw rgba(224,38,58,.5);animation:fg-ikompli-now 2s ease-in-out infinite}
@keyframes fg-ikompli-now{50%{box-shadow:0 0 0 .18cqw var(--bad),0 0 .2cqw rgba(224,38,58,.2)}}
.fig-ikompli .fg-ikompli-steps b{font-size:.82cqw;font-weight:600;line-height:1.25}
.fig-ikompli .fg-ikompli-steps small{font-size:inherit;font-weight:400;color:var(--mute)}
.fig-ikompli .fg-ikompli-doc>span:last-child{min-width:0}
.fig-ikompli .fg-ikompli-doc small{display:block}

/* EDI document tests */
.fig-ikompli .fg-ikompli-tests{flex:1;padding:1.2cqw 0 .4cqw}
.fig-ikompli .fg-ikompli-th{display:flex;align-items:center;justify-content:space-between;padding:0 1.2cqw .9cqw}
.fig-ikompli .fg-ikompli-search{display:flex;align-items:center;gap:.6cqw;width:15cqw;padding:.55cqw .8cqw;border:1px solid var(--line);border-radius:.5cqw;font-size:.82cqw;color:#9aa0b5}
.fig-ikompli .fg-ikompli-cols,.fig-ikompli .fg-ikompli-row{display:grid;grid-template-columns:2.7fr 1.25fr .95fr 1fr .45fr;align-items:center;gap:.6cqw;padding:0 1cqw 0 1.2cqw}
.fig-ikompli .fg-ikompli-cols{padding-top:.55cqw;padding-bottom:.55cqw;background:#f3f5f9;font-size:.78cqw;font-weight:600}
.fig-ikompli .fg-ikompli-list{list-style:none;margin:0;padding:0}
.fig-ikompli .fg-ikompli-list li+li{border-top:1px solid #eef0f5}
.fig-ikompli .fg-ikompli-row{width:100%;min-height:3.75cqw;border:0;border-left:.25cqw solid transparent;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background .2s}
.fig-ikompli .fg-ikompli-row:hover{background:#f6f8fc}
.fig-ikompli .fg-ikompli-row[aria-selected=true]{background:#eaf1ff;border-left-color:var(--blue)}
.fig-ikompli .fg-ikompli-doc{display:flex;align-items:center;gap:.9cqw;min-width:0}
.fig-ikompli .fg-ikompli-chev{font-size:1.2cqw;color:var(--mute)}
.fig-ikompli .fg-ikompli-doc b{display:block;font-size:.85cqw;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fig-ikompli .fg-ikompli-doc small{font-size:.8cqw;color:var(--mute)}
.fig-ikompli .fg-ikompli-num{font-size:.85cqw;text-align:center}
.fig-ikompli .fg-ikompli-run{font-size:.8cqw;line-height:1.3}
.fig-ikompli .fg-ikompli-dots{font-size:1.2cqw;text-align:center;color:var(--mute)}
.fig-ikompli .fg-ikompli-pill{display:inline-flex;align-items:center;gap:.4cqw;padding:.3cqw .7cqw .3cqw .3cqw;border-radius:99px;font-size:.68cqw;font-weight:700;text-transform:uppercase;white-space:nowrap}
.fig-ikompli .fg-ikompli-pill svg.i{width:1.15cqw;height:1.15cqw;padding:.18cqw;border-radius:50%;color:#fff;stroke-width:3.4}
.fig-ikompli .is-pass.fg-ikompli-pill{background:#e3f6ea;color:var(--ok)}.fig-ikompli .is-pass.fg-ikompli-pill svg.i{background:var(--ok)}
.fig-ikompli .is-fail.fg-ikompli-pill{background:#ffe9eb;color:var(--bad)}.fig-ikompli .is-fail.fg-ikompli-pill svg.i{background:var(--bad)}
.fig-ikompli .is-ready.fg-ikompli-pill{background:#fff0dc;color:var(--warn)}.fig-ikompli .is-ready.fg-ikompli-pill svg.i{background:var(--warn)}
.fig-ikompli .is-none.fg-ikompli-pill{background:#eceef3;color:#6b7187}.fig-ikompli .is-none.fg-ikompli-pill svg.i{background:#9aa0b5}

/* selected test */
.fig-ikompli .fg-ikompli-detail{grid-area:detail;min-width:0;padding:1.1cqw 1.2cqw 1.2cqw}
.fig-ikompli .fg-ikompli-panel[hidden]{display:none}
.fig-ikompli .fg-ikompli-panel{animation:fg-ikompli-in .3s ease}
@keyframes fg-ikompli-in{from{opacity:0;transform:translateY(.3cqw)}}
.fig-ikompli .fg-ikompli-dh{display:flex;align-items:flex-start;gap:.8cqw}
.fig-ikompli .fg-ikompli-dic{font-size:1.4cqw;color:#b7bdcc;margin-top:.15cqw}
.fig-ikompli .fg-ikompli-dh>span:nth-child(2){flex:1;min-width:0}
.fig-ikompli .fg-ikompli-dh a b{font-size:1.25cqw;font-weight:700}
.fig-ikompli .fg-ikompli-dh a:hover b{color:var(--blue);text-decoration:underline}
.fig-ikompli .fg-ikompli-dh small{display:block;font-size:.85cqw;color:var(--mute)}
.fig-ikompli .fg-ikompli-dr{display:flex;flex-direction:column;align-items:flex-end;gap:.35cqw}
.fig-ikompli .fg-ikompli-dr small{font-size:.72cqw}
.fig-ikompli .fg-ikompli-big{display:inline-flex;align-items:center;gap:.7cqw;padding:.45cqw 1.2cqw .45cqw .45cqw;border-radius:.6cqw;font-size:1.05cqw;font-weight:700;text-transform:uppercase}
.fig-ikompli .fg-ikompli-big svg.i{width:1.7cqw;height:1.7cqw;padding:.3cqw;border-radius:50%;color:#fff;stroke-width:3}
.fig-ikompli .is-pass.fg-ikompli-big{background:#e3f6ea;color:var(--ok)}.fig-ikompli .is-pass.fg-ikompli-big svg.i{background:var(--ok)}
.fig-ikompli .is-fail.fg-ikompli-big{background:#ffe9eb;color:var(--bad)}.fig-ikompli .is-fail.fg-ikompli-big svg.i{background:var(--bad)}
.fig-ikompli .is-ready.fg-ikompli-big{background:#fff0dc;color:var(--warn)}.fig-ikompli .is-ready.fg-ikompli-big svg.i{background:var(--warn)}
.fig-ikompli .is-none.fg-ikompli-big{background:#eceef3;color:#6b7187}.fig-ikompli .is-none.fg-ikompli-big svg.i{background:#9aa0b5}
.fig-ikompli .fg-ikompli-dtabs{display:flex;gap:1.8cqw;margin-top:1cqw;border-bottom:1px solid var(--line);font-size:.88cqw;color:var(--mute)}
.fig-ikompli .fg-ikompli-dtabs span{padding:.6cqw .2cqw}
.fig-ikompli .fg-ikompli-dtabs .is-on{color:var(--blue);font-weight:600;box-shadow:inset 0 -.2cqw var(--blue)}
.fig-ikompli .fg-ikompli-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.7cqw;margin-top:1cqw}
.fig-ikompli .fg-ikompli-stats span{display:grid;grid-template-columns:auto 1fr;column-gap:.6cqw;align-items:center;padding:.7cqw .9cqw;border:1px solid var(--line);border-radius:.5cqw;font-size:.82cqw;color:var(--mute)}
.fig-ikompli .fg-ikompli-stats b{font-size:1.2cqw;color:var(--ink)}
.fig-ikompli .fg-ikompli-stats span:first-child{grid-template-columns:1fr}
.fig-ikompli .fg-ikompli-stats svg.i{grid-row:1/3;width:1.8cqw;height:1.8cqw;padding:.3cqw;border-radius:50%;color:#fff;stroke-width:3}
.fig-ikompli .fg-ikompli-stats span:nth-child(2) svg.i{background:var(--ok)}.fig-ikompli .fg-ikompli-stats span:nth-child(3) svg.i{background:var(--bad)}
.fig-ikompli .fg-ikompli-stats span:nth-child(4) svg.i{background:none;color:var(--warn);padding:0;stroke-width:2.2}
.fig-ikompli .fg-ikompli-panel>.fg-ikompli-h{margin-top:1.2cqw;margin-bottom:.6cqw}
.fig-ikompli .fg-ikompli-h2{display:flex;align-items:center;justify-content:space-between}
.fig-ikompli .fg-ikompli-add{font-size:.85cqw;font-weight:600;color:var(--blue);border:1px solid var(--blue);border-radius:.4cqw;padding:.35cqw .9cqw}
.fig-ikompli .fg-ikompli-rules{border-radius:.5cqw;overflow:hidden;font-size:.78cqw}
.fig-ikompli .fg-ikompli-rh,.fig-ikompli .fg-ikompli-rr{display:grid;grid-template-columns:.95fr 2.3fr .9fr .95fr 2.3fr;gap:.6cqw;align-items:center;padding:.55cqw .8cqw}
.fig-ikompli .fg-ikompli-rh{background:#f3f5f9;font-weight:600}
.fig-ikompli .fg-ikompli-rr{background:#fff0f1;border-top:1px solid #ffdfe2;min-height:3.2cqw;line-height:1.3}
.fig-ikompli .fg-ikompli-rr em{font-style:normal;font-weight:600;color:var(--bad);background:#ffd9dd;border-radius:.3cqw;padding:.2cqw .6cqw}
.fig-ikompli .fg-ikompli-res{display:flex;align-items:center;gap:.4cqw;color:var(--bad);font-weight:600}
.fig-ikompli .fg-ikompli-res svg.i{width:1.2cqw;height:1.2cqw;padding:.2cqw;border-radius:50%;background:var(--bad);color:#fff;stroke-width:3.4}
.fig-ikompli .fg-ikompli-more{margin-top:.4cqw;font-size:.78cqw;color:var(--mute)}
.fig-ikompli .fg-ikompli-chat{list-style:none;margin:0;padding:0;font-size:.82cqw}
.fig-ikompli .fg-ikompli-chat li{display:flex;gap:.9cqw;padding:.7cqw 0;border-bottom:1px solid #eef0f5}
.fig-ikompli .fg-ikompli-av{flex:none;display:grid;place-items:center;width:2.3cqw;height:2.3cqw;border-radius:50%;background:#dfe9ff;color:var(--blue);font-size:.7cqw;font-weight:700}
.fig-ikompli .is-tp .fg-ikompli-av{background:#ffe1e6;color:#d0234a}
.fig-ikompli .fg-ikompli-chat b{font-weight:700;margin-right:.6cqw}
.fig-ikompli .fg-ikompli-chat time{font-size:.72cqw;color:var(--mute)}
.fig-ikompli .fg-ikompli-chat li>span>span{display:block;margin-top:.2cqw;line-height:1.35;color:#3a4160}
.fig-ikompli .fg-ikompli-compose{display:flex;align-items:center;justify-content:space-between;margin-top:.8cqw;padding:.6cqw .9cqw;border:1px solid var(--line);border-radius:.5cqw;font-size:.82cqw;color:#9aa0b5}
.fig-ikompli .fg-ikompli-compose svg.i{font-size:1.2cqw}
.fig-ikompli .fg-ikompli-empty{display:flex;gap:1cqw;align-items:flex-start;margin-top:1.4cqw;padding:1.2cqw;border-radius:.6cqw;background:#f3f5f9;font-size:.95cqw;line-height:1.45;color:#3a4160}
.fig-ikompli .fg-ikompli-empty svg.i{width:2cqw;height:2cqw;padding:.35cqw;border-radius:50%;background:#9aa0b5;color:#fff;stroke-width:3}
.fig-ikompli .fg-ikompli-empty.is-pass{background:#ecf9f1}.fig-ikompli .fg-ikompli-empty.is-pass svg.i{background:var(--ok)}
.fig-ikompli .fg-ikompli-empty.is-ready{background:#fff5e8}.fig-ikompli .fg-ikompli-empty.is-ready svg.i{background:var(--warn)}
.fig-ikompli .fg-ikompli-empty b{color:var(--ink)}

/* phones and narrow columns */
@container (max-width:700px){
  .fig-ikompli .fg-ikompli-app{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"top" "side" "main";border-radius:16px}
  .fig-ikompli .fg-ikompli-top{padding:12px 14px}
  .fig-ikompli .fg-ikompli-brand{font-size:17px}
  .fig-ikompli .fg-ikompli-logo svg{width:70px}
  .fig-ikompli .fg-ikompli-side{flex-direction:row;justify-content:space-around;padding:0 4px 6px}
  .fig-ikompli .fg-ikompli-back{display:none}
  .fig-ikompli .fg-ikompli-side a{flex-direction:column;gap:4px;padding:8px 2px;font-size:8.5px;border-left:0;border-bottom:3px solid transparent;text-align:center;flex:1;border-radius:8px 8px 0 0}
  .fig-ikompli .fg-ikompli-side a svg.i{font-size:18px}
  .fig-ikompli .fg-ikompli-side a.is-on{border-bottom-color:#5b9bff}
  .fig-ikompli .fg-ikompli-main{grid-template-columns:1fr;grid-template-areas:"head" "left" "detail";gap:12px;padding:16px 10px 10px;border-radius:0}
  .fig-ikompli .fg-ikompli-head{flex-direction:column;gap:12px;padding:0 4px}
  .fig-ikompli .fg-ikompli-title{font-size:18px;margin:0}
  .fig-ikompli .fg-ikompli-sub{font-size:13px;margin-top:4px}
  .fig-ikompli .fg-ikompli-status{width:100%;gap:6px 10px;padding:10px 12px;border-radius:10px}
  .fig-ikompli .fg-ikompli-status p{font-size:10px}
  .fig-ikompli .fg-ikompli-status span{column-gap:6px}
  .fig-ikompli .fg-ikompli-status span svg.i{width:26px;height:26px;padding:5px}
  .fig-ikompli .fg-ikompli-status b{font-size:15px}
  .fig-ikompli .fg-ikompli-status small{font-size:9px}
  .fig-ikompli .fg-ikompli-card{border-radius:10px;padding:14px 12px}
  .fig-ikompli .fg-ikompli-h{font-size:14px}
  .fig-ikompli .fg-ikompli-steps{margin-top:12px}
  .fig-ikompli .fg-ikompli-steps li{gap:6px}
  .fig-ikompli .fg-ikompli-steps li+li::before{top:12px;height:2px}
  .fig-ikompli .fg-ikompli-steps li>span{width:26px;height:26px;font-size:12px;border-width:2px}
  .fig-ikompli .fg-ikompli-steps li.is-done>span{font-size:15px}
  .fig-ikompli .fg-ikompli-steps b{font-size:10.5px}
  .fig-ikompli .fg-ikompli-tests{padding:14px 0 4px}
  .fig-ikompli .fg-ikompli-th{padding:0 12px 10px}
  .fig-ikompli .fg-ikompli-search,.fig-ikompli .fg-ikompli-cols,.fig-ikompli .fg-ikompli-num,.fig-ikompli .fg-ikompli-run,.fig-ikompli .fg-ikompli-dots,.fig-ikompli .fg-ikompli-chev{display:none}
  .fig-ikompli .fg-ikompli-row{grid-template-columns:1fr auto;min-height:52px;padding:6px 12px;border-left-width:3px}
  .fig-ikompli .fg-ikompli-doc b{font-size:13px;white-space:normal}
  .fig-ikompli .fg-ikompli-doc small{font-size:11.5px}
  .fig-ikompli .fg-ikompli-pill{font-size:9.5px;padding:3px 8px 3px 3px;gap:4px}
  .fig-ikompli .fg-ikompli-pill svg.i{width:15px;height:15px;padding:2px}
  .fig-ikompli .fg-ikompli-detail{padding:14px 12px}
  .fig-ikompli .fg-ikompli-dh{flex-wrap:wrap;gap:8px}
  .fig-ikompli .fg-ikompli-dic{display:none}
  .fig-ikompli .fg-ikompli-dh a b{font-size:15px}
  .fig-ikompli .fg-ikompli-dh small{font-size:12px}
  .fig-ikompli .fg-ikompli-dr{align-items:flex-start;width:100%;flex-direction:row;align-items:center;gap:10px}
  .fig-ikompli .fg-ikompli-dr small{font-size:11.5px}
  .fig-ikompli .fg-ikompli-big{font-size:12px;gap:6px;padding:4px 12px 4px 4px;border-radius:8px}
  .fig-ikompli .fg-ikompli-big svg.i{width:20px;height:20px;padding:3px}
  .fig-ikompli .fg-ikompli-dtabs{gap:14px;font-size:11.5px;margin-top:12px;overflow:hidden;white-space:nowrap}
  .fig-ikompli .fg-ikompli-dtabs span{padding:6px 0}
  .fig-ikompli .fg-ikompli-stats{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}
  .fig-ikompli .fg-ikompli-stats span{padding:8px 10px;font-size:11.5px;column-gap:8px;border-radius:8px}
  .fig-ikompli .fg-ikompli-stats b{font-size:15px}
  .fig-ikompli .fg-ikompli-stats svg.i{width:22px;height:22px;padding:4px}
  .fig-ikompli .fg-ikompli-panel>.fg-ikompli-h{margin:16px 0 8px}
  .fig-ikompli .fg-ikompli-add{font-size:11.5px;padding:4px 10px;border-radius:6px}
  .fig-ikompli .fg-ikompli-rules{display:flex;flex-direction:column;gap:6px;font-size:12px;border-radius:0}
  .fig-ikompli .fg-ikompli-rh{display:none}
  .fig-ikompli .fg-ikompli-rr{grid-template-columns:auto 1fr auto;gap:4px 10px;padding:10px 12px;border-radius:8px;border:0}
  .fig-ikompli .fg-ikompli-rr>span:nth-child(2){grid-column:2/4;grid-row:1;font-weight:600}
  .fig-ikompli .fg-ikompli-rr>span:nth-child(1){grid-row:1;color:var(--mute)}
  .fig-ikompli .fg-ikompli-rr>span:nth-child(5){grid-column:1/-1}
  .fig-ikompli .fg-ikompli-rr em{padding:2px 8px;border-radius:4px}
  .fig-ikompli .fg-ikompli-res svg.i{width:15px;height:15px;padding:2px}
  .fig-ikompli .fg-ikompli-more{font-size:11.5px;margin-top:6px}
  .fig-ikompli .fg-ikompli-chat{font-size:12.5px}
  .fig-ikompli .fg-ikompli-chat li{gap:10px;padding:10px 0}
  .fig-ikompli .fg-ikompli-av{width:30px;height:30px;font-size:10px}
  .fig-ikompli .fg-ikompli-chat time{font-size:11px}
  .fig-ikompli .fg-ikompli-compose{font-size:12px;padding:8px 10px;border-radius:8px}
  .fig-ikompli .fg-ikompli-compose svg.i{font-size:16px}
  .fig-ikompli .fg-ikompli-empty{font-size:13px;gap:10px;padding:12px;border-radius:8px;margin-top:14px}
  .fig-ikompli .fg-ikompli-empty svg.i{width:24px;height:24px;padding:4px}
}
@media (prefers-reduced-motion:reduce){.fig-ikompli *{animation:none!important;transition:none!important}}