.hp-twitch .hpt-h1{font-size:clamp(38px,4vw,58px)}.hp-twitch h2{text-wrap:balance}.hp-twitch code{font-family:ui-monospace,Consolas,monospace}.hp-twitch .hpt-hero-grid{align-items:start;grid-template-areas:"h1 art" "rest art";grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);row-gap:22px}.hp-twitch .hpt-hero-grid>.hpt-h1{align-self:end;grid-area:h1;margin:0}.hp-twitch .hpt-hero-grid>.hpt-hero-dc{align-self:center;grid-area:art}.hp-twitch .hpt-hero-grid>.hpt-hero-rest{grid-area:rest}.hp-twitch .hpt-hero-dc{box-shadow:0 30px 80px -20px rgba(0,0,0,.9),0 0 0 1px #3a3c42}.hp-twitch .hpt-msg{align-items:flex-start;display:flex;gap:14px}.hp-twitch .hpt-msg-body{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.hp-twitch .hpt-msg-head{align-items:center;display:flex;flex-wrap:wrap;font-size:15px;gap:6px}.hp-twitch .hpt-time{color:#949ba4;font-size:12px;margin-left:2px}.hp-twitch .hpt-msg-text{color:#dbdee1;font-size:15px}.hp-twitch .hpt-embed{border-left-color:#9146ff;gap:8px;margin-top:4px;max-width:440px;padding:12px 14px 14px}.hp-twitch .hpt-embed-author{align-items:center;color:#f2f3f5;display:flex;font-size:13px;font-weight:600;gap:8px}.hp-twitch .hpt-embed-title{color:#f2f3f5;font-size:15px;font-weight:600;line-height:1.35}.hp-twitch .hpt-embed-fields{color:#dbdee1;display:flex;font-size:14px;gap:28px}.hp-twitch .hpt-embed-fields>span{display:flex;flex-direction:column}.hp-twitch .hpt-field-k{color:#b5bac1;font-size:12px;font-weight:700}.hp-twitch .hpt-thumb{background:#2b2d31;border-radius:4px;display:block;height:auto;margin-top:4px;width:100%}.hp-twitch .hpt-linkbtn{align-items:center;display:inline-flex;gap:6px}.hp-twitch .hpt-live-grid{grid-gap:48px;align-items:start;display:grid;gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);margin:0 auto;max-width:1120px;width:100%}.hp-twitch .hpt-tl{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.hp-twitch .hpt-tl-item{display:flex;flex-direction:column;gap:6px;padding:0 0 30px 34px;position:relative}.hp-twitch .hpt-tl-item:before{background:#3a3c42;bottom:-2px;content:"";left:7px;position:absolute;top:18px;width:2px}.hp-twitch .hpt-tl-item:last-child{padding-bottom:0}.hp-twitch .hpt-tl-item:last-child:before{display:none}.hp-twitch .hpt-tl-dot{background:#17181c;border-radius:50%;box-shadow:inset 0 0 0 3px #5bd37a;height:16px;left:0;position:absolute;top:3px;width:16px}.hp-twitch .hpt-tl-item.is-none .hpt-tl-dot,.hp-twitch .hpt-tl-item.is-skipped .hpt-tl-dot{box-shadow:inset 0 0 0 3px #6d6f78}.hp-twitch .hpt-tl-time{color:#949ba4;font-size:13px;font-weight:600}.hp-twitch .hpt-tl-title{color:#fff;font-size:24px;margin:0}.hp-twitch .hpt-tl-item p{color:#b5bac1;font-size:15px;max-width:520px}.hp-twitch .hpt-tl-result{align-items:center;align-self:flex-start;background:rgba(91,211,122,.12);border-radius:999px;color:#5bd37a;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-top:4px;padding:4px 12px 4px 8px}.hp-twitch .hpt-tl-result .hp-tick{height:16px;width:16px}.hp-twitch .hpt-tl-item.is-none .hpt-tl-result,.hp-twitch .hpt-tl-item.is-skipped .hpt-tl-result{background:#232428;color:#b5bac1}.hp-twitch .hpt-tl-x{flex:none;height:14px;position:relative;width:14px}.hp-twitch .hpt-tl-x:after,.hp-twitch .hpt-tl-x:before{background:currentColor;border-radius:1px;content:"";height:12px;left:6px;position:absolute;top:1px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:2px}.hp-twitch .hpt-tl-x:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hp-twitch .hpt-live-dc{position:-webkit-sticky;position:sticky;top:96px}.hp-twitch .hpt-live-feed{display:flex;flex-direction:column;gap:18px;padding:18px 16px 20px}.hp-twitch .hpt-short .hpt-msg-text{line-height:1.5}.hp-twitch .hpt-divider{align-items:center;color:#949ba4;display:flex;font-size:12px;font-weight:600;gap:10px}.hp-twitch .hpt-divider:after,.hp-twitch .hpt-divider:before{background:#3f4147;content:"";flex:1 1;height:1px}.hp-twitch .hpt-vars-grid{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);margin:0 auto;max-width:1180px;width:100%}.hp-twitch .hpt-source{display:flex;flex-direction:column;gap:12px;padding:20px}.hp-twitch .hpt-label{color:#949ba4;font-size:13px;font-weight:600}.hp-twitch .hpt-code{background:#111214;border-radius:10px;color:#dbdee1;font-family:ui-monospace,Consolas,monospace;font-size:13px;line-height:1.7;margin:0;padding:16px;white-space:pre-wrap;word-break:break-word}.hp-twitch .hpt-code-c{color:#949ba4}.hp-twitch .hpt-var{color:#ff8a7c;font-size:.92em;word-break:break-all}.hp-twitch .hpt-vars-wrap{overflow:hidden}.hp-twitch .hpt-vars th[scope=row]{font-weight:400}.hp-twitch .hpt-vars th[scope=row] .hpt-var{white-space:nowrap;word-break:normal}.hp-twitch .hpt-vars td,.hp-twitch .hpt-vars th{padding:13px 20px;vertical-align:top}.hp-twitch .hpt-more{align-items:center;background:#202124;border:0;box-shadow:0 -1px 0 #262626;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;gap:10px;justify-content:center;min-height:48px;padding:12px 20px;width:100%}.hp-twitch .hpt-more:hover{background:#26272b}.hp-twitch .hpt-more:focus-visible{outline:2px solid #f45142;outline-offset:-2px}.hp-twitch .hpt-more-chev{border-bottom:2px solid;border-right:2px solid;height:8px;-webkit-transform:translateY(-2px) rotate(45deg);transform:translateY(-2px) rotate(45deg);transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease,-webkit-transform .15s ease;width:8px}.hp-twitch .hpt-more-chev.is-open{-webkit-transform:translateY(2px) rotate(-135deg);transform:translateY(2px) rotate(-135deg)}.hp-twitch .hpt-steps{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.hp-twitch .hpt-step{display:flex;flex-direction:column;gap:12px;padding:16px 16px 24px}.hp-twitch .hpt-step-shot{align-items:center;background:#2b2d31;border-radius:10px;box-shadow:inset 0 0 0 1px #34363c;display:flex;height:236px;justify-content:center;margin:0 0 6px;overflow:hidden}.hp-twitch .hpt-step-shot img{background:#2b2d31;display:block;height:auto;max-height:100%;max-width:100%;width:auto}.hp-twitch .hpt-step:nth-child(2) .hpt-step-shot{align-items:flex-start}.hp-twitch .hpt-step:nth-child(2) .hpt-step-shot img{max-height:none}.hp-twitch .hpt-step-list{background:#111214;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;height:236px;justify-content:center;margin-bottom:6px;padding:20px}.hp-twitch .hpt-step-title{align-items:center;display:flex;font-size:24px;gap:12px;margin:0}.hp-twitch .hpt-list{display:flex;flex-direction:column;gap:12px}.hp-twitch .hpt-list li{color:#dbdee1;display:flex;font-size:15px;gap:10px}.hp-twitch .hpt-list a{text-decoration:underline;-webkit-text-decoration-color:hsla(0,0%,100%,.35);text-decoration-color:hsla(0,0%,100%,.35);text-underline-offset:3px}.hp-twitch .hpt-list a:hover{-webkit-text-decoration-color:#f45142;text-decoration-color:#f45142}.hp-twitch .hpt-flow{align-items:center;background-color:#1e1f22;background-image:radial-gradient(#2e3035 1.2px,transparent 0);background-size:20px 20px;border-radius:16px;box-shadow:0 0 0 1px #2a2a2a;display:flex;flex-direction:column;padding:32px 20px}.hp-twitch .hpt-block{align-items:center;background:#2b2d31;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.3);box-sizing:border-box;display:flex;gap:10px;max-width:100%;padding:12px 14px;width:280px}.hp-twitch .hpt-block-icon{align-items:center;border-radius:7px;display:flex;flex:none;height:30px;justify-content:center;width:30px}.hp-twitch .hpt-block-t{font-size:13px;font-weight:700}.hp-twitch .hpt-block-s{color:#b5bac1;font-size:12px;overflow-wrap:anywhere}.hp-twitch .hpt-wire{background:#8e9297;height:26px;width:2px}.hp-twitch .hpt-branches{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:26px;position:relative;width:100%}.hp-twitch .hpt-branches:before{background:#8e9297;content:"";height:13px;left:50%;position:absolute;top:-26px;width:2px}.hp-twitch .hpt-branches:after{background:#8e9297;content:"";height:2px;left:25%;position:absolute;right:25%;top:-13px}.hp-twitch .hpt-branch{align-items:center;display:flex;flex-direction:column;gap:10px;position:relative}.hp-twitch .hpt-branch:before{background:#8e9297;content:"";height:13px;left:50%;position:absolute;top:-13px;width:2px}.hp-twitch .hpt-branch-label{border-radius:999px;color:#fff;font-size:12px;font-weight:700;padding:3px 11px}.hp-twitch .hpt-branch .hpt-block{width:100%}.hp-twitch .hpt-plans-wrap{margin:0 auto;max-width:980px;overflow:hidden;width:100%}.hp-twitch .hpt-team{grid-gap:56px;align-items:center;display:grid;gap:56px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.hp-twitch .hpt-related{grid-gap:48px;align-items:start;display:grid;gap:48px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.hp-twitch .hpt-rows{background:#1a1a1a;border-radius:16px;box-shadow:inset 0 0 0 1px #2a2a2a;list-style:none;margin:0;overflow:hidden;padding:0}.hp-twitch .hpt-rows li+li{box-shadow:0 -1px 0 #2a2a2a}.hp-twitch .hpt-row{align-items:center;color:#fff;display:flex;gap:16px;padding:18px 20px}.hp-twitch a.hpt-row:hover{background:#212121;color:#fff}.hp-twitch .hpt-row-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.hp-twitch .hpt-row-arrow{color:#949ba4;display:flex;transition:color .15s ease,-webkit-transform .15s ease;transition:transform .15s ease,color .15s ease;transition:transform .15s ease,color .15s ease,-webkit-transform .15s ease}.hp-twitch a.hpt-row:hover .hpt-row-arrow{color:#f45142;-webkit-transform:translateX(3px);transform:translateX(3px)}@media (max-width:960px){.hp-twitch .hpt-hero-grid{grid-template-areas:"h1" "art" "rest";grid-template-columns:minmax(0,1fr);row-gap:28px}.hp-twitch .hpt-live-grid,.hp-twitch .hpt-related,.hp-twitch .hpt-team,.hp-twitch .hpt-vars-grid{gap:32px;grid-template-columns:minmax(0,1fr)}.hp-twitch .hpt-live-dc{position:static}.hp-twitch .hpt-steps{grid-template-columns:minmax(0,1fr);margin:0 auto;max-width:560px;width:100%}}@media (max-width:600px){.hp-twitch .hpt-hide-sm,.hp-twitch .hpt-plans thead,.hp-twitch .hpt-vars thead{display:none}.hp-twitch .hpt-plans tr,.hp-twitch .hpt-vars tr{display:flex;flex-direction:column;gap:4px;padding:14px 16px}.hp-twitch .hpt-plans td,.hp-twitch .hpt-plans th,.hp-twitch .hpt-vars td,.hp-twitch .hpt-vars th{display:block;padding:0}.hp-twitch .hpt-vars td.hpt-hide-sm{display:none}.hp-twitch .hpt-vars th[scope=row] .hpt-var{overflow-wrap:anywhere;white-space:normal;word-break:normal}.hp-twitch .hpt-plans td{display:flex;font-size:14px;gap:10px}.hp-twitch .hpt-plans td:before{color:#949ba4;content:attr(data-plan);flex:none;font-weight:600;width:64px}.hp-twitch .hpt-plans th{margin-bottom:4px}.hp-twitch .hpt-branches{gap:22px;grid-template-columns:minmax(0,1fr)}.hp-twitch .hpt-branch:before,.hp-twitch .hpt-branches:after{display:none}.hp-twitch .hpt-msg{gap:10px}.hp-twitch .hpt-embed-fields{gap:18px}.hp-twitch .hpt-flow{padding:24px 14px}.hp-twitch .hpt-hero-dc>div:last-child{padding:14px 12px 16px!important}.hp-twitch .hpt-live-feed{padding:14px 12px 16px}.hp-twitch .hpt-tl-title{font-size:21px}.hp-twitch .hpt-row{gap:12px;padding:16px}}@media (prefers-reduced-motion:reduce){.hp-twitch .hpt-more-chev,.hp-twitch .hpt-row-arrow{transition:none}}