.mds-mk{display:grid;grid-template-columns:minmax(0,400px) minmax(0,460px);justify-content:center;align-items:center;column-gap:clamp(48px,7vw,112px)}
.mds-ks{list-style:none;margin:0 0 var(--s-32);padding:0;display:flex;flex-wrap:wrap;gap:8px}
.mds-k{display:grid;place-items:center;min-width:48px;height:48px;padding:0 10px;box-sizing:border-box;border-radius:14px;background:#1d1d1f;color:#86868b;
  font:600 17px/1 ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;letter-spacing:-.04em;transition:background-color .3s ease,color .3s ease}
button.mds-k{border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
@media (hover:hover){button.mds-k:not(.on):hover{background:#2c2c2e;color:#f5f5f7}}
button.mds-k:focus-visible{outline:2px solid var(--c);outline-offset:3px}
.mds-k.on{background:var(--c);color:#fff}
.mds-sts,.mds-prs{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
.mds-tx{min-width:0}
.mds-s,.mds-pr{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}
.mds-s.on,.mds-pr.on{opacity:1;visibility:visible;transition:opacity .45s ease .12s,visibility 0s}
.mds-s h3{margin:0 0 var(--s-12);font:600 40px/44px var(--font-sans);letter-spacing:-.008em;color:#f5f5f7;text-wrap:balance}
.mds-s p{margin:0;font:600 21px/29px var(--font-sans);letter-spacing:-.01em;color:#86868b;text-wrap:pretty}
.mds-s code,.mds-flat code,.mds-ns code{font:600 .9em/1 ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;color:#d1d1d6}
.mds-pr{align-self:center;display:flex;flex-direction:column;align-items:stretch}
.mds-src{border-radius:16px;background:#141416;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.mds-src .mdr-l{color:#d1d1d6}
.mds-dn{display:block;align-self:center;margin:12px 0;color:#6e6e73}
.mds-dn svg{display:block;width:16px;height:28px}
.mds-rm{box-shadow:0 0 0 .5px rgba(255,255,255,.08),0 24px 64px rgba(0,0,0,.5)}
.mds-flat{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 40px}
.mds-flat li{display:grid;align-content:start;justify-items:start}
.mds-flat .mds-k{margin-bottom:var(--s-16);min-width:40px;height:40px;border-radius:12px;font-size:15px}
.mds-flat > li > h3{margin:0 0 6px;font:600 21px/25px var(--font-sans);letter-spacing:-.01em;color:#f5f5f7}
.mds-flat > li > p{margin:0 0 var(--s-24);font:600 17px/23px var(--font-sans);letter-spacing:-.016em;color:#86868b;text-wrap:pretty}
.mds-flat .mds-pr{grid-area:auto;width:100%;opacity:1;visibility:visible}
@media (prefers-reduced-motion:no-preference){.mds-flat li{opacity:0;transform:translateY(30px)}.mds-flat li.in{opacity:1;transform:none;transition:opacity .7s ease-out,transform .9s cubic-bezier(.2,.8,.2,1)}}
@media (max-width:1068px){.mds-mk{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px}.mds-src{white-space:pre-wrap}.mds-ks{gap:6px}.mds-k{min-width:38px;height:38px;padding:0 8px;border-radius:11px;font-size:15px}.mds-s h3{font-size:32px;line-height:36px}.mds-s p{font-size:19px;line-height:26px}}
@media (max-width:734px){
  .mds-mk{grid-template-columns:minmax(0,1fr);row-gap:var(--s-24);align-items:start}
  .mds-ks{gap:6px;margin-bottom:var(--s-16)}
  .mds-k{min-width:40px;height:40px;padding:0 8px;border-radius:12px;font-size:15px}
  .mds-s h3{margin-bottom:6px;font-size:24px;line-height:28px}
  .mds-s p{font-size:17px;line-height:23px}
  .mds-src{font-size:12px;line-height:19px}
  .mds-dn{margin:8px 0}.mds-dn svg{height:22px}
  .mds-flat{grid-template-columns:minmax(0,1fr);gap:48px}
}

.mds-ch{display:flex;flex-direction:column;align-items:center}
html:root .mds-ch .mds-ch-h{max-width:960px;text-align:center}
.mds-cw{width:100%;max-width:460px;height:clamp(360px,calc(var(--sc-h) - 139px),640px);margin-top:48px}
.mds-cw .tgw-ls{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.mds-cw .tgw-ls.mds-nt{transition:none}
.mds-cw .mds-m.mds-off{display:none}
.mds-dm{max-width:90%;border-bottom-left-radius:6px}
.mds-dm .mdr-g{transition:opacity .35s ease-out,transform .45s cubic-bezier(.2,.8,.2,1)}
@media (prefers-reduced-motion:no-preference){.mds-dm .mdr-g:not(.in){opacity:0;transform:translateY(6px)}}
.mds-fb{max-width:86%}
.mds-fl{display:flex;align-items:center;gap:12px;margin:2px 0 6px}
.mds-fl b{display:block;font:500 15px/19px var(--font-sans);color:#f5f5f7}
.mds-fl small{display:block;font:400 13px/17px var(--font-sans);color:#98989d}
.mds-fi{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--c);font:700 12px/1 var(--font-sans);letter-spacing:.02em;color:#fff}
@media (max-width:734px){.mds-cw{max-width:none;height:min(600px,calc(100svh - 120px))}}

.mds-zp{display:grid;grid-template-columns:minmax(0,320px) minmax(0,440px);justify-content:center;align-items:center;column-gap:clamp(40px,6vw,96px)}
.mds-sg{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:12px;background:#1d1d1f;margin-bottom:var(--s-24)}
.mds-sg button{position:relative;z-index:1;border:0;margin:0;padding:9px 10px;border-radius:9px;background:none;font:600 15px/20px var(--font-sans);color:#a1a1a6;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .25s ease}
.mds-sg button[aria-checked=true]{color:#f5f5f7}
.mds-sg button:focus-visible{outline:2px solid var(--c);outline-offset:2px}
.mds-sg i{position:absolute;left:3px;top:3px;bottom:3px;width:calc(50% - 3px);border-radius:9px;background:#3a3a3c;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.mds-zp[data-z="1"] .mds-sg i{transform:translateX(100%)}
.mds-alts{display:grid}
.mds-alt{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .2s ease-out,visibility 0s linear .2s}
.mds-zp[data-z="0"] .mds-alt[data-v="0"],.mds-zp[data-z="1"] .mds-alt[data-v="1"]{opacity:1;visibility:visible;transition:opacity .25s ease-in .15s,visibility 0s}
.mds-zl .mds-alts{align-items:start}
.mds-zr .mds-alts{align-items:center}
.mds-tr{list-style:none;margin:0;padding:8px 0;border-radius:16px;background:#141416;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.mds-tr li{display:flex;align-items:center;gap:10px;padding:7px 16px 7px 34px;font:500 15px/20px var(--font-sans);color:#d1d1d6}
.mds-tr .mds-zf{padding-left:16px}
.mds-tr .mds-in{padding-left:58px}
.mds-tr b{font-weight:600;color:#f5f5f7}
.mds-tr .mds-fi{width:28px;height:28px;border-radius:7px;font-size:8.5px}
.mds-tr .mds-fz{background:#636366}
.mds-tr .mds-fp{background:#34a853}
.mds-tr .mds-fd{background:#48484a;border-radius:4px 7px 7px 7px}
.mds-zm{box-shadow:0 0 0 .5px rgba(255,255,255,.08),0 24px 64px rgba(0,0,0,.5)}
.mds-img{display:block;width:100%;height:auto;border-radius:10px;font:500 11px/1 var(--font-sans);fill:#6e6e73}
.mds-cap{color:#98989d}
@media (prefers-reduced-motion:no-preference){.mds-zp{opacity:0;transform:translateY(30px)}.mds-zp.in{opacity:1;transform:none;transition:opacity .7s ease-out,transform .9s cubic-bezier(.2,.8,.2,1)}}
.mds-ns{list-style:none;margin:var(--s-64) auto 0;padding:0;max-width:980px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.mds-ns li{display:grid;align-content:start;gap:12px}
.mds-n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#1d1d1f;font:600 15px/1 var(--font-sans);color:#f5f5f7}
.mds-ns p{margin:0;font:600 17px/23px var(--font-sans);letter-spacing:-.016em;color:#86868b;text-wrap:pretty}
@media (max-width:1068px){.mds-ns{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}}
@media (max-width:734px){
  .mds-zp{grid-template-columns:minmax(0,1fr);row-gap:var(--s-24)}
  .mds-ns{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:var(--s-48)}
  .mds-ns li{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:14px}
  .mds-ns .mds-n{margin-top:-4.5px}
}