.tis-xr,.tis-js,.tis-chn{--tis-mono:ui-monospace,"SF Mono",Menlo,monospace}
.tis-spr{position:absolute;width:0;height:0;overflow:hidden}
.tis-ic{flex:none;display:inline-block;width:19px;height:19px;fill:url(#tis-g);vertical-align:-4px}
:is(.tis-js,.tis-chn) .tgw-kb span{position:relative}
.tis-ar{position:absolute;right:7px;top:7px;width:8px;height:8px;fill:none;stroke:rgba(255,255,255,.75);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
:is(.tis-js,.tis-chn) .tgw-kb .tis-ic{width:18px;height:18px}
.tis-fw{display:flex;align-items:center;gap:5px;margin-bottom:2px;font:600 14px/19px var(--font-sans);color:#fff}
.tis-fw .tis-ic{width:16px;height:16px;fill:#fff}
.tis-sr{display:flex;align-items:flex-start;gap:7px;margin:0;font:400 16px/21px var(--font-sans);letter-spacing:-.01em;color:#f5f5f7}
.tis-sr + .tis-sr{margin-top:3px}
.tis-sr > span{min-width:0}
.tis-sr b{font-weight:600}
.tis-sr .tis-ic{margin-top:1px}
.tis-sh{margin-bottom:2px}
.tis-sr code{font:500 14.5px/21px var(--tis-mono);letter-spacing:0;color:#80d4ff}
.tis-cid{padding:0 3px;border-radius:6px;white-space:nowrap;transition:background-color .5s ease,box-shadow .5s ease,color .5s ease}
.tis-cid.tis-hl{background:rgba(39,192,234,.22);box-shadow:inset 0 0 0 1px rgba(80,215,245,.6);color:#c9f3ff}

.pb-sc-xray .sc-box{display:block}
.tis-xr{--k:1;--lt:0px;--m0:0px;--m1:0px;--m2:100%;--m3:100%;position:relative;height:100%;font-family:var(--font-sans)}
.tis-stg{position:absolute;inset:0}
.tis-tw,.tis-lz{position:absolute;inset:0;pointer-events:none}
.tis-tw{isolation:isolate;overflow:clip}
.tis-xr:not(.tis-rd) .tis-tw{bottom:16px}
.tis-tw::before,.tis-tw::after{content:"";position:absolute;left:0;right:0;z-index:1;pointer-events:none}
.tis-tw::before{top:0;height:var(--m1);background:linear-gradient(180deg,#000 var(--m0),rgba(0,0,0,0) var(--m1))}
.tis-tw::after{top:var(--m2);bottom:0;background:linear-gradient(180deg,rgba(0,0,0,0),#000 calc(var(--m3) - var(--m2)))}
.tis-sc{position:absolute;left:50%;top:0;width:440px;height:0;margin-left:-220px;transform:scale(var(--k));transform-origin:50% 0}
.tis-tp{position:absolute;left:50px;top:0;width:340px;will-change:transform}
.tis-xt{left:40px}
.tis-c{position:absolute;left:0;width:340px;box-sizing:border-box;padding:18px 20px;border-radius:22px;background:#1c1c1e;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:#f5f5f7;text-align:left}
.tis-tw .tis-c{opacity:.78}
.tis-c-st:not(.tis-x){background:none;box-shadow:none}
.tis-c-fl{padding-block:0}
.tis-hd{display:flex;align-items:center;gap:12px;min-height:44px}
.tis-av{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;overflow:hidden;background:#2c2c2e}
.tis-av img,.tis-stk img,.tis-chs img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none}
.tis-av-ch{width:40px;height:40px;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.tis-who{display:flex;flex-direction:column;min-width:0}
.tis-who b{font:600 17px/21px var(--font-sans);letter-spacing:-.01em;white-space:nowrap;color:#f5f5f7}
.tis-who small{font:500 13px/17px var(--font-sans);color:#98989d}
.tis-key{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;margin-top:22px;border-radius:12px;background:#2c2c2e;font:500 15px/20px var(--font-sans);color:#f5f5f7}
.tis-key .tis-ic{width:18px;height:18px}
.tis-tx{margin:10px 0 0;font:400 17px/22px var(--font-sans);letter-spacing:-.01em;color:#f5f5f7}
.tis-tx small,.tis-lk small{float:right;margin:6px 0 0 10px;font:500 12px/16px var(--font-sans);color:#98989d}
.tis-fwb{flex:none;display:grid;place-items:center;width:30px;height:30px;margin-left:auto;border-radius:50%;background:rgba(255,255,255,.12)}
.tis-fwb .tis-ic{width:16px;height:16px;fill:#fff}
.tis-lk{margin:4px 0 0;font:400 17px/22px var(--font-sans);color:#6ab3f3}
.tis-pv{margin-top:12px;padding:8px 12px;border-left:3px solid #6ab3f3;border-radius:4px 10px 10px 4px;background:rgba(106,179,243,.1)}
.tis-pv small{display:block;font:600 13px/17px var(--font-sans);color:#6ab3f3}
.tis-pv b{display:block;font:600 15px/20px var(--font-sans);color:#f5f5f7}
.tis-stk{position:absolute;left:12px;top:20px;width:130px;height:130px}
.tis-stk img{object-fit:contain}
.tis-sb{position:absolute;left:98px;top:128px;padding:1px 7px;border-radius:9px;background:rgba(0,0,0,.55);font:500 12px/16px var(--font-sans);color:#fff}
.tis-rw{display:flex;align-items:center;gap:14px;height:100%}
.tis-di{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#2ce1d8,#1da0fd)}
.tis-di svg{width:26px;height:26px}
.tis-t2{align-self:flex-end;margin:0 0 18px auto;font:500 12px/16px var(--font-sans);color:#98989d}

.tis-ln{position:absolute;left:10px;top:var(--lt);width:420px;height:250px;border-radius:30px;
  background:radial-gradient(120% 90% at 50% 42%,rgba(28,150,185,.34),rgba(3,22,30,0) 72%),repeating-linear-gradient(0deg,rgba(110,225,245,.065) 0 1px,transparent 1px 25px),repeating-linear-gradient(90deg,rgba(110,225,245,.065) 0 1px,transparent 1px 25px),#021219;
  box-shadow:inset 0 0 0 1px rgba(120,230,250,.32),inset 0 0 48px rgba(39,192,234,.2),0 24px 64px -8px rgba(39,192,234,.3)}
.tis-lw{position:absolute;inset:0;overflow:clip;clip-path:inset(0 round 30px)}
.tis-fr{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#8ff3ff;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(80,225,245,.7));will-change:transform}
.tis-bm{position:absolute;left:0;right:0;top:-40px;height:80px;opacity:0;pointer-events:none;will-change:transform,opacity;
  background:linear-gradient(180deg,transparent,rgba(110,230,250,.13) 46%,rgba(170,245,255,.55) 50%,rgba(110,230,250,.13) 54%,transparent)}
.tis-c.tis-x{background:rgba(60,200,230,.05);box-shadow:inset 0 0 0 1.5px rgba(143,243,255,.55),0 0 26px rgba(80,225,245,.22);color:#e9fdff}
.tis-rg{position:absolute;left:20px;top:18px;width:44px;height:44px;box-sizing:border-box;border-radius:50%;border:1.5px solid rgba(130,232,248,.6)}
.tis-rg-ch{top:20px;width:40px;height:40px}
.tis-rg2{top:30px;width:52px;height:52px}
.tis-xd{position:relative;opacity:0}
.tis-xh{display:flex;flex-direction:column;justify-content:center;min-height:44px}
.tis-xa .tis-xh{padding-left:56px}
.tis-k{display:block;font:600 15px/19px var(--font-sans);letter-spacing:-.005em;color:#7eeaf8;white-space:nowrap}
.tis-v{display:block;margin:10px 0 2px;font-family:var(--tis-mono);font-weight:600;line-height:1.15;letter-spacing:-.01em;white-space:nowrap;color:#effeff;text-shadow:0 0 18px rgba(80,225,245,.55)}
.tis-x code{display:block;font:500 12px/16px var(--tis-mono);white-space:nowrap;color:rgba(150,228,242,.8)}
.tis-sil{position:absolute;left:12px;top:20px;width:130px;height:130px;background:linear-gradient(160deg,rgba(160,246,255,.55),rgba(39,192,234,.16));
  -webkit-mask:var(--src) center/contain no-repeat;mask:var(--src) center/contain no-repeat}
.tis-xs{position:absolute;left:158px;right:12px;top:42px}
.tis-xs .tis-v{margin:6px 0 4px}
.tis-xf{position:absolute;left:86px;right:16px;top:50%;transform:translateY(-50%)}
.tis-xf .tis-v{margin:4px 0 2px}
.tis-cps{position:absolute;inset:0;pointer-events:none}
.tis-cp{position:absolute;top:0;left:max(16px,50% - 290px);right:max(16px,50% - 290px);margin:0;font:600 19px/25px var(--font-sans);letter-spacing:-.012em;color:#86868b;text-align:center;text-wrap:pretty;
  opacity:0;visibility:hidden;will-change:transform,opacity}
.tis-cp b{color:#f5f5f7}
.tis-side .tis-cp{right:auto;font-size:21px;line-height:28px;text-align:left}
.tis-xr.tis-rd{height:auto}
.tis-rd .tis-stg{position:relative;height:600px}
.tis-rd .tis-cps{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 40px;width:min(87.5vw,1260px);margin:var(--s-40) auto 0}
.tis-rd .tis-cp{position:static;opacity:1;visibility:visible;transform:none;font-size:17px;line-height:24px;text-align:left}

.tis-js{display:grid;grid-template-columns:minmax(0,1fr) 500px;column-gap:80px;align-items:center}
.tis-jp{max-width:480px;margin:0;font:600 21px/29px var(--font-sans);letter-spacing:-.01em;color:#86868b;text-wrap:pretty}
.tis-seg{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;margin-top:var(--s-32);padding:3px;border-radius:999px;background:rgba(255,255,255,.1)}
.tis-seg button{position:relative;z-index:1;height:36px;padding:0 18px;border:0;border-radius:999px;background:none;font:500 15px/20px var(--font-sans);letter-spacing:-.01em;color:#d2d2d7;white-space:nowrap;cursor:pointer;transition:color .16s ease .16s;-webkit-tap-highlight-color:transparent}
.tis-seg button[aria-pressed=true]{color:#1d1d1f}
.tis-knob{position:absolute;left:3px;top:3px;bottom:3px;width:calc(50% - 3px);border-radius:999px;background:#f5f5f7;transition:transform .32s cubic-bezier(.33,1,.68,1)}
.tis-s1 .tis-knob{transform:translateX(100%)}
.tis-fc{display:grid;transform-origin:50% 50%}
.tis-fp .tgw{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 24px 48px rgba(0,0,0,.5)}
.tis-fp .tgw-ls{will-change:auto}
.tis-fp .tgw-bd{-webkit-mask:none;mask:none;overflow:hidden}
.tis-fp .tgw-hd{z-index:auto}
.tis-fp .tgw-bd::after{content:"";position:absolute;left:0;right:0;top:0;height:64px;pointer-events:none;background:linear-gradient(180deg,#0d0d0f,rgba(13,13,15,0))}
.tis-ff,.tis-fb{grid-area:1/1;height:min(660px,var(--sc-h))}
.tis-fb,.tis-on .tis-ff{visibility:hidden}
.tis-on .tis-fb{visibility:visible}
.tis-flp .tis-fp{perspective:2200px}
.tis-flp .tis-fc{transform-style:preserve-3d;transition:transform .8s cubic-bezier(.42,0,.58,1)}
.tis-flp :is(.tis-ff,.tis-fb){-webkit-backface-visibility:hidden;backface-visibility:hidden}
.tis-flp .tis-fb{transform:rotateY(180deg);transition:visibility 0s .4s}
.tis-flp .tis-ff{transition:visibility 0s 0s}
.tis-flp.tis-on .tis-fc{transform:rotateY(180deg)}
.tis-flp.tis-on .tis-ff{transition:visibility 0s .4s}
.tis-flp.tis-on .tis-fb{transition:visibility 0s 0s}
.tis-sum .tis-sr{font-size:15px;line-height:20px}
.tis-sum .tis-sr code{font-size:13.5px;line-height:20px}
.tis-pre{margin:10px 0 2px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.07);box-shadow:inset 3px 0 0 rgba(128,212,255,.6);font:500 12.5px/17px var(--tis-mono);letter-spacing:0;color:#e5e5ea;white-space:pre-wrap;overflow-wrap:normal}
.tis-js .tgw-kb span{transition:background-color .15s ease,transform .15s ease}
.tis-js .tgw-kb span.tis-pr{background:rgba(255,255,255,.22);transform:scale(.97)}
.tis-ff .tgw-kb span.tis-kp{cursor:pointer}

.tis-trk{position:relative;overflow-x:clip;padding:12px 0}
.tis-trk::before,.tis-trk::after{content:"";position:absolute;top:0;bottom:0;left:0;z-index:1;width:7%;pointer-events:none;background:linear-gradient(90deg,#000,rgba(0,0,0,0))}
.tis-trk::after{left:auto;right:0;transform:scaleX(-1)}
.tis-sts{list-style:none;margin:0;padding:0;display:flex;gap:24px;width:max-content;will-change:transform}
.tis-st{flex:none;display:flex;flex-direction:column;box-sizing:border-box;width:400px;height:480px;padding:24px 24px 28px;border-radius:28px;background:#1d1d1f;will-change:transform,opacity}
.tis-st .tgw-m:not(.me) .tgw-b{background:#2c2c2e}
.tis-st .tgw-kb span{background:rgba(255,255,255,.12)}
.tis-sv{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;clip-path:inset(0)}
.tis-sv::before{content:"";position:absolute;left:0;right:0;top:0;z-index:1;height:14%;pointer-events:none;background:linear-gradient(180deg,#1d1d1f,rgba(29,29,31,0))}
.tis-stx{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;align-items:start;margin-top:var(--s-24)}
.tis-sn{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--c);font:600 15px/1 var(--font-sans);color:#000}
.tis-stx p{margin:0;font:600 19px/25px var(--font-sans);letter-spacing:-.012em;color:#f5f5f7;text-wrap:pretty}
.tis-rail{position:relative;height:2px;max-width:480px;margin:var(--s-40) auto 0;border-radius:1px;background:rgba(255,255,255,.16)}
.tis-rf{position:absolute;inset:0;border-radius:inherit;background:var(--c);transform:scaleX(0);transform-origin:0 50%}
.tis-rail span{position:absolute;left:calc(var(--x) * 100%);top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#424245;transition:background-color .3s ease}
.tis-rail span.tis-on{background:var(--c)}
.tis-v1{display:flex;flex-direction:column;gap:14px}
.tis-po{padding:14px;border-radius:18px;background:#0d0d0f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.tis-po .tis-hd{min-height:40px;margin-bottom:10px}
.tis-prw{display:flex;align-items:flex-end;gap:8px}
.tis-pb{flex:1;margin:0;padding:8px 12px 7px;border-radius:16px 16px 16px 6px;background:#1f1f22;font:400 16px/21px var(--font-sans);letter-spacing:-.01em;color:#f5f5f7}
.tis-pb small{float:right;margin:6px -2px -3px 12px;font:500 12px/16px var(--font-sans);color:rgba(235,235,245,.62)}
.tis-fbo{margin:0;background:#1f9cff;box-shadow:0 0 0 3px rgba(39,192,234,.35)}
.tis-sht{padding:14px 16px 16px;border-radius:18px;background:#0d0d0f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.tis-sht > b{display:block;margin-bottom:12px;font:600 15px/20px var(--font-sans);color:#f5f5f7;text-align:center}
.tis-chs{display:flex;justify-content:center;gap:28px}
.tis-chs > span{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:80px}
.tis-chs img{width:56px;height:56px;border-radius:50%}
.tis-chs small{font:500 12px/16px var(--font-sans);color:#a1a1a6;white-space:nowrap}
.tis-chs .tis-on img{box-shadow:0 0 0 2px #0d0d0f,0 0 0 4px var(--c)}
.tis-chs .tis-on small{color:#f5f5f7}
.tis-ck{position:absolute;left:52px;top:38px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px #0d0d0f}
.tis-ck svg{width:12px;height:12px;fill:none;stroke:#000;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tis-v2{display:flex;flex-direction:column}
.tis-v3{display:flex;flex-direction:column;gap:18px;margin:auto 0}
.tis-v3 .tgw-m{margin:0}
.tis-v3 .tis-sr{font-size:17px;line-height:23px}
.tis-v3 .tis-sr code{font-size:16px;line-height:23px}
.tis-cfg{padding:16px 18px;border-radius:18px;background:#0d0d0f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.tis-cfg small{display:block;margin-bottom:6px;font:500 13px/17px var(--tis-mono);color:#98989d}
.tis-cfg code{display:flex;align-items:center;font:600 30px/36px var(--tis-mono);letter-spacing:-.01em;color:#f5f5f7;white-space:nowrap}
.tis-cfg code b{color:var(--c)}
.tis-cfg code i{width:3px;height:32px;margin-left:3px;border-radius:1px;background:var(--c)}
.tis-rd .tis-trk{overflow:visible;padding:0}
.tis-rd .tis-trk::before,.tis-rd .tis-trk::after{display:none}
.tis-rd .tis-sts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:auto}
.tis-rd .tis-st{width:auto}
.tis-rd .tis-rail{display:none}

@media (max-width:1068px){
  .tis-js{grid-template-columns:minmax(0,1fr);row-gap:var(--s-40)}
  .tis-fp{width:min(100%,520px);margin:0 auto}
  .tis-rd .tis-cps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:734px){
  .tis-cp{font-size:17px;line-height:22px}
  .tis-rd .tis-stg{height:480px}
  .tis-rd .tis-cps{grid-template-columns:minmax(0,1fr);gap:20px}
  .tis-jp{font-size:17px;line-height:23px}
  .tis-js .tis-fc{transform:none!important;transition:none}
  .tis-js :is(.tis-ff,.tis-fb){transform:none!important}
  .tis-js .tis-ff{transition:opacity .4s ease,visibility 0s 0s}
  .tis-on .tis-js .tis-ff{opacity:0;transition:opacity .4s ease,visibility 0s .4s}
  .tis-js .tis-fb{opacity:0;transition:opacity .4s ease,visibility 0s .4s}
  .tis-on .tis-js .tis-fb{opacity:1;transition:opacity .4s ease,visibility 0s 0s}
  .tis-pre{padding:8px 10px;font-size:11px;line-height:15px}
  .tis-ff,.tis-fb{height:560px}
  .tis-seg{margin-top:var(--s-24)}
  .tis-st{width:300px;height:500px;padding:20px 18px 24px;border-radius:24px}
  .tis-sts{gap:16px}
  .tis-stx{grid-template-columns:28px minmax(0,1fr);gap:12px;margin-top:var(--s-20)}
  .tis-sn{width:28px;height:28px;font-size:14px}
  .tis-stx p{font-size:17px;line-height:22px}
  .tis-cfg code{font-size:21px;line-height:28px}
  .tis-cfg code i{height:24px}
  .tis-chs{gap:16px}
  .tis-rail{margin-top:var(--s-32);max-width:280px}
  .tis-rd .tis-sts{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:359px){
  .tis-cp{font-size:15px;line-height:20px}
  .tis-st{width:272px}
}
