.skill-inner{padding-top:128px}.skill-crumbs{color:#ffffff4d;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.skill-crumbs a{color:#ffffff8c;text-decoration:none;transition:color .2s}.skill-crumbs a:hover{color:#fff}.skill-crumbs [aria-current]{color:#ffffffd9}.skill-layout{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"head card""body card";column-gap:64px;margin-top:28px;display:grid}.skill-head{flex-direction:column;grid-area:head;align-items:flex-start;gap:14px;display:flex}.skill-tags{margin:0}.skill-head .tk-category,.skill-head .tk-hot{font-size:14px}.skill-head h1{color:#fff;letter-spacing:-.02em;margin:0;font-family:Mulish,sans-serif;font-size:48px;font-weight:700;line-height:1.15}.skill-desc{color:#ffffffb8;margin:0;font-size:19px;line-height:1.5}.skill-warning{background:#ffb84d0f;border:1px solid #ffb84d59;border-radius:14px;gap:12px;max-width:620px;margin-top:4px;padding:14px 16px;display:flex}.skill-warning svg{color:#ffb84d;flex:none;margin-top:1px}.skill-warning p{color:#ffffffbf;margin:0;font-size:14px;line-height:1.5}.skill-warning .skill-warning-title{color:#fff;margin-bottom:3px;font-size:15px;font-weight:700}.skill-tip{background:#3ddc970f;border:1px solid #3ddc974d;border-radius:14px;gap:12px;max-width:620px;margin-top:4px;padding:14px 16px;display:flex}.skill-tip svg{color:#3ddc97;flex:none;margin-top:1px}.skill-tip p{color:#ffffffbf;margin:0;font-size:14px;line-height:1.5}.skill-tip .skill-tip-title{color:#fff;margin-bottom:3px;font-size:15px;font-weight:700}.skill-tip-link{color:#3ddc97;gap:6px;margin-top:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.skill-tip-link span[aria-hidden]{transition:transform .2s}.skill-tip-link:hover span[aria-hidden]{transform:translate(3px)}.skill-credit{color:#ffffffe6;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:14px;font-weight:600;display:flex}.skill-credit-dot{color:#ffffff59;font-weight:400}.skill-credit a{color:#ffffffb3;align-items:center;gap:6px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.skill-credit a:hover{color:#fff}.skill-ext{opacity:.6}.skill-body{flex-direction:column;grid-area:body;gap:44px;margin-top:44px;display:flex}.skill-body h2{color:#fff;letter-spacing:-.02em;margin:0 0 12px;font-family:Mulish,sans-serif;font-size:24px;font-weight:700}.skill-body p{color:#ffffffbf;margin:0;font-size:17px;line-height:1.6}.skill-steps{counter-reset:step;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.skill-steps[hidden]{display:none}.skill-steps>li{color:#fffc;counter-increment:step;align-items:flex-start;gap:14px;font-size:16px;line-height:1.5;display:flex}.skill-steps>li:before{content:counter(step);color:#ffffffd9;border:1px solid #ffffff40;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:inline-flex}.step-body{flex-direction:column;gap:12px;min-width:0;padding-top:2px;display:flex}.step-text{margin:0}.step-path{color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;padding:1px 7px;font-size:.94em}.step-subs{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.step-subs li{grid-template-columns:96px minmax(0,1fr);gap:12px;line-height:1.6;display:grid}.step-subs li:not(:has(.step-app)){grid-template-columns:minmax(0,1fr)}.step-app{color:#fff;align-items:center;gap:7px;height:1.6em;font-weight:700;display:inline-flex}.step-actions{flex-wrap:wrap;gap:8px;display:flex}.step-open{color:#ffffffe6;border:1px solid #ffffff2e;border-radius:10px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:600;line-height:normal;text-decoration:none;transition:border-color .2s,background-color .2s;display:inline-flex}.step-open:hover{background:#ffffff0d;border-color:#ffffff4d}.skill-card{-webkit-backdrop-filter:blur(2px);background:#ffffff09;border:1px solid #ffffff24;border-radius:20px;flex-direction:column;grid-area:card;align-self:start;gap:14px;padding:24px;display:flex;position:sticky;top:24px}.skill-open{grid-template-columns:1fr;gap:8px;display:grid}.skill-open a{color:#ffffffe0;border:1px solid #ffffff29;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 10px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .2s,background-color .2s;display:inline-flex}.skill-open a:hover{background:#ffffff0d;border-color:#ffffff4d}.skill-card hr{border:0;border-top:1px solid #ffffff1a;width:100%;margin:2px 0}.skill-help{color:#ffffffd9;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:2px 0;font:600 14px Mulish,sans-serif;transition:color .2s;display:inline-flex}.skill-help:hover{color:#fff}.skill-licence{color:#ffffff80;text-align:center;margin:0;font-size:13px;line-height:1.45}.skill-source{background:#ffffff06;border:1px solid #ffffff24;border-radius:14px}.skill-source-box{position:relative}.skill-source-box>.tk-copy{position:absolute;top:8px;right:10px}.skill-source summary{color:#ffffffd9;cursor:pointer;padding:14px 110px 14px 18px;font-size:15px;font-weight:600}.skill-source summary:hover{color:#fff}.skill-source pre{color:#ffffffc7;white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #ffffff1a;max-height:480px;margin:0;padding:18px;font:13px/1.65 SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.skill-recs{flex-direction:column;gap:28px;display:flex}.skill-rec h3{color:#fff;margin:0 0 6px;font-size:17px;font-weight:700}.skill-tools{margin-top:16px}.skill-body .skill-tools-label{color:#ffffff80;margin-bottom:10px;font-size:13px;font-weight:600}.skill-tools ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tool-chip{color:#ffffffe6;cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:12px;align-items:center;gap:8px;padding:7px 12px 7px 8px;font:600 14px Mulish,sans-serif;text-decoration:none;transition:border-color .2s,background-color .2s;display:inline-flex}a.tool-chip:hover,button.tool-chip:hover,button.tool-chip[aria-expanded=true]{background:#ffffff0d;border-color:#ffffff4d}.tool-chip--plain{cursor:default}.tool-chevron{opacity:.6;transition:transform .2s}[aria-expanded=true]>.tool-chevron{transform:rotate(180deg)}.tool-pick{position:relative}.tool-menu{z-index:5;background:#0e1117;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;gap:2px;width:max-content;min-width:230px;max-width:calc(100vw - 32px);margin:0;padding:6px;list-style:none;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 16px 40px #0000008c}.tool-menu[hidden]{display:none}.tool-menu--left{left:auto;right:0}.tool-menu a{color:#ffffffeb;border-radius:10px;align-items:center;gap:12px;padding:9px 10px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.tool-menu a:hover,.tool-menu a:focus-visible{background:#ffffff0f}.tool-menu img{border-radius:5px}.tool-menu-text{flex-direction:column;flex:1;gap:1px;display:flex}.tool-menu-text small{color:#ffffff80;font-size:12px;font-weight:500}.skill-tools--or{align-items:center}.skill-tools--or>li{align-items:center;display:flex}.skill-tools--or>li+li:before{content:"or";color:#fff6;margin-right:8px;font-size:13px;font-weight:500}.tool-chip img{border-radius:6px;width:22px;height:22px}.skill-video{color:#fff;cursor:pointer;background:#0b1226;border:1px solid #ffffff1f;border-radius:16px;padding:0;display:block;position:relative;overflow:hidden}.skill-video--wide{aspect-ratio:16/9;width:100%}.skill-video--tall{aspect-ratio:9/16;flex:none;width:252px}.skill-video img{object-fit:cover;width:100%;height:100%}.skill-video:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#000000b3);position:absolute;inset:0}.skill-video-play{z-index:1;background:#ffffffeb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 20'%3E%3Cpath d='M2 1.5v17l15-8.5z' fill='%230b1226'/%3E%3C/svg%3E") 54%/22px no-repeat;border-radius:50%;width:64px;height:64px;transition:transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #00000059}.skill-video:hover .skill-video-play{transform:translate(-50%,-50%)scale(1.06)}.skill-video-caption,.skill-video-length{z-index:1;color:#ffffffbf;align-items:baseline;gap:10px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:16px;left:20px}.skill-video-caption strong{color:#fff;font-size:15px}iframe.skill-video{cursor:auto}.skill-short{align-items:center;gap:28px;display:flex}.skill-short-note h3{color:#fff;margin:0 0 8px;font-size:20px;font-weight:700}.skill-more{margin-top:104px}.skill-more .tk-section-head h2{font-size:24px}.skill-help-dialog .about-card{flex-direction:column;gap:18px;display:flex}.skill-help-dialog .about-head{margin-bottom:0}.skill-help-intro{color:#ffffffb3;margin:0;font-size:15px;line-height:1.5}.skill-tabs{border:1px solid #ffffff24;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.skill-tabs button{color:#fff9;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px;font:500 14px Mulish,sans-serif;transition:background-color .2s,color .2s}.skill-tabs button[aria-selected=true]{color:#fff;background:#ffffff1a;font-weight:700}.skill-help-dialog .skill-steps>li{font-size:15px}.skill-help-dialog .skill-steps>li:before{width:26px;height:26px;font-size:12px}@media (width<=809.98px){.step-subs li{grid-template-columns:minmax(0,1fr);gap:2px}.skill-inner{padding-top:104px}.skill-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""card""body";row-gap:28px}.skill-head h1{font-size:36px}.skill-desc{font-size:17px}.skill-card{position:static}.skill-body{margin-top:16px}.skill-short{flex-direction:column;align-items:flex-start}.skill-more{margin-top:72px}}