.plr-toc-list{list-style:none;display:flex;flex-direction:column;gap:20px;align-items:stretch;padding:50px 20px 30px;overflow-x:hidden;overflow-y:auto;border-right:solid 1px #c6cad5;flex-grow:0;flex-shrink:0;flex-basis:340px;float:left;margin:0}.plr-toc-list li{width:100%;cursor:pointer;transition:all .2s ease;padding:0;border-radius:6px;border:1px solid transparent;font-size:16px;line-height:110%}.plr-toc-list li,.plr-toc-list li a{text-decoration:none;color:inherit}.plr-toc-list li:hover{color:#000!important}.plr-toc-list li.selected{color:#000;font-weight:500}.iframe-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:640px;min-height:380px;background-color:#fff;border:1px dashed #c6cad5;color:#9ca4ba;border-radius:8px;flex-grow:1;flex-shrink:1}.ptw--banner h1{transition:all .3s ease}.ptw-dynamic-search-bar{display:flex;justify-content:center;align-items:center;width:100%}.ptw-dynamic-search-bar input{flex-grow:1;flex-shrink:1;height:44px;border-radius:22px 0 0 22px;background:white;max-width:400px;transition:max-width .18s;outline:none!important;padding:0 6px 0 20px;border:1px solid #c1cce9;border-width:1px 0 1px 1px;box-shadow:0 1px 5px #4f6ec900 inset}.ptw-dynamic-search-bar input::-webkit-input-placeholder{font-size:16px;color:#bcc7e5}.ptw-dynamic-search-bar input::-moz-placeholder{font-size:16px;color:#bcc7e5}.ptw-dynamic-search-bar input:-ms-input-placeholder{font-size:16px;color:#bcc7e5}.ptw-dynamic-search-bar input::placeholder{font-size:16px;color:#bcc7e5}.ptw-dynamic-search-bar input:focus,.ptw-dynamic-search-bar input:focus-visible{max-width:600px;border-color:#fe701c;box-shadow:0 1px 5px #e07038cc inset}.ptw-dynamic-search-bar input:focus+button,.ptw-dynamic-search-bar input:focus-visible+button{background:linear-gradient(180deg,#ff8935 0%,#fd5501 100%);border-color:#fe701c}.ptw-dynamic-search-bar button{flex-grow:0;flex-shrink:0;height:44px;min-width:60px;border-radius:0 22px 22px 0;border:1px solid #c1cce9;background:linear-gradient(180deg,#ffffff 0%,#ffffff 100%)}.plr-tutorial-view-frame{justify-content:center;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0 auto;flex-grow:1;flex-shrink:1;width:100%;height:100%;max-width:calc(100vw - 340px);overflow:auto hidden;padding:0;position:relative;container-type:size;container-name:tutorial-viewport}.plr-tutorial-view-frame .carousel{background:white;width:100%;height:100%;flex-grow:1;flex-shrink:1;padding:0;position:relative}.plr-tutorial-view-frame .carousel .slideshow-controls{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:hsla(150deg,100%,50%,.1);background-color:transparent;display:flex;align-items:center;justify-content:space-between;z-index:3;transition:opacity .2s}.plr-tutorial-view-frame .carousel .slideshow-controls .carousel-indicators{width:calc(100% - 140px);height:44px;margin:0;position:absolute;left:70px;bottom:20px;overflow:hidden;display:flex;justify-content:center;align-items:center;gap:3px;padding:1px 54px;border-radius:22px;border:1px solid #F2F5FC;background:linear-gradient(180deg,#E4E7F0 0%,#CDD3E3 100%);box-shadow:0 -1px #a6b1cd inset,0 12px 2.5px #03206b0f,0 6px 16.3px #03206b1a}.plr-tutorial-view-frame .carousel .slideshow-controls .carousel-indicators button{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:black;flex-grow:1;flex-shrink:1;display:inline-block;height:24px;text-indent:unset;margin:0;border-width:0;flex:1 1 auto;background:white;color:#000;opacity:1;border-radius:5px;transition:background .2s}.plr-tutorial-view-frame .carousel .slideshow-controls .carousel-indicators button:not(:disabled):not(.active):hover{background-color:#ffffff80}.plr-tutorial-view-frame .carousel .slideshow-controls .carousel-indicators button.active{background:#FF6200;color:#fff}.plr-tutorial-view-frame .carousel .slideshow-controls .carousel-control-prev,.plr-tutorial-view-frame .carousel .slideshow-controls .carousel-control-next{position:absolute;top:0;border-radius:0;width:60px;height:100%;justify-content:center;padding:0;background-color:#5d6da00d;opacity:1!important}.plr-tutorial-view-frame .carousel .slideshow-controls .carousel-control-prev:not(:disabled),.plr-tutorial-view-frame .carousel .slideshow-controls .carousel-control-next:not(:disabled){background-color:#5d6da033}.plr-tutorial-view-frame .carousel .slideshow-controls .carousel-control-prev:not(:disabled):hover,.plr-tutorial-view-frame .carousel .slideshow-controls .carousel-control-next:not(:disabled):hover{background-color:#5d6da057}.plr-tutorial-view-frame .carousel .slideshow-controls .carousel-control-prev:not(:disabled):active,.plr-tutorial-view-frame .carousel .slideshow-controls .carousel-control-next:not(:disabled):active{background-color:#5d6da070}.plr-tutorial-view-frame .carousel .slideshow-controls .carousel-control-next{right:0;background-repeat:no-repeat;background-position:center center;background-image:url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='28' height='26' viewBox='0 0 28 26' fill='none'><path d='M0 26L27.8574 13L0 0V26Z' fill='white'/></svg>")}.plr-tutorial-view-frame .carousel .slideshow-controls .carousel-control-next .carousel-control-next-icon{display:none}.plr-tutorial-view-frame .carousel .slideshow-controls .carousel-control-prev{left:0;background-repeat:no-repeat;background-position:center center;background-size:28px 26px;background-image:url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='28' height='26' viewBox='0 0 28 26' fill='none'><path d='M27.8574 26L0 13L27.8574 0V26Z' fill='white'/></svg>")}.plr-tutorial-view-frame .carousel .slideshow-controls .carousel-control-prev .carousel-control-prev-icon{display:none}.plr-tutorial-view-frame .carousel .carousel-inner{height:100%;background:linear-gradient(180deg,rgba(255,255,255,0) calc(100% - 214px),rgba(195,202,221,.42) 100%)}.plr-tutorial-view-frame .carousel .carousel-inner .article-title{position:absolute;left:0;padding:10px calc(50% - 400px);top:0;width:100%;text-align:center;background:hsla(0deg,0%,100%,.2);backdrop-filter:blur(20px);margin:0;font-size:24px}.plr-tutorial-view-frame .carousel .carousel-item{height:100%;overflow:visible;position:relative;padding:0 70px}.plr-tutorial-view-frame .carousel .carousel-item .step-num{display:none!important}.plr-tutorial-view-frame .carousel .carousel-item.carousel-enter-active,.plr-tutorial-view-frame .carousel .carousel-item.carousel-leave-active{transition:opacity .2s}.plr-tutorial-view-frame .carousel .carousel-item.carousel-enter-from{opacity:0}.plr-tutorial-view-frame .carousel .carousel-item.carousel-leave-from,.plr-tutorial-view-frame .carousel .carousel-item.carousel-enter-to{opacity:1}.plr-tutorial-view-frame .carousel .carousel-item.carousel-leave-to{opacity:0}.plr-tutorial-view-frame .carousel .carousel-item .ptw--slide-content{width:100%;max-width:960px;height:100%;overflow:visible;margin:auto;position:relative;display:flex;flex-direction:column;gap:0;align-items:stretch;padding:50px 0 66px}.plr-tutorial-view-frame .carousel .carousel-item .ptw--slide-content:has(.scribe-title),.plr-tutorial-view-frame .carousel .carousel-item .ptw--slide-content:has(.scribe-description){flex-direction:column;justify-content:center;align-items:center;gap:20px}.plr-tutorial-view-frame .carousel .carousel-item .ptw--slide-content:has(.scribe-title) .scribe-title,.plr-tutorial-view-frame .carousel .carousel-item .ptw--slide-content:has(.scribe-title) .scribe-description,.plr-tutorial-view-frame .carousel .carousel-item .ptw--slide-content:has(.scribe-description) .scribe-title,.plr-tutorial-view-frame .carousel .carousel-item .ptw--slide-content:has(.scribe-description) .scribe-description{max-width:700px;text-align:center}.plr-tutorial-view-frame .carousel .carousel-item .scribe-step{display:inline-block;z-index:4;order:2;padding:30px 10px 20px;font-size:16px;font-weight:700;overflow:visible scroll;width:100%;max-width:800px;margin:0 auto;flex-grow:1;flex-shrink:1}.plr-tutorial-view-frame .carousel .carousel-item .scribe-step .scribe-step-text{font-size:18px;font-weight:700;line-height:150%;margin:0 auto;text-align:left}.plr-tutorial-view-frame .carousel .carousel-item .scribe-step .scribe-step-text strong{background:hsla(230deg,50%,60%,.2);padding:0 14px;color:#000;border-radius:6px}.plr-tutorial-view-frame .carousel .carousel-item .scribe-screenshot-container{z-index:1;order:1;display:flex;justify-content:center;align-items:flex-end;margin:0;flex-grow:1;flex-shrink:0}.plr-tutorial-view-frame .carousel .carousel-item .scribe-screenshot-container .scribe-screenshot{margin:0;width:100%;height:400px;min-height:400px;max-width:800px;object-fit:contain;background:hsl(230deg,20%,80%);border-radius:5px;box-shadow:0 15px 30px #666f9966,0 0 0 1px #666f9966}.plr-tutorial-view-frame .ptw--version{font-weight:400;font-size:12px;line-height:24px;color:#fff;background-color:#4e69b1;height:24px;padding:0 12px;border-radius:12px;z-index:4;order:2}.plr-tutorial-view-frame .scribe-title{font-size:30px;font-weight:700;width:100%;margin:0}.plr-tutorial-view-frame .scribe-description,.plr-tutorial-view-frame .scribe-author{display:inline-flex;flex-direction:column;align-items:center;gap:20px;width:100%;font-size:18px;line-height:120%;font-weight:500;color:#7e8095;border-radius:3px;position:static!important}.plr-tutorial-view-frame .scribe-description b,.plr-tutorial-view-frame .scribe-author b{font-weight:inherit}.plr-tutorial-view-frame .scribe-description a,.plr-tutorial-view-frame .scribe-author a{text-decoration:none!important;color:inherit}.plr-tutorial-view-frame .ptw--categories{display:none}@media (max-width: w-threshold){.plr-tutorial-view-frame .carousel .carousel-inner .carousel-item .ptw--slide-content{max-width:94.1176470588cqw}.plr-tutorial-view-frame .carousel .carousel-inner .carousel-item .ptw--slide-content .scribe-step{padding-left:.9803921569cqw;padding-right:.9803921569cqw;max-width:78.431372549cqw}}@media (max-height: 752px){.plr-tutorial-view-frame .carousel .carousel-inner .article-title{font-size:3.4285714286cqh;padding-top:1.4285714286cqh;padding-bottom:1.4285714286cqh}.plr-tutorial-view-frame .carousel .carousel-inner .carousel-item .ptw--slide-content{padding:7.1428571429cqh 0 9.4285714286cqh}.plr-tutorial-view-frame .carousel .carousel-inner .carousel-item .ptw--slide-content .scribe-step{padding-top:4.2857142857cqh;padding-bottom:2.8571428571cqh;font-size:2.2857142857cqh}.plr-tutorial-view-frame .carousel .carousel-inner .carousel-item .ptw--slide-content .scribe-step .scribe-step-text{font-size:2.5714285714cqh}.plr-tutorial-view-frame .carousel .carousel-inner .carousel-item .ptw--slide-content .scribe-screenshot-container .scribe-screenshot{height:57.1428571429cqh;min-height:57.1428571429cqh}.plr-tutorial-view-frame .carousel .slideshow-controls .carousel-indicators{height:6.2857142857cqh;bottom:2.8571428571cqh;border-radius:3.1428571429cqh}.plr-tutorial-view-frame .carousel .slideshow-controls .carousel-indicators button{height:3.4285714286cqh;border-radius:.7142857143cqh;font-size:2.2857142857cqh}.plr-tutorial-view-frame .scribe-title{font-size:4.2857142857cqh;line-height:5.1428571429cqh}.plr-tutorial-view-frame .scribe-description,.plr-tutorial-view-frame .scribe-author{gap:2.8571428571cqh;font-size:2.5714285714cqh;margin-bottom:4.2857142857cqh}.plr-tutorial-view-frame .ptw--version{font-size:1.7142857143cqh;line-height:3.4285714286cqh;height:3.4285714286cqh;padding:0 1.7142857143cqh;border-radius:1.7142857143cqh}}.ptw--fullsize-frame{position:fixed;top:0;left:0;z-index:2;width:100vw;height:100dvh;overflow:hidden;padding-top:52px;display:flex;align-items:stretch;overflow-x:hidden}.ptw--fullsize-frame>*{height:100%}.ptw--fullsize-frame .plr-toc-list{flex-basis:340px;min-width:340px;flex-shrink:0}body:has(.plr-tutorial-view-frame) footer{display:none}
