@media(max-width:767.98px){body .site-content{padding-top:100px}body .site-content.no-pp-main-nav{padding-top:56px}body.isApp .site-content{padding-top:44px}}.pp-main-page{background-color:#fff}.pp-main-page.hide-pp-main-bar .pp-main-bar .pp-container{display:none}.creator-contract-container{position:relative}.creator-contract-container .creator-contract-header{border-bottom:1px solid #e6e6e6;border-top:3px solid #f79420;padding:.5rem;position:relative;text-align:center}.creator-contract-container .creator-contract-header h5{margin-bottom:0}.creator-contract-container .creator-contract-header .creator-contract-close{position:absolute;right:.5rem;top:.5rem}.creator-contract-container .creator-contract-content{-webkit-overflow-scrolling:touch;font-size:70%;height:500px;overflow:auto;padding:.5rem 1rem}@media(max-width:575.98px){.creator-contract-container .creator-contract-content{height:calc(100vh - 95px)}}.creator-contract-container .custom-checkbox.custom-checkbox-secondary .custom-control-input:active~.custom-control-label:before{background-color:rgba(35,55,75,.25);color:#fff}.creator-contract-container .custom-checkbox.custom-checkbox-secondary .custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(35,55,75,.25)}.creator-contract-container .custom-checkbox.custom-checkbox-secondary .custom-control-input:checked~.custom-control-label:before{background-color:#23374b;color:#fff}.pp-main-banner{background-color:#f6f6f6;background-position:50%;background-repeat:no-repeat;background-size:cover;max-height:14.375rem;min-height:14.375rem;position:relative}@media(max-width:575.98px){.pp-main-banner{margin-left:-1rem;margin-right:-1rem}}.pp-main-banner .pp-main-edit-bar{left:0;position:absolute;text-align:right;top:0;width:100%}.pp-main-banner.is-edit:before{background-color:rgba(35,55,75,.4);border-radius:.25rem;color:#fff;content:attr(data-edit-text);font-size:.875rem;left:50%;padding:.25rem .5rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.pp-main-banner.show-size .pp-main-edit-bar:before{background-color:rgba(35,55,75,.8);border-radius:.25rem;bottom:-2rem;color:#fff;content:attr(data-size);font-size:.75rem;left:.5rem;padding:.25rem .5rem;position:absolute;z-index:2}@media(max-width:767.98px){.pp-main-banner.show-size .pp-main-edit-bar:before{bottom:0}}.pp-main-banner .edit-main-banner{align-items:center;display:flex;justify-content:flex-end;position:absolute;right:0;top:-44px;transform:translateY(204px)}.pp-main-banner .edit-main-banner .edit-main-banner-button{align-items:center;background-color:#23374b;border-top-left-radius:4px;border-top-right-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;margin-right:.75rem;opacity:.8;padding:.25rem .5rem;transition:opacity .2s ease-in-out}.pp-main-banner .edit-main-banner .edit-main-banner-button:hover{opacity:1;transition:opacity .2s ease-in-out}@media(max-width:767.98px){.pp-main-banner .edit-main-banner{bottom:unset;position:static;top:unset;transform:translateY(0)}.pp-main-banner .edit-main-banner .edit-main-banner-button{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;margin-top:.5rem}}.pp-main-banner .pp-main-switch{align-items:center;background-color:rgba(35,55,75,.4);color:#fff;display:flex;flex-wrap:wrap;font-size:.875rem;justify-content:center;padding:.5rem;text-align:center;width:100%}.pp-main-banner .pp-main-switch .pp-main-switch-button{flex:0 0 auto;margin-left:.5rem}.pp-main-banner .pp-main-switch .pp-main-switch-button .btn{width:96px}.pp-main-banner .pp-main-switch .pp-main-switch-button .btn-outline-primary{background-color:#fff}.pp-main-banner .pp-main-switch .pp-main-switch-button .btn-outline-primary:hover{background-color:#f79420}@media(max-width:767.98px){.pp-main-banner .pp-main-switch .main-switch-button{margin-left:0;margin-top:.5rem}}.pp-main-banner .cropper-view-box{outline:none}.pp-main-info{border-radius:.25rem;box-shadow:0 0 .25rem 0 rgba(35,55,75,.4);color:#23374b;margin-bottom:1rem;margin-top:-44px;position:relative}.pp-main-info-header{background-color:rgba(255,255,255,.4);border-top-left-radius:.25rem;border-top-right-radius:.25rem;display:flex;overflow:hidden;padding:.5rem;position:relative}.pp-main-info-header:before{background-color:rgba(255,255,255,.8);content:"";display:block;filter:blur(1rem);height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.pp-main-info-header .pp-main-info-meta{flex:1 1 25%;padding:.125rem;position:relative;text-align:center;z-index:1}.pp-main-info-header .pp-main-info-meta:not(:first-child){border-right:1px solid #23374b}.pp-main-info-header .pp-main-info-meta:last-child{border-right:none}@media(max-width:767.98px){.pp-main-info-header .pp-main-info-meta{flex:1 1 33.333%}.pp-main-info-header .pp-main-info-meta[rel=empty]{flex:0 1 auto}}.pp-main-info-body,.pp-main-info-content{background-color:#fff;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.pp-main-info-body{align-items:center;display:flex;margin-left:auto;max-width:75%;padding:.5rem 1rem}@media(max-width:767.98px){.pp-main-info-body{margin-right:auto}}.pp-main-info-body .pp-main-info-head{align-items:flex-end;background-color:#f6f6f6;border-radius:50%;box-shadow:0 0 .25rem 0 rgba(35,55,75,.4);display:flex;flex:0 0 auto;height:90px;margin-left:calc(-6.25% - 45px);margin-top:-2rem;overflow:hidden;position:relative;width:90px;z-index:2}@media(max-width:767.98px){.pp-main-info-body .pp-main-info-head{border-radius:50%;height:60px;left:50%;margin-left:0;margin-top:0;position:absolute;top:-52px;transform:translateX(-50%);width:60px;z-index:2}}.pp-main-info-body .pp-main-info-head .edit-pp-main-info-head{background-color:#23374b;color:#fff;flex:1 1 auto;font-size:.875rem;opacity:.8;padding:.25rem .5rem;position:absolute;text-align:center;transform:translateY(100%);transition:all .2s ease-in;width:100%}.pp-main-info-body .pp-main-info-head:hover .edit-pp-main-info-head{opacity:1;transform:translate(0);transition:all .2s ease-in}.pp-main-info-body .pp-main-info-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1 1 auto;font-size:1.125rem;font-weight:700;margin-left:1rem;max-height:54px;overflow:hidden}@media(max-width:767.98px){.pp-main-info-body .pp-main-info-title{margin-left:0;text-align:center}}.pp-main-info-footer{background-color:#fff;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;border-top:1px solid #dee2e6;margin:0 .5rem}.pp-main-info-footer,.pp-main-info-footer>div{align-content:center;display:flex;justify-content:center}.pp-main-info-footer>div{flex:1 1 50%}.pp-main-info-footer>div:last-child{border-left:1px solid #dee2e6}.pp-main-info-footer .pp-main-info-footer-func>.btn{flex:1 1 auto;padding-bottom:10px;padding-top:10px;position:relative;text-align:center}.pp-main-info-footer .pp-main-info-footer-func .btn+.btn:before{background-image:linear-gradient(0deg,transparent 0,transparent 20%,#dee2e6 0,#dee2e6 80%,transparent 0,transparent);content:"";height:100%;left:0;position:absolute;top:0;width:1px}.pp-main-info-footer .pp-main-info-footer-func .follow-dropdown{display:inline-block;height:12px}.pp-main-info-footer .pp-main-info-footer-func .follow-dropdown .dropdown-menu{min-width:160px}.pp-main-info-footer .pp-main-info-footer-func .follow-dropdown .dropdown-menu .dropdown-body .dropdown-item .dropdown-select-box .select-item[rel=check]{display:none}.pp-main-info-footer .pp-main-info-footer-repo>.btn{border-radius:0;flex:1 1 auto;padding-bottom:10px;padding-top:10px;position:relative;text-align:center}.pp-main-info-footer .pp-main-info-footer-repo>.btn img{height:auto;width:14px}.pp-main-info-footer .pp-main-info-footer-repo>.btn.is-active{cursor:default;font-weight:700}.pp-main-info-footer .pp-main-info-footer-repo>.btn:hover:not(.is-active){background-color:#f6f6f6}.pp-main-info-footer .pp-main-info-footer-repo .btn+.btn:before{background-image:linear-gradient(0deg,transparent 0,transparent 20%,#dee2e6 0,#dee2e6 80%,transparent 0,transparent);content:"";height:100%;left:0;position:absolute;top:0;width:1px}.pp-main-process{margin-bottom:1.5rem;position:relative}.pp-main-process .pp-main-process-title{font-weight:700}.pp-main-process.process-loading{animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background-color:#f6f6f6;background-image:linear-gradient(270deg,#f6f6f6 0,white 15%,#f6f6f6 80%,#f6f6f6);background-repeat:no-repeat;background-size:1000px 1000px;border-radius:4px;height:111px;position:relative}@keyframes placeHolderShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.pp-main-process.process-loading .pp-main-process-container{box-shadow:none}.pp-main-process-container{align-items:center;background-color:#fff;border-radius:.25rem;box-shadow:0 0 .25rem 0 rgba(35,55,75,.4);color:#23374b;display:flex;justify-content:center;position:relative}@media(max-width:767.98px){.pp-main-process-container{display:block}}.pp-main-process-container .pp-main-process-steps{flex:1 1 50%;padding:1rem .75rem;position:relative}.pp-main-process-container .pp-main-process-steps .process-steps-title{font-size:.875rem;font-weight:700;margin-bottom:.5rem}.pp-main-process-container .pp-main-process-steps .process-steps-title .steps-percentage{color:#f79420;font-size:.75rem;font-weight:400}.pp-main-process-container .pp-main-process-steps .process-steps-title .steps-percentage:before{color:#23374b;content:"( "}.pp-main-process-container .pp-main-process-steps .process-steps-title .steps-percentage:after{color:#23374b;content:" )"}.pp-main-process-container .pp-main-process-steps .process-steps-content{align-items:center;display:flex;justify-content:flex-start}.pp-main-process-container .pp-main-process-steps+.pp-main-process-steps:before{background-image:linear-gradient(0deg,transparent 0,transparent 20%,#dee2e6 0,#dee2e6 80%,transparent 0,transparent);content:"";height:100%;left:0;position:absolute;top:0;width:1px}@media(max-width:767.98px){.pp-main-process-container .pp-main-process-steps+.pp-main-process-steps:before{background-image:none}}.pp-main-process-container .process-steps-detail{align-items:center;display:inline-flex;flex:1 1 auto;font-size:.75rem;justify-content:center;text-align:center}.pp-main-process-container .process-steps-detail .check-circle{border:1px solid #23374b;border-radius:50%;color:#f79420;flex:0 0 auto;height:14px;width:14px}.pp-main-process-container .process-steps-detail .check-circle i{font-size:1rem;position:relative;right:-2px;top:-4px}@media(max-width:767.98px){.pp-main-process-container .process-steps-detail{text-align:left}}.pp-main-process-container .pp-main-precess-finish{align-items:center;display:flex;flex:1 1 auto;justify-content:center;padding:1rem .75rem;position:relative}.pp-main-process-container .pp-main-precess-finish span{margin-right:1rem}.pp-main-process-container .pp-main-precess-finish .btn{max-width:12rem;text-align:center;width:12rem}@media(max-width:767.98px){.pp-main-process-container .pp-main-precess-finish{flex-wrap:wrap}.pp-main-process-container .pp-main-precess-finish .btn{flex:0 1 auto;margin-top:0}}@media(max-width:575.98px){.pp-main-process-container .pp-main-precess-finish{flex-wrap:wrap}.pp-main-process-container .pp-main-precess-finish span{margin-right:.5rem}.pp-main-process-container .pp-main-precess-finish .btn{margin-top:.5rem}}.pp-main-nav{align-content:center;background-color:#fff;display:flex;flex:1 1 auto;flex-wrap:wrap;justify-content:center;margin-bottom:1rem}.pp-main-nav .pp-main-nav-container,.pp-main-nav .pp-sub-nav-container{flex:1 1 auto;padding-left:1rem;padding-right:1rem}.pp-main-nav .pp-main-nav-container{background-color:#fff}@media(min-width:576px){.pp-main-nav .pp-main-nav-container{flex:0 0 100%;max-width:100%}}@media(min-width:768px){.pp-main-nav .pp-main-nav-container{flex:0 0 66.6666666667%;max-width:66.6666666667%}}@media(min-width:992px){.pp-main-nav .pp-main-nav-container{flex:0 0 58.3333333333%;max-width:58.3333333333%}}.pp-main-nav .pp-sub-nav-container{background-color:#fff}@media(min-width:576px){.pp-main-nav .pp-sub-nav-container{flex:0 0 100%;max-width:100%}}@media(min-width:768px){.pp-main-nav .pp-sub-nav-container{flex:0 0 33.3333333333%;max-width:33.3333333333%}}@media(min-width:992px){.pp-main-nav .pp-sub-nav-container{flex:0 0 25%;max-width:25%}}.pp-main-nav .main-nav,.pp-main-nav .sub-nav{align-items:center;border-bottom:1px solid #dee2e6;display:flex;flex-wrap:nowrap}.pp-main-nav .main-nav .nav-item .btn,.pp-main-nav .sub-nav .nav-item .btn{padding-bottom:9px;padding-top:9px}.pp-main-nav .main-nav .nav-item:last-child{margin-left:auto}.pp-main-nav .main-nav.flex-view .nav-item{flex:1 1 auto}.pp-main-nav .main-nav.flex-view .nav-item .btn{display:block;text-align:center}.pp-main-nav .sub-nav .nav-item:not(:first-child){flex:1 1 auto}.pp-main-nav .sub-nav .nav-item:not(:first-child) .btn{border-bottom-left-radius:0;border-bottom-right-radius:0}.pp-main-nav .sub-nav .nav-item.is-disabled{cursor:default;opacity:.65}.pp-main-nav .sub-nav .nav-item.channel-item:nth-child(2) .btn{border-top-right-radius:0;padding-left:.5rem;padding-right:.5rem}.pp-main-nav .sub-nav .nav-item.channel-item:nth-child(3){position:relative}.pp-main-nav .sub-nav .nav-item.channel-item:nth-child(3) .btn{border-top-left-radius:0;padding-left:.5rem;padding-right:.5rem}.pp-main-nav .sub-nav .nav-item.channel-item:nth-child(3):before{background-image:linear-gradient(0deg,transparent 0,transparent 20%,#ffffff 0,#ffffff 80%,transparent 0,transparent);content:"";height:100%;left:0;position:absolute;top:0;width:1px}.pp-main-nav .nav-item{position:relative}.pp-main-nav .nav-item .btn{padding-bottom:10px;padding-top:10px}.pp-main-nav .nav-item .btn#share-url-btn{position:relative;z-index:1}.pp-main-nav .nav-item .btn.is-disable{background-color:silver}.pp-main-nav .nav-item .btn.is-subscribe{background-color:#f79420;color:#fff}.pp-main-nav .nav-item .btn.is-purchase{background-color:#009fba;color:#fff}.pp-main-nav .nav-item .btn.is-trial{background-color:#00b482;color:#fff}.pp-main-nav .nav-item .btn.is-false{background-color:#fff;color:#848484}.pp-main-nav .nav-item .btn.is-edit{background-color:#fff;cursor:pointer;opacity:1}.pp-main-nav .nav-item .btn.is-default{background-color:#fff;opacity:1}.pp-main-nav .nav-item.is-active:before{background-color:#f79420;border-radius:10rem;bottom:0;content:"";display:block;height:3px;left:0;position:absolute;width:100%}.pp-main-nav .nav-item.is-active .btn-link,.pp-main-nav .nav-item:hover .btn-link{font-weight:700}.pp-main-nav .setting-dropdown{height:14px!important}.pp-main-nav .setting-dropdown .dropdown-menu{box-shadow:0 1px 8px 0 rgba(35,55,75,.2);min-width:160px;z-index:200}@media(max-width:767.98px){.pp-main-nav .pp-main-nav-container,.pp-main-nav .pp-sub-nav-container{left:0;padding-left:0;padding-right:0;position:fixed;width:100%;z-index:100}.pp-main-nav .main-nav{overflow-x:scroll;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.pp-main-nav .main-nav::-webkit-scrollbar{display:none}.pp-main-nav .main-nav .nav-item{flex:0 0 auto}.pp-main-nav .main-nav .nav-item:last-child{display:none}.pp-main-nav .sub-nav{border-bottom:none;border-top:1px solid #dee2e6}.pp-main-nav .sub-nav .nav-item:not(:first-child) .btn{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.pp-main-nav .sub-nav .nav-item.is-disabled{cursor:default;opacity:.65}.pp-main-nav .sub-nav .nav-item.channel-item:nth-child(2) .btn{border-top-left-radius:0}}.pp-main-nav-fixed{background-color:#fff;border-bottom:1px solid #dee2e6;left:0;position:fixed;right:0;width:100%;z-index:199}.pp-main-nav-fixed .pp-main-nav{margin-bottom:0}.pp-main-nav-fixed .main-nav,.pp-main-nav-fixed .sub-nav{border-bottom:none}.pp-main-nav-fixed .sub-nav .nav-item .btn{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}@media(max-width:767.98px){.pp-main-nav-empty-offset{padding-top:0}}