.co-hero .gk-stagerow + .marquee { margin-top: -1px; }

.co, .co-lw, .co-vh, .co-us { font-variant-numeric: normal; }

.co-av {
  flex: none;
  display: inline-grid; place-items: center;
  width: 22px; height: 22px; border-radius: 50%;
  background: hsl(var(--h, 226) 80% 94%);
  color: hsl(var(--h, 226) 50% 36%);
  font: 600 9.5px/1 var(--font-ui); letter-spacing: .01em;
}
.co-av--xs { width: 16px; height: 16px; font-size: 7.5px; }
.co-role {
  flex: none;
  padding: 3px 6px; border-radius: 5px;
  background: #f1f2f5;
  font: 500 10.5px/1 var(--font-ui); color: var(--gk-soft);
}

.co-stage { padding: 32px; }
.co { padding: 36px 40px 40px; }

.co__map {
  position: relative;
  display: grid; grid-template-columns: 340px 96px minmax(0, 1fr); align-items: stretch;
  text-align: left;
}

.co-team { position: relative; z-index: 2; display: flex; flex-direction: column; min-width: 0; padding-bottom: 4px; }
.co-team__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 16px 0; }
.co-team__title { margin: 0; font: 600 14px/1 var(--font-ui); color: #0f1115; }
.co-team__crumb { display: flex; align-items: center; gap: 4px; margin: 0; font: 400 11px/1 var(--font-ui); color: var(--gk-grey); }
.co-team__crumb svg { width: 9px; height: 9px; fill: none; stroke: #b4b8c1; stroke-width: 1.6; }
.co-team__hint { margin: 6px 16px 10px; font: 400 12px/1.4 var(--font-ui); color: var(--gk-soft); }
.co-team__list { display: flex; flex-direction: column; gap: 2px; padding: 0 8px; }

.co-mate {
  position: relative;
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px;
  min-height: 50px; padding: 0 10px 0 8px;
  border-radius: 9px; cursor: pointer;
  transition: background-color .15s ease;
}
.co-mate input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.co-mate:hover { background: var(--gk-tint); }
.co-mate:has(input:checked) { background: #eef1ff; }
.co-mate:has(input:focus-visible) { outline: 2px solid var(--brand); outline-offset: -1px; }
.co-mate__who { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.co-mate__who b { font: 500 13px/1.1 var(--font-ui); color: var(--ink-nav); }
.co-mate__who span { font: 400 11.5px/1.1 var(--font-ui); color: var(--gk-grey); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.co-mate:has(input:checked) .co-role { background: #fff; color: var(--brand); }
.co-av--md { width: 30px; height: 30px; font-size: 11px; }

.co-can { margin: 10px 8px 0; padding: 14px 10px 6px; border-top: 1px solid #f0f1f3; }
.co-can__card[hidden] { display: none; }
.co-can__card.is-swap { animation: coFade .3s ease; }
.co-can__title { margin: 0 0 10px; font: 500 12.5px/1.2 var(--font-ui); color: var(--ink-nav); }
.co-can__list { list-style: none; display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; }
.co-can__line { display: flex; align-items: flex-start; gap: 8px; font: 400 12.5px/1.35 var(--font-ui); color: #374151; }
.co-can__line svg { flex: none; width: 15px; height: 15px; margin-top: 1px; fill: none; stroke: var(--brand); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.co-can__line--view svg { stroke: var(--gk-soft); stroke-width: 1.4; }
.co-can__line--cant { color: var(--gk-grey); }
.co-can__line--cant svg { stroke: #b4b8c1; }
.co-can__log { display: flex; flex-direction: column; gap: 6px; margin: 14px 0 0; padding-top: 12px; border-top: 1px dashed #eceef2; }
.co-can__k { font: 400 11px/1 var(--font-ui); color: var(--gk-grey); }
.co-can__ev { position: relative; display: flex; flex-direction: column; gap: 3px; padding-left: 11px; }
.co-can__ev::before { content: ""; position: absolute; left: 0; top: 1px; bottom: 1px; width: 3px; border-radius: 2px; background: var(--c); }
.co-can__ev b { font: 500 12px/1.25 var(--font-ui); color: var(--ink-nav); }
.co-can__ev span { font: 400 11.5px/1.25 var(--font-ui); color: var(--gk-soft); }
.co-can__ev--none { padding-left: 0; font: 400 12px/1.35 var(--font-ui); color: var(--gk-grey); }
.co-can__ev--none::before { content: none; }

.co-wires { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.co-wire { fill: none; stroke: #d9ddea; stroke-width: 1.5; stroke-linecap: round; transition: stroke .35s ease, opacity .35s ease; }
.co-wire.is-off { stroke: #e2e4ea; stroke-dasharray: 3 5; }
.co-port { fill: var(--brand); }
.co-in { fill: #aab4f5; transition: fill .5s ease; }
.co-in.is-off { fill: #fff; stroke: #d6d9e0; stroke-width: 1.5; }
.co-in.is-hit { fill: var(--brand); transition-duration: .1s; }
.co-run path { fill: none; stroke-width: 1.75; stroke-linecap: round; }
.co-run__fade { stroke: var(--brand); opacity: .12; }
.co-run__tail { stroke: var(--brand); opacity: .32; }
.co-run__body { stroke: #5b74ff; opacity: .8; }
.co-run__head { stroke: var(--brand); }

.co-spaces {
  grid-column: 3;
  position: relative; z-index: 2;
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-auto-rows: 1fr; gap: 12px;
}
.co-wsp {
  display: grid; grid-template-columns: 32px minmax(0, 1fr) 144px 70px 104px; align-items: center; gap: 18px;
  min-height: 72px; padding: 12px 16px 12px 14px;
  transition: background-color .35s ease, border-color .35s ease;
}
.co-wsp > :not(.co-acc) { transition: opacity .35s ease, filter .35s ease; }
.co-wsp__tile {
  display: grid; place-items: center;
  width: 32px; height: 32px; border-radius: 8px;
  background: hsl(var(--h, 226) 85% 93%);
  color: hsl(var(--h, 226) 55% 34%);
  font: 700 13px/1 var(--font-ui);
}
.co-wsp__text { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.co-wsp__text b { font: 500 13.5px/1.1 var(--font-ui); color: var(--ink-nav); }
.co-wsp__text span { font: 400 11.5px/1.1 var(--font-ui); color: var(--gk-grey); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.co-wsp__pages { display: flex; gap: 6px; }
.co-thumb {
  position: relative; overflow: hidden;
  width: 44px; height: 34px; border-radius: 5px;
  background: #fff; border: 1px solid #eceef2;
}
.co-thumb::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; background: #f3f4f6; }
.co-thumb i { position: absolute; display: block; border-radius: 1.5px; background: #e3e5ea; }
.co-thumb i:nth-child(1) { left: 5px; top: 9px; width: 22px; height: 3px; background: #cfd3db; }
.co-thumb i:nth-child(2) { left: 5px; top: 15px; width: 16px; height: 2px; }
.co-thumb i:nth-child(3) { left: 5px; top: 23px; width: 14px; height: 5px; background: hsl(var(--h) 75% 55%); }
.co-thumb--form::after { content: ""; position: absolute; right: 5px; top: 9px; width: 12px; height: 19px; border-radius: 2px; background: hsl(var(--h) 70% 92%); }
.co-thumb--quiz i:nth-child(2) { width: 15px; height: 6px; top: 15px; background: none; border: 1px solid #e3e5ea; box-shadow: 18px 0 0 -1px #fff, 18px 0 0 0 #e3e5ea; }
.co-thumb--quiz i:nth-child(3) { left: 5px; width: 32px; height: 5px; }
.co-thumb--story i:nth-child(2) { width: 32px; box-shadow: 0 4px 0 #e3e5ea; }
.co-thumb--story i:nth-child(3) { top: 24px; width: 20px; height: 4px; }

.co-wsp__team { display: flex; gap: 3px; }
.co-wsp__team .co-av { width: 20px; height: 20px; font-size: 7.5px; box-shadow: 0 0 0 2px #fff; transition: box-shadow .25s ease; }
.co-wsp__team .co-av.is-me { position: relative; z-index: 1; box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--brand); }

.co-acc {
  justify-self: end;
  display: inline-flex; align-items: center; gap: 5px;
  height: 24px; padding: 0 9px;
  border-radius: 6px; background: #eef1ff;
  font: 500 11.5px/1 var(--font-ui); color: var(--brand); white-space: nowrap;
}
.co-acc svg { display: none; width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.co-wsp.is-view .co-acc { background: #f3f4f6; color: #4b5563; }
.co-wsp.is-view .co-acc svg:nth-of-type(2) { display: block; }
.co-wsp.is-off { background: rgb(255 255 255 / .55); border-color: #eceef2; }
.co-wsp.is-off > :not(.co-acc) { opacity: .4; filter: grayscale(1); }
.co-wsp.is-off .co-acc { background: transparent; color: var(--gk-grey); font-weight: 400; }
.co-wsp.is-off .co-acc svg:nth-of-type(1) { display: block; }
.co-acc.is-swap span { animation: coFade .3s ease; }

@media (prefers-reduced-motion: reduce) {
  .co-can__card.is-swap, .co-acc.is-swap span { animation: none; }
  .co-wsp, .co-wsp > *, .co-wire, .co-in { transition: none; }
}

.co-row__bar { position: absolute; left: 11px; top: 11px; bottom: 11px; width: 3px; border-radius: 2px; background: var(--c); }
@keyframes coFade { from { opacity: .25; } }

.co-logs__frame { padding: 32px; }
.co-sk {
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 72px), transparent calc(100% - 4px));
  mask-image: linear-gradient(to bottom, #000 calc(100% - 72px), transparent calc(100% - 4px));
}
.co-lw { position: relative; display: flex; }
.co-lw__rail { flex: none; width: 52px; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 14px 0; border-right: 1px solid var(--sk-edge); }
.co-lw__rail .sk-sq:first-child { --s: 24px; border-radius: 7px; margin-bottom: 8px; }
.co-lw__main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.co-lw__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 46px; padding: 0 20px; border-bottom: 1px solid var(--sk-edge); }
.co-lw__title { font: 500 13.5px/1 var(--font-ui); color: var(--sk-ink); }
.co-lw__count { font: 500 10.5px/1 var(--sk-mono); color: var(--sk-faint); font-variant-numeric: tabular-nums; }

.co-lw__filters { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 12px 20px; border-bottom: 1px solid var(--sk-edge); }
.co-range { display: flex; gap: 2px; padding: 2px; border-radius: 8px; border: 1px solid var(--sk-edge); }
.co-range__opt {
  position: relative;
  display: grid; place-items: center;
  min-width: 32px; height: 24px; padding: 0 7px;
  border-radius: 6px; cursor: pointer;
  font: 500 10.5px/1 var(--sk-mono); color: var(--sk-mute);
  transition: background-color .15s ease, color .15s ease;
}
.co-range__opt input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.co-range__opt:hover { color: var(--sk-ink); }
.co-range__opt.is-on, .co-range__opt:has(input:checked) { background: #f1f1f4; color: var(--sk-ink); }
.co-range__opt:has(input:focus-visible) { outline: 2px solid var(--brand); outline-offset: 1px; }
.co-sel select {
  height: 30px; padding: 0 28px 0 10px;
  border-radius: 8px; border: 1px solid var(--sk-edge); background: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m5 6.5 3 3 3-3' fill='none' stroke='%23b4b7bf' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 8px center; background-size: 13px;
  font: 500 12px/1 var(--font-ui); color: var(--sk-ink);
  appearance: none; -webkit-appearance: none; cursor: pointer;
}
.co-sel select:hover { background-color: #f7f7f9; }
.co-sel select:focus-visible, .co-search input:focus-visible { outline: 2px solid var(--brand); outline-offset: 1px; }
.co-search { position: relative; display: flex; align-items: center; margin-left: auto; }
.co-search svg { position: absolute; left: 9px; width: 13px; height: 13px; fill: none; stroke: var(--sk-faint); stroke-width: 1.5; stroke-linecap: round; pointer-events: none; }
.co-search input {
  width: 200px; height: 30px; padding: 0 10px 0 28px;
  border-radius: 8px; border: 1px solid var(--sk-edge); background: #fff;
  font: 400 12px/1 var(--font-ui); color: var(--sk-ink);
}
.co-search input::placeholder { color: var(--sk-faint); }

.co-lw__body { display: grid; grid-template-columns: minmax(0, 1fr) 300px; }
.co-lw__list { display: flex; flex-direction: column; min-width: 0; }
.co-lw__cols, .co-row { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, .9fr) 92px; gap: 12px; align-items: center; }
.co-lw__cols { height: 34px; padding: 0 20px 0 30px; border-bottom: 1px solid var(--sk-edge); }
.co-lw__cols > span { display: flex; }
.co-lw__cols > span:last-child { justify-content: flex-end; }
.co-lw__rows { height: 360px; overflow-y: auto; overscroll-behavior: contain; list-style: none; margin: 0; padding: 0; scrollbar-width: thin; scrollbar-color: #e2e3e8 transparent; }
.co-lw__rows li[hidden] { display: none; }
.co-row {
  position: relative;
  width: 100%; min-height: 45px; padding: 0 20px 0 30px;
  border: 0; border-bottom: 1px solid #f3f3f5; background: #fff;
  font: 400 12.5px/1.25 var(--font-ui); color: var(--sk-mute); text-align: left;
  cursor: pointer;
  transition: background-color .15s ease;
}
.co-lw .co-row__bar { left: 18px; top: 15px; bottom: 15px; width: 2px; background: #e2e3e8; }
.co-row:hover { background: #f7f7f9; }
.co-row[aria-pressed="true"] { background: rgb(35 71 255 / .035); }
.co-row[aria-pressed="true"] .co-row__bar { background: var(--sk-brand); }
.co-row:focus-visible { outline: 2px solid var(--brand); outline-offset: -2px; }
.co-row > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.co-row__event { font-weight: 500; color: var(--sk-ink); }
.co-row__user { display: flex; align-items: center; gap: 7px; }
.co-row__time { text-align: right; font: 400 11px/1 var(--sk-mono); color: var(--sk-faint); }
.co-lw__av { flex: none; width: 16px; height: 16px; border-radius: 50%; background: var(--sk-bone); }
.co-lw__empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; height: 360px; margin-top: -360px; pointer-events: none; }
.co-lw__empty[hidden] { display: none; }
.co-lw__empty p { margin: 0; font: 400 13px/1.4 var(--font-ui); color: var(--sk-mute); }
.co-lw__empty button { pointer-events: auto; padding: 0; border: 0; background: none; font: 500 12.5px/1 var(--font-ui); color: var(--brand); cursor: pointer; }
.co-lw__empty button:hover { text-decoration: underline; }

.co-lw__detail { min-width: 0; padding: 16px 20px 64px; border-left: 1px solid var(--sk-edge); }
.co-lw__dhead { display: flex; align-items: center; gap: 10px; height: 16px; }
.co-lw__ro { margin-left: auto; display: inline-flex; align-items: center; gap: 5px; font: 500 10.5px/1 var(--sk-mono); color: var(--sk-mute); white-space: nowrap; }
.co-lw__ro svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linejoin: round; }
.co-lw .co-lw__dtitle { position: relative; margin-top: 14px; padding-left: 12px; font: 500 14.5px/1.25 var(--font-ui); color: var(--sk-ink); }
.co-lw__dtitle .co-row__bar { left: 0; top: 2px; bottom: 2px; background: var(--sk-brand); }
.co-lw__dl { margin: 12px 0 0; display: grid; }
.co-lw__dl > div { position: relative; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 10px; padding: 8px 0; border-top: 1px solid #f3f3f5; }
.co-lw__dl dt { font: 400 11.5px/1.4 var(--font-ui); color: var(--sk-faint); }
.co-lw__dl dd { display: flex; flex-direction: column; gap: 2px; margin: 0; min-width: 0; font: 500 12px/1.4 var(--font-ui); color: var(--sk-ink); overflow-wrap: anywhere; }
.co-lw__sub { font-weight: 400; color: var(--sk-faint); }
.co-lw__dl > .co-lw__pick { margin: 4px -10px 12px; padding: 9px 10px; border: 1px solid var(--sk-brand-edge); border-radius: 8px; }
.co-lw__dl > .co-lw__pick + div { border-top: 0; }
.co-lw__detail.is-dim > :not(.co-lw__dhead) { opacity: .4; }
.co-lw.is-swap .co-lw__detail > :not(.co-lw__dhead) { animation: coFade .3s ease; }

.co-cellpic { display: flex; flex-direction: column; }
.co-cellpic .gk-cell__title { margin-top: 22px; }
.co-sk--cell { height: 330px; }
.co-sk--cell > .sk-frame { height: 100%; }

.co-vh { display: grid; grid-template-columns: 168px minmax(0, 1fr); }
.co-vh__panel { display: flex; flex-direction: column; padding: 14px 10px; border-right: 1px solid var(--sk-edge); }
.co-vh .co-vh__title { display: flex; align-items: center; gap: 7px; margin: 0 4px 10px; font: 500 12px/1 var(--font-ui); color: var(--sk-ink); }
.co-vh__title svg { width: 13px; height: 13px; fill: none; stroke: var(--sk-mute); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.co-vh__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.co-vh__item {
  display: flex; align-items: center; justify-content: space-between; gap: 6px;
  width: 100%; padding: 8px; border: 0; border-radius: 7px; background: none;
  font: 400 11.5px/1.2 var(--font-ui); color: var(--sk-mute); text-align: left; cursor: pointer;
  transition: background-color .15s ease;
}
.co-vh__item:hover { background: #f5f5f7; }
.co-vh__item[aria-pressed="true"] { background: #f1f1f4; color: var(--sk-ink); font-weight: 500; }
.co-vh__item:focus-visible { outline: 2px solid var(--brand); outline-offset: -1px; }
.co-vh__when { white-space: nowrap; font-variant-numeric: tabular-nums; }
.co-vh__tag { flex: none; padding: 3px 5px; border-radius: 4px; background: #f1f1f4; font: 500 9.5px/1 var(--sk-mono); color: var(--sk-mute); }
.co-vh__item[aria-pressed="true"] .co-vh__tag { background: #fff; }
.co-vh__tag[hidden] { display: none; }
.co-vh__restore {
  margin-top: 10px; height: 28px;
  border-radius: 7px; border: 0; background: var(--brand); color: #fff;
  font: 500 12px/1 var(--font-ui); cursor: pointer;
  transition: background-color .15s ease;
}
.co-vh__restore:hover:not(:disabled) { background: var(--brand-hi); }
.co-vh__restore:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.co-vh__restore:disabled { background: #f1f1f4; color: var(--sk-faint); cursor: default; }

.co-vh__page { display: flex; flex-direction: column; min-width: 0; }
.co-vh__bar { display: flex; align-items: center; gap: 10px; height: 26px; padding: 0 10px; border-bottom: 1px solid var(--sk-edge); }
.co-vh__bar .sk-dots i { width: 6px; height: 6px; }
.co-vh__nav { display: flex; align-items: center; gap: 6px; height: 28px; padding: 0 12px; }
.co-vh__body {
  position: relative;
  display: flex; flex-direction: column; align-items: flex-start; gap: 8px;
  margin: 4px 10px 0; padding: 12px;
  border-radius: 9px; border: 1px solid transparent;
  transition: border-color .25s ease;
}
.co-vh__kicker { font: 500 9.5px/1 var(--sk-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--sk-faint); }
.co-vh__h { font: 600 14px/1.2 var(--font-ui); letter-spacing: -.015em; color: var(--sk-ink); text-wrap: balance; }
.co-vh__field { display: flex; align-items: center; align-self: stretch; height: 22px; margin-top: 4px; padding: 0 8px; border-radius: 5px; border: 1px solid var(--sk-edge); }
.co-vh__cta { display: grid; place-items: center; align-self: stretch; height: 24px; border-radius: 5px; background: #e8ebff; font: 500 10px/1 var(--font-ui); color: var(--sk-brand); }
.co-vh__more { display: grid; gap: 7px; padding: 16px 22px; }
.co-vh:has(.co-vh__restore:not(:disabled)) .co-vh__body { border-color: var(--sk-brand-edge); }
.co-vh.is-swap .co-vh__body > * { animation: coFade .3s ease; }

.co-us { position: relative; display: flex; flex-direction: column; padding: 16px 14px 0; }
.co-us__head { display: flex; align-items: center; justify-content: space-between; height: 16px; margin-bottom: 10px; }
.co-us__title { font: 500 12.5px/1 var(--font-ui); color: var(--sk-ink); }
.co-us__col { font: 500 10.5px/1 var(--sk-mono); color: var(--sk-faint); }
.co-us__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.co-us__row { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) 118px auto; align-items: center; gap: 10px; height: 44px; padding: 0 6px 0 10px; border-radius: 8px; border: 1px solid #f1f1f4; }
.co-us__row.is-pick { border-color: var(--sk-brand-edge); }
.co-us__who { display: flex; align-items: center; gap: 8px; min-width: 0; }
.co-us__who b {
  height: 7px; overflow: hidden; border-radius: 4px; background: var(--sk-bone);
  font: 500 10px/7px var(--font-ui); color: transparent; white-space: nowrap;
}
.co-us__row.is-pick .co-us__who b { height: auto; overflow: visible; background: none; font: 500 12px/1.2 var(--font-ui); color: var(--sk-ink); }
.co-us .co-role { padding: 3px 5px; background: #f3f3f5; font-size: 10px; color: var(--sk-mute); }
.co-us__use { display: flex; flex-direction: column; gap: 6px; }
.co-us__num { font: 500 11px/1 var(--sk-mono); color: var(--sk-ink); text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.co-us__track { height: 4px; border-radius: 2px; background: var(--sk-bone-lo); overflow: hidden; }
.co-us__track i { display: block; width: var(--w); height: 100%; border-radius: inherit; background: #c3cbff; transform-origin: left; transition: width .5s cubic-bezier(.2, .8, .3, 1); }
.co-us__row.is-pick .co-us__track i { background: var(--sk-brand); }
.co-us__track.is-open { background: repeating-linear-gradient(90deg, #e6e7eb 0 4px, transparent 4px 7px); }
.co-us__row.is-over .co-us__track i { background: #4b4f58; }
.co-us__more {
  display: grid; place-items: center; width: 26px; height: 26px;
  border: 0; border-radius: 6px; background: none; color: var(--sk-faint); cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}
.co-us__more:hover { background: #f3f3f5; color: var(--sk-ink); }
.co-us__more:focus-visible { outline: 2px solid var(--brand); outline-offset: 0; }
.co-us__more svg { width: 14px; height: 14px; fill: currentColor; }
.co-us .co-us__foot { margin-top: 12px; font: 400 10.5px/1.3 var(--sk-mono); color: var(--sk-faint); }

.co-dlg { position: absolute; inset: 0; z-index: 3; display: grid; place-items: start center; padding: 28px 16px; background: rgb(255 255 255 / .8); }
.co-dlg[hidden] { display: none; }
.co-dlg__box { width: min(260px, 100%); padding: 14px 14px 12px; border-radius: 10px; background: #fff; border: 1px solid var(--sk-edge); }
.co-dlg__title { font: 500 13px/1.2 var(--font-ui); color: var(--sk-ink); }
.co-dlg .co-dlg__who { margin: 3px 0 10px; font: 400 11.5px/1.3 var(--font-ui); color: var(--sk-mute); }
.co-dlg__label { display: block; margin-bottom: 5px; font: 500 11px/1 var(--font-ui); color: var(--sk-ink); }
.co-dlg__input { width: 100%; height: 30px; padding: 0 9px; border-radius: 7px; border: 1px solid var(--sk-edge); font: 400 12.5px/1 var(--sk-mono); color: var(--sk-ink); }
.co-dlg__input:focus-visible { outline: 2px solid var(--brand); outline-offset: 0; border-color: transparent; }
.co-dlg .co-dlg__hint { margin-top: 5px; font: 400 10.5px/1.3 var(--font-ui); color: var(--sk-faint); }
.co-dlg__btns { display: flex; justify-content: flex-end; gap: 6px; margin-top: 12px; }
.co-dlg__btns button { height: 28px; padding: 0 11px; border-radius: 7px; font: 500 12px/1 var(--font-ui); cursor: pointer; }
.co-dlg__cancel { border: 1px solid var(--sk-edge); background: #fff; color: var(--sk-ink); }
.co-dlg__cancel:hover { background: #f5f5f7; }
.co-dlg__save { border: 0; background: var(--brand); color: #fff; }
.co-dlg__save:hover { background: var(--brand-hi); }
.co-dlg__btns button:focus-visible { outline: 2px solid var(--brand); outline-offset: 1px; }

@media (prefers-reduced-motion: no-preference) {
  .pg-js .co-cellpic:not(.is-in) .co-us__track i { width: 0; }
  .co-cellpic .co-us__track i { transition: width .9s cubic-bezier(.2, .8, .3, 1) .15s; }
}
@media (prefers-reduced-motion: reduce) {
  .co-lw.is-swap .co-lw__detail > *, .co-vh.is-swap .co-vh__body > * { animation: none; }
  .co-us__track i, .co-vh__body { transition: none; }
}


@media (max-width: 1100px) {
  .co { padding: 28px 28px 32px; }
  .co__map { grid-template-columns: 300px 64px minmax(0, 1fr); }
  .co-wsp__pages { display: none; }
  .co-wsp { grid-template-columns: 32px minmax(0, 1fr) 70px 104px; gap: 12px; }
  .co-lw__body { grid-template-columns: minmax(0, 1fr) 280px; }
  .co-lw__cols, .co-row { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) 82px; }
  .co-lw__cols span:nth-child(3), .co-row__user { display: none !important; }
}
@media (max-width: 900px) {
  .co-stage, .co-logs__frame { padding: 20px; }
  .co__map { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .co-wires { display: none; }
  .co-spaces { grid-column: 1; grid-auto-rows: auto; gap: 8px; }
  .co-team__list { display: grid; grid-template-columns: 1fr 1fr; }
  .co-lw__body { grid-template-columns: minmax(0, 1fr); }
  .co-lw__detail { border-left: 0; border-top: 1px solid var(--sk-edge); }
  .co-lw__rows { height: auto; overflow: visible; }
  .co-lw__empty { height: auto; margin-top: 0; padding: 40px 0; }
  .co-search { margin-left: 0; flex: 1 1 160px; }
  .co-search input { width: 100%; }
}
@media (max-width: 760px) {
  .co { padding: 16px 12px 20px; }
  .co-team__list { grid-template-columns: minmax(0, 1fr); }
  .co-wsp { grid-template-columns: 32px minmax(0, 1fr) auto; gap: 12px; min-height: 0; padding: 12px; }
  .co-wsp__team { display: none; }
  .co-lw__rail { display: none; }
  .co-lw__head, .co-lw__filters { padding-left: 14px; padding-right: 14px; }
  .co-lw__cols { padding-left: 24px; padding-right: 14px; }
  .co-row { padding: 0 14px 0 24px; }
  .co-row .co-row__bar { left: 13px; }
  .co-lw__detail { padding: 14px 14px 64px; }
  .co-vh { grid-template-columns: 150px minmax(0, 1fr); }
}
@media (max-width: 520px) {
  .co-mate__who span { display: none; }
  .co-wsp__text span { font-size: 11px; }
  .co-lw__cols, .co-row { grid-template-columns: minmax(0, 1fr) 76px; }
  .co-lw__cols span:nth-child(2), .co-row__item { display: none !important; }
  .co-sk--cell { height: auto; min-height: 300px; }
  .co-sk--cell > .sk-frame { min-height: 300px; }
  .co-vh { grid-template-columns: minmax(0, 1fr); padding-bottom: 40px; }
  .co-vh__panel { border-right: 0; border-bottom: 1px solid var(--sk-edge); }
  .co-vh__list { grid-template-columns: 1fr 1fr; }
  .co-vh__more { display: none; }
  .co-us { padding-bottom: 48px; }
  .co-us__row { grid-template-columns: auto minmax(0, 1fr) 116px auto; gap: 8px; }
  .co-us__who .co-role { display: none; }
}