.page-demo-player{position:absolute;top:0;bottom:0;left:0;right:0;max-height:100%;background-color:#000}.page-demo-player .poster{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;cursor:pointer}.page-demo-player .startbtn{min-width:15rem;min-height:15rem}.page-demo-player .overlay{display:flex;align-items:center;justify-content:center;height:100%}.page-demo-player .error-message{color:#fa423c}.pp-ui-video-container{height:100vh;padding:0}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{color:#b1b1b1;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.6em;font-weight:300;letter-spacing:.01em;line-height:1.6}a{color:#fa423c;text-decoration:none}a:focus,a:hover{color:#b1b1b1}p{margin-block-end:1rem}.icon{font-family:Material Icons,serif;font-style:normal;text-align:center;padding:0;line-height:1.4;width:32px;height:32px;min-width:32px;min-height:32px;font-size:2.3rem;align-self:center}.icon.error-icon{color:#fa423c}.error-box{border:1px solid #fa423c;border-radius:1rem;width:100%;margin-bottom:1rem}.error-header{display:flex;align-items:center;border:transparent;border-top-right-radius:1rem;border-top-left-radius:1rem;padding:1rem 2rem;background-color:#f4f5f6}.error-content-box{position:relative;overflow:auto;padding:1rem;margin:1rem}.error-content{position:relative;max-height:250px}.error-info{border:transparent;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;padding:1rem 2rem;background-color:#f4f5f6}.error-info ul{padding-left:2.5rem;padding-bottom:1rem}.error-info ul li{padding-left:0;padding-bottom:0}.error-info li{padding-left:1.1rem;padding-bottom:1rem}.error-docs-header{padding-bottom:2rem}.error-docs{padding-top:1rem}b,strong{font-weight:700}p{margin-top:0}h1,h2,h3,h4,h5,h6{font-weight:300;letter-spacing:-.1rem;margin-bottom:2rem;margin-top:0}h1{font-size:2.8rem;line-height:1.2}h2{font-size:2.2rem;line-height:1.25}h3{font-size:2rem;line-height:1.3}h4{font-size:1.6rem;letter-spacing:-.08rem;line-height:1.35}h5{font-size:1.5rem;letter-spacing:-.05rem;line-height:1.5}h6{font-size:1.4rem;letter-spacing:0;line-height:1.4}table{border-spacing:0;width:100%}td,th{border-bottom:.1rem solid #e1e1e1;padding:0 .4rem;text-align:left}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}input:not([type]),input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=week],select,textarea{appearance:none;background-color:transparent;border:.1rem solid #d1d1d1;border-radius:.4rem;box-shadow:none;box-sizing:inherit;height:32px;padding:.6rem 1rem;margin:1rem .5rem;width:calc(100% - 2rem)}input:not([type]):focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#fa423c;outline:0}input[type=range]{appearance:none;background-color:transparent;border:.1rem solid #d1d1d1;border-radius:.4rem;box-shadow:none;box-sizing:inherit;margin:1rem .5rem;width:calc(100% - 2rem)}input[type=range]:focus{border-color:#fa423c;outline:0}select{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%23d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') 100% no-repeat;padding-right:3rem}select:focus{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%239b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>')}textarea{min-height:6.5rem}label,legend{display:block;font-size:1.6rem;font-weight:700;margin-bottom:.5rem}fieldset{border-width:0;padding:0}input[type=checkbox],input[type=radio]{display:inline;vertical-align:text-bottom}.label-inline{display:inline-block;font-weight:400;margin-left:.5rem}.input-help{font-size:1.4rem;font-weight:400;margin-left:1rem}.input-range-value{margin:auto;font-weight:400;width:50px}.iconify input{border-top-right-radius:0;border-bottom-right-radius:0}.input.icon{border:.1rem solid #d1d1d1;border-top-right-radius:.4rem;border-bottom-right-radius:.4rem;border-left:none;box-shadow:none;box-sizing:inherit;margin:1rem .5rem;margin-left:-15px}.button{background-color:transparent;color:#fa423c;border:.1rem solid #fa423c;border-radius:.4rem;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;padding:0 1rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;align-self:center;margin:1rem;height:32px}.button i{text-transform:none;font-weight:400;padding-left:0}.button:focus,.button:hover{outline:0;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.button[disabled]{cursor:default;opacity:.5}.button[disabled]:focus,.button[disabled]:hover{box-shadow:none}.button.primary{background-color:#fa423c;color:#fff}.button.icon{padding:0;line-height:2rem;border-radius:50%;font-weight:400;letter-spacing:0;font-size:2.3rem;width:32px;min-width:32px;height:32px;min-height:32px;padding-top:1px;background-color:transparent;color:#fa423c;border:1px solid #fa423c}.button.icon .icon{padding:0;line-height:0}.button.button-icon{position:relative;padding-left:32px}.button.button-icon .icon{position:absolute;top:0;left:0}.button.rect{border-radius:.4rem}.button.selected{background-color:#b1b1b1}.button.grid{margin-left:0;margin-right:0;border-radius:0}.button.grid.left{margin-left:1rem;border-right:none;border-top-left-radius:.4rem;border-bottom-left-radius:.4rem}.button.grid.right{margin-right:1rem;border-left:none;border-top-right-radius:.4rem;border-bottom-right-radius:.4rem}a.button{padding-top:4px}.v-space{margin-top:2rem}.v-space,.v-space-bottom{margin-bottom:2rem}.v-space-top{margin-top:2rem}.flex-row{display:flex;flex-direction:column}.flex-spacer{flex:1 1 auto}.toolbar{display:flex;padding:1rem}.page{padding:2rem}.offset-left,.offset-right{margin-left:1rem}@media(min-width:600px){.flex-row{display:flex;flex-direction:row}.space-left{padding-left:2rem}}.config-header{font-size:2.2rem;font-weight:400;padding-top:2rem;padding-left:1rem}.config-subheader{font-size:1.8rem;font-weight:400;padding-top:1.5rem;padding-left:0}.config-section{padding-left:1rem;padding-right:1rem}@media(min-width:600px){.config-header{margin-top:3rem;padding-top:3rem;padding-left:3rem;border-top:1px solid #f4f5f6}.config-section{padding-left:3rem;padding-right:3rem}}.docs-nav-bar{min-width:100%;padding:1rem}.docs-container{display:flex}.docs-container .space-left{padding-left:2rem}.docs-content{flex:1 1 auto;min-height:100%;min-width:0;margin-left:1rem;margin-right:1rem;margin-top:1rem}.docs-content pre{overflow:auto;max-width:100%}.docs-content h2{font-weight:400;padding-top:1.2rem;padding-bottom:1.2rem;padding-left:1rem;margin-bottom:0}.docs-content h3{margin-top:1rem}.docs-content h3,.docs-content h4{font-weight:400;margin-bottom:1rem}.docs-content h4{text-decoration:underline}.docs-content ul{padding-left:2.5rem;padding-bottom:1rem}.docs-content ul li{padding-left:0;padding-bottom:0}.docs-content li{padding-left:1.1rem;padding-bottom:1rem}.docs-content .manual-page h1,.docs-content .manual-page h2,.docs-content .manual-page h3,.docs-content .manual-page h4,.docs-content .manual-page h5,.docs-content .manual-page h6{padding:0;padding-bottom:1rem;padding-top:3rem}.docs-content .manual-page h1{margin-bottom:0;padding-bottom:1rem;padding-top:0}.docs-content .manual-page h2{background-color:transparent;font-size:2.2rem;font-weight:400;padding-left:0;margin-bottom:0}.docs-content .manual-page h3{font-size:2rem;font-weight:400;margin-bottom:1rem;margin-top:1rem}.docs-content .manual-page h4{font-size:1.6rem;text-decoration:underline;font-weight:400;margin-bottom:1rem}.docs-content .clpp-api-element{border:1px solid #d1d1d1;margin-bottom:1rem;margin-top:1rem;margin-right:1rem}.docs-content .class-description{margin-top:2rem;padding-bottom:2rem}.docs-content .experimental-warning{background-color:#ffebeb;padding:1rem;margin-bottom:1rem;margin-top:4px}.docs-content .clpp-api-badge{display:inline-flex;position:static;background-color:#f4f5f6;padding:.5rem;margin-right:2rem;margin-left:2rem;font-size:1.1rem}.docs-content .clpp-api-name{font-family:monospace}.docs-content .clpp-api-deprecated{text-decoration:line-through;text-decoration-color:rgba(250,66,60,.8)}.docs-content .clpp-api-title{font-size:16px;background-color:#f4f5f6;padding:1rem}.docs-content .clpp-api-title-primary{font-size:2.65rem;padding-bottom:1rem}.docs-content .clpp-api-level{margin-left:10px;margin-right:10px}.docs-content .clpp-api-description{margin-bottom:5px}.docs-content .clpp-api-prop-table{overflow:auto;max-width:100vw;width:100%}.docs-content .short-summary{margin-bottom:0}.docs-content .short-summary p{margin:0;padding:0}.docs-content .detail-summary{display:inline;font-family:Roboto,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif}.docs-content .detail-summary :not(ul,li){display:inline}.docs-content .detail-summary p{margin:0;padding:0}.docs-content .clpp-api-label{font-weight:700;margin-right:1rem}.docs-content .description-column{padding:1rem .5rem}.docs-content .description-column,.docs-content .description-header-column{width:70%;min-width:250px}.docs-content .name-column{font-family:monospace;font-size:1.2rem;max-width:350px;overflow:auto}.docs-content .type-column,.docs-content .type-header-column{padding-left:2rem;padding-right:2rem}.docs-content .event-type{font-family:monospace}.docs-nav{flex:0 1 auto;border-right:1px solid #888;margin-top:1rem;padding-left:1rem}@media(max-width:1600px){.docs-nav{min-width:200px;max-width:200px;overflow:auto}}@media(min-width:1600px){.docs-nav{inline-size:min-content}}.docs-nav h1{font-size:2rem;font-weight:400;margin-bottom:1rem}.docs-nav ul{padding-bottom:2rem;list-style-type:none;margin-left:1rem}.docs-nav ul li{font-family:monospace;font-size:1.3rem}.docs-nav .manual-pages li{font-size:1.5rem;font-family:Roboto,serif}.docs-nav-absolute{position:absolute;top:0;min-height:100%;left:-100vw;max-width:100%;padding-top:2rem;padding-left:1rem;padding-right:1rem;background-color:#fff;transition:all .25s ease-in-out;overflow:visible;overflow-x:auto}.docs-wrapper{position:relative}.docs-nav-absolute-visible{left:0}.docs-nav-absolute-overlay{background-color:#000;opacity:.5;position:absolute;top:0;left:0;width:100%;height:100%}.docs-uts{margin:0 .4rem}@media(min-width:600px){.only-on-small{display:none}}@media(max-width:600px){.only-on-large{display:none}.docs-content{margin-top:0}}.viewport,body,html{padding:0;margin:0;width:100%;height:100%;min-width:320px}body{font-family:Roboto,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;color:#333;background-color:#e9e9e9}li,ul{padding:0;margin:0}.pp-app-container{display:flex;flex-direction:column;min-height:100%;max-width:1024px;margin:auto;background-color:#fff}.clearfix{overflow:auto}.clearfix:after{content:"";clear:both;display:table}::-webkit-scrollbar{width:6px;height:4px}::-webkit-scrollbar-track{background-color:#fff}::-webkit-scrollbar-thumb{background-color:#d1d1d1}header{background-color:#fa423c;background-image:url(../img/logo-white.da2ac0ac.png);background-repeat:no-repeat;background-position:8px 16px;background-size:auto 35px;position:relative}header .title{color:#fff;font-size:20px;text-align:center;margin-top:68px}header button{border:1px solid #fff;background-color:transparent;color:#fff;font-size:14px;border-radius:5px;text-transform:none;cursor:pointer;position:absolute;top:0;right:0;margin:16px}footer{padding:8px}footer ul{width:100%;color:#888;font-size:12px;text-align:center}footer ul li{display:inline;margin-left:4px}footer ul li:after{content:" •"}footer ul li:last-child:after{content:""}.pp-toolbar{overflow:auto;white-space:nowrap;width:100%;display:flex;flex-direction:row}.pp-toolbar ul{overflow:auto;flex:1 1 auto;color:#888;background-color:#f5f5f5;font-size:12px}.pp-toolbar ul li{cursor:pointer;display:inline-block;text-align:center;font-size:16px;margin:0 12px;padding:12px 8px}.pp-toolbar ul li.router-link-exact-active{color:#fa423c;border-bottom:2px solid #fa423c}.pp-toolbar-transparent ul{background-color:transparent;flex-grow:0}.primary-links .router-link-active{color:#fa423c;border-bottom:2px solid #fa423c}.pp-content{flex:1 0}@media(min-width:600px){header{height:68px}header .title{margin:auto auto auto 200px;padding-top:18px;text-align:left;font-size:20px;height:100%}footer{padding-top:16px;padding-bottom:16px}.pp-toolbar ul li{font-size:18px;margin:0 16px;padding:16px}}.scroll-on-focus{overflow:hidden}