.sk, .sk-steps {
  --sk-edge: #ececef;
  --sk-bone: #efeff2;
  --sk-bone-lo: #f5f5f7;
  --sk-ground: #fafafb;
  --sk-ink: var(--ink-nav, #141a21);
  --sk-mute: #8b8f9a;
  --sk-faint: #b4b7bf;
  --sk-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --sk-brand: var(--brand, #2347ff);
  --sk-brand-lo: rgb(35 71 255 / .07);
  --sk-brand-edge: rgb(35 71 255 / .32);
}

.sk p { margin: 0; }
.sk-bone {
  display: block; flex: none;
  width: var(--w, 100%); height: var(--h, 7px);
  border-radius: 4px; background: var(--sk-bone);
}
.sk-bone--lo { background: var(--sk-bone-lo); }
.sk-bones { display: grid; gap: 7px; }
.sk-sq { display: block; flex: none; width: var(--s, 18px); height: var(--s, 18px); border-radius: 5px; background: var(--sk-bone); }

.sk-frame {
  padding: 4px; border-radius: 15px;
  border: 1px solid var(--sk-edge); background: #fff;
}
.sk-frame > .sk-frame__in {
  height: 100%; border-radius: 11px; overflow: hidden;
  border: 1px solid var(--sk-edge); background: #fff;
}

.sk-ico { flex: none; width: 15px; height: 15px; color: var(--sk-mute); }
.sk-ico svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.sk-tick {
  flex: none; display: grid; place-items: center;
  width: 18px; height: 18px; border-radius: 50%;
  background: rgb(35 71 255 / .1);
}
.sk-tick svg { width: 11px; height: 11px; fill: none; stroke: var(--sk-brand); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.sk-mark {
  flex: none; display: grid; place-items: center;
  width: 22px; height: 22px; border-radius: 6px; background: #0a0a0b;
}
.sk-mark svg { width: 7px; fill: #fff; }

.pa.sk {
  position: relative; overflow: hidden;
  width: 100%; height: 100%; min-height: 440px;
}
.sk-win {
  position: absolute; inset: 44px -64px -40px 40px;
  display: flex;
  -webkit-mask-image: linear-gradient(to right, #000 76%, transparent 99%), linear-gradient(to bottom, #000 66%, transparent 97%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, #000 76%, transparent 99%), linear-gradient(to bottom, #000 66%, transparent 97%);
  mask-composite: intersect;
}
.gk-split--flip .sk-win, .pg-row--flip .sk-win {
  inset: 44px 40px -40px 0;
  -webkit-mask-image: linear-gradient(to left, #000 94%, transparent), linear-gradient(to bottom, #000 66%, transparent 97%);
  mask-image: linear-gradient(to left, #000 94%, transparent), linear-gradient(to bottom, #000 66%, transparent 97%);
}
.sk-win > .sk-frame__in { display: flex; width: 100%; }

.sk-win__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);
}
.sk-win__rail .sk-sq:first-child { --s: 24px; border-radius: 7px; margin-bottom: 8px; }
.sk-win__main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.sk-win__top {
  display: flex; align-items: center; gap: 10px;
  height: 46px; padding: 0 18px; flex: none;
  border-bottom: 1px solid var(--sk-edge);
  font: 500 13.5px/1 var(--font-ui); color: var(--sk-ink);
  white-space: nowrap;
}
.sk-win__top > b { font-weight: 500; overflow: hidden; text-overflow: ellipsis; }
.sk-win__top .sk-bone:last-child { margin-left: auto; }
.sk-win__body { flex: 1; min-height: 0; padding: 16px 18px; }

.sk-dots { display: flex; gap: 5px; }
.sk-dots i { width: 8px; height: 8px; border-radius: 50%; background: var(--sk-bone); }
.sk-toggle { margin-left: auto; flex: none; width: 26px; height: 15px; border-radius: 999px; background: var(--sk-brand); position: relative; }
.sk-toggle::after { content: ""; position: absolute; top: 2px; right: 2px; width: 11px; height: 11px; border-radius: 50%; background: #fff; }

.pg-js .gk-cell:not(.is-in) .sk [data-sk-in] { opacity: 0; }
.gk-cell.is-in .sk [data-sk-in] { animation: skIn .6s cubic-bezier(.2, .8, .3, 1) backwards; animation-delay: calc(.1s + var(--i, 0) * 90ms); }
@keyframes skIn { from { opacity: 0; transform: translateY(6px); } }

.sk-mini {
  position: relative; height: 200px; overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, #000 62%, transparent 98%);
  mask-image: linear-gradient(to bottom, #000 62%, transparent 98%);
}
.sk-mini > .sk-frame { height: calc(100% + 24px); }
.sk-mini .sk-frame__in { padding: 18px 18px 0; }

.sk-mini .is-pick { position: relative; border-color: var(--sk-brand-edge); }
.sk-mini [data-sk-focus] { transition: border-color .25s ease; }
.sk-steps .sk-step:not(.is-on) [data-sk-focus] { border-color: #e2e3e8; }

.sk-sheet { display: grid; gap: 12px; }
.sk-sheet__nav { display: flex; align-items: center; gap: 8px; padding: 0 2px; }
.sk-sheet__block { display: grid; gap: 7px; padding: 12px; border-radius: 9px; border: 1px solid transparent; }
.sk-sheet__h { font: 500 13.5px/1.3 var(--font-ui); color: var(--sk-ink); }
.sk-sheet .sk-hero { height: 52px; border-radius: 8px; background: var(--sk-bone-lo); }

.sk-url {
  display: flex; align-items: center; gap: 8px; height: 34px; padding: 0 11px;
  border-radius: 8px; border: 1px solid var(--sk-edge);
  font: 400 12.5px/1 var(--font-ui); color: var(--sk-ink); white-space: nowrap;
}
.sk-url > span:nth-child(2) { overflow: hidden; text-overflow: ellipsis; }
.sk-url .sk-ico { width: 13px; height: 13px; }

.sk-map { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 8px; border: 1px solid #f1f1f4; }
.sk-map__arrow { flex: none; width: 14px; height: 1px; background: #d4d7de; }

.sk-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.sk-list li { display: flex; align-items: center; gap: 9px; height: 36px; padding: 0 9px; border-radius: 8px; border: 1px solid #f1f1f4; font: 400 12.5px/1 var(--font-ui); color: var(--sk-ink); white-space: nowrap; }
.sk-list__text { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.sk-list .sk-av { flex: none; width: 20px; height: 20px; border-radius: 50%; background: var(--sk-bone); }
.sk-list .sk-ico { width: 14px; height: 14px; }
.sk-list .sk-pill { margin-left: auto; flex: none; padding: 4px 7px; border-radius: 5px; background: #f3f3f5; font: 500 10.5px/1 var(--font-ui); color: var(--sk-mute); }

.sk-steps .gk-step { padding: 28px 28px 36px; }
.sk-step .sk-mini { margin-bottom: 20px; }
.sk-steps .sk-step__n {
  display: block; min-width: 0; height: auto; padding: 0; border: 0; background: none;
  font: 500 11.5px/1 var(--sk-mono); letter-spacing: 0; color: var(--sk-faint);
  transition: color .25s ease;
}
.sk-steps .sk-step.is-on .sk-step__n { color: var(--sk-brand); }
.sk-steps .sk-step :is(.gk-step__title, .pg-step__title) { margin-top: 12px; }
.sk-steps .pg-step { background: none; padding: 0; border-radius: 0; }
.pg-steps__lede { margin: -8px 0 44px; }

.sk-lede {
  margin: 4px 0 0; max-width: 780px;
  font: 500 22px/1.65 var(--font-ui); letter-spacing: -.016em;
  color: #a1a5ae;
  text-wrap: pretty;
}
.sk-lede__mark {
  padding: 2px 7px 3px; margin: 0 1px;
  border-radius: 6px; background: #f0f0f3; color: #868a94;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
  cursor: default;
  transition: background-color .2s ease, color .2s ease;
}
.sk-lede__n {
  margin: 0 2px 0 3px; vertical-align: .85em;
  font: 500 9.5px/0 var(--sk-mono); letter-spacing: 0; color: #6b7280;
}
.sk-lede__tail { transition: color .2s ease; }
.sk-lede__mark.is-on { background: rgb(35 71 255 / .08); color: var(--sk-brand); }
.sk-lede__tail.is-on { color: var(--sk-ink); }

@media (max-width: 900px) {
  .pa.sk { min-height: 380px; }
  .sk-win, .gk-split--flip .sk-win, .pg-row--flip .sk-win { inset: 28px -48px -40px 24px; }
  .gk-split--flip .sk-win, .pg-row--flip .sk-win {
    -webkit-mask-image: linear-gradient(to right, #000 62%, transparent 96%), linear-gradient(to bottom, #000 56%, transparent 92%);
    mask-image: linear-gradient(to right, #000 62%, transparent 96%), linear-gradient(to bottom, #000 56%, transparent 92%);
  }
  .sk-lede { font-size: 20px; }
}
@media (max-width: 640px) {
  .sk-win__rail { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .gk-cell.is-in .sk [data-sk-in] { animation: none; }
  .pg-js .gk-cell:not(.is-in) .sk [data-sk-in] { opacity: 1; }
}