.bPlDashboard{background:linear-gradient(180deg,rgba(250,167,43,.133),rgba(43,105,250,0)),radial-gradient(circle at 10% 60%,rgba(86,235,255,.247),transparent 25%),radial-gradient(circle at 90% 70%,rgba(247,17,122,.122),transparent 20%),repeating-linear-gradient(90deg,rgba(72,87,129,.067) 0,rgba(72,87,129,.067) 1px,transparent 0,transparent 50px),repeating-linear-gradient(180deg,rgba(72,87,129,.067) 0,rgba(72,87,129,.067) 1px,transparent 0,transparent 50px);margin:0 -20px;max-width:calc(100% + 20px);min-height:100vh;width:calc(100% + 20px)}.bPlDashboard *{box-sizing:border-box;line-height:1.5;margin:0;padding:0}.bPlDashboard .bPlDashboardContainer{margin:0 auto;max-width:1320px;padding:0 15px;width:100%}.bPlDashboard .bPlDashboardMain .bPlDashboardContainer{display:flex;flex-direction:column;gap:35px;padding:20px 0}.bPlDashboard .bPlDashboardBox{background-color:#fff;border:1px solid rgba(72,87,129,.5);border-radius:20px 20px 20px 20px;box-shadow:0 0 0 0 rgba(20,10,245,.2)}.bPlDashboard .bPlDashboardButtons{align-items:center;display:flex;gap:10px}
.bPlButton{align-items:center;border:none;border-radius:.5em;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:10px;outline:0;overflow:hidden;padding:12px 28px;position:relative;text-decoration:none;transition:all .5s ease-in-out;z-index:0}.bPlButton svg{fill:currentColor;height:1.2em;width:1.2em}.bPlButton:focus,.bPlButton:hover{box-shadow:none;outline:0}.bPlButton.variant-primary,.bPlButton.variant-secondary{color:#fff}.bPlButton.variant-primary:before,.bPlButton.variant-secondary:before{background:#070127;content:"";height:100%;left:0;position:absolute;top:0;transition:all .5s ease-in-out;width:0;z-index:-1}.bPlButton.variant-primary:hover:before,.bPlButton.variant-secondary:hover:before{width:100%}.bPlButton.variant-primary.white:before,.bPlButton.variant-secondary.white:before{background:#fff}.bPlButton.variant-primary{background:#146ef5}.bPlButton.variant-primary.white:hover{color:#146ef5}.bPlButton.variant-primary.outline{background:transparent;border:2px solid #146ef5;color:#146ef5}.bPlButton.variant-primary.outline:before{background:#146ef5}.bPlButton.variant-primary.outline:hover{color:#fff}.bPlButton.variant-primary.outline.white{border:2px solid #fff;color:#fff}.bPlButton.variant-primary.outline.white:before{background:#fff}.bPlButton.variant-primary.outline.white:hover{color:#146ef5}.bPlButton.variant-secondary{background:#ff7a00}.bPlButton.variant-secondary.white:hover{color:#ff7a00}.bPlButton.variant-secondary.outline{background:transparent;border:2px solid #ff7a00;color:#ff7a00}.bPlButton.variant-secondary.outline:before{background:#ff7a00}.bPlButton.variant-secondary.outline:hover{color:#fff}.bPlButton.size-medium{font-size:14px;padding:8px 18px}.bPlButton.size-small{font-size:12px;padding:6px 14px}
.bPlLoading .loadingContent{align-items:center;display:flex;flex-direction:column;gap:15px}.bPlLoading .loadingContent.horizontal{flex-direction:row}.bPlLoading .loadingContent .loadingSpinner{animation:bPlLoadingSpin 1s linear infinite;border:4px solid #146ef5;border-radius:50%;border-top-color:transparent;height:2rem;width:2rem}.bPlLoading .loadingContent .loadingText{color:#485781;font-size:18px}@keyframes bPlLoadingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
.bPlDashboardListDemos{background:#fff;border-radius:20px;box-shadow:0 20px 25px -5px rgba(0,0,0,.102),0 8px 10px -6px rgba(0,0,0,.102);display:flex;height:calc(100dvh - 160px - var(--wp-admin--admin-bar--height, 32px));max-width:100%;min-height:600px;overflow:hidden}.bPlDashboardListDemos .sidebar{background:#070127;color:#fff;display:flex;flex-direction:column;min-width:320px;padding:20px 0}.bPlDashboardListDemos .sidebar .sidebarHeader{margin-bottom:15px;padding:0 15px}.bPlDashboardListDemos .sidebar .sidebarHeader h2{color:#fff;font-size:28px;margin-bottom:8px}.bPlDashboardListDemos .sidebar .sidebarHeader p{color:#9ca3af;font-size:15px;margin:0}.bPlDashboardListDemos .sidebar .sidebarHeader .bPlDashboardButtons{display:none}.bPlDashboardListDemos .sidebar .sidebarList{display:flex;flex:1;flex-direction:column;gap:12px;overflow:auto;padding:0 15px}.bPlDashboardListDemos .sidebar .sidebarList button{align-items:flex-start;background-color:#1f2937;border:none;border-radius:8px;color:#d1d5db;cursor:pointer;display:inline-flex;gap:12px;margin:0;padding:15px;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.bPlDashboardListDemos .sidebar .sidebarList button .iconBox{align-items:center;background-color:#374151;border-radius:5px;color:#eff2f6;display:flex;height:30px;justify-content:center;width:30px}.bPlDashboardListDemos .sidebar .sidebarList button .iconBox svg{fill:#eff2f6;height:15px;width:15px}.bPlDashboardListDemos .sidebar .sidebarList button .texts{flex:1}.bPlDashboardListDemos .sidebar .sidebarList button .texts h4{color:#eff2f6;font-size:14px;font-weight:500;margin:0 0 4px}.bPlDashboardListDemos .sidebar .sidebarList button .texts p{color:#8da2bf;font-size:12px;font-weight:400;margin:0}.bPlDashboardListDemos .sidebar .sidebarList button .texts .category{background-color:#374151;border-radius:100px;color:#adbcd1;display:inline-block;font-size:12px;font-weight:400;margin-top:8px;padding:4px 8px}.bPlDashboardListDemos .sidebar .sidebarList button:hover{background-color:#374151;color:#fff}.bPlDashboardListDemos .sidebar .sidebarList button:hover .iconBox{background-color:#4b5563;color:#fff}.bPlDashboardListDemos .sidebar .sidebarList button:hover .iconBox svg{fill:#fff}.bPlDashboardListDemos .sidebar .sidebarList button:hover .texts h4{color:#fff}.bPlDashboardListDemos .sidebar .sidebarList button:hover .texts p{color:#ced7e3}.bPlDashboardListDemos .sidebar .sidebarList button:hover .texts .category{background-color:#4b5563;color:#ced7e3}.bPlDashboardListDemos .sidebar .sidebarList button.active{background-color:#146ef5;box-shadow:0 10px 15px -3px rgba(0,0,0,.102);color:#fff}.bPlDashboardListDemos .sidebar .sidebarList button.active .iconBox{background-color:var(--theme-color-400);color:#fff}.bPlDashboardListDemos .sidebar .sidebarList button.active .iconBox svg{fill:#fff}.bPlDashboardListDemos .sidebar .sidebarList button.active .texts h4{color:#fff}.bPlDashboardListDemos .sidebar .sidebarList button.active .texts p{color:var(--theme-color-100)}.bPlDashboardListDemos .sidebar .sidebarList button.active .texts .category{background-color:var(--theme-color-400);color:var(--theme-color-100)}.bPlDashboardListDemos .sidebar .sidebarList::-webkit-scrollbar{background-color:transparent;height:10px;width:5px}.bPlDashboardListDemos .sidebar .sidebarList::-webkit-scrollbar-track{background-color:transparent;border-radius:5px}.bPlDashboardListDemos .sidebar .sidebarList::-webkit-scrollbar-thumb{background-color:#b9b9b9;border-radius:5px}.bPlDashboardListDemos .main{display:flex;flex:1 1 0%;flex-direction:column;overflow:hidden}.bPlDashboardListDemos .main .mainHeader{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:18px 15px}.bPlDashboardListDemos .main .mainHeader .headerInfo h3{font-size:19px;font-weight:600;margin:0 0 8px}.bPlDashboardListDemos .main .mainHeader .headerInfo p{font-size:14px;margin:0}.bPlDashboardListDemos .main .canvas{background:#fff;border:2px solid #e5e7eb;border-radius:8px;display:flex;flex:1 1 0%;flex-direction:column;overflow:hidden;position:relative}.bPlDashboardListDemos .main .canvas .bPlLoading{align-items:center;background-color:hsla(0,0%,100%,.75);display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.bPlDashboardListDemos .main .canvas iframe{border:none;flex:1 1 0%;height:100%;vertical-align:middle;width:100%}.bPlDashboardListDemos .main .canvas .canvasImg{height:calc(100% - 40px);margin:auto;overflow:hidden;text-align:center;width:calc(100% - 40px)}.bPlDashboardListDemos .main .canvas .canvasImg img{max-width:100%;transition:all 1s ease}.bPlDashboardListDemos .main .mainFooter{align-items:center;background-color:#f9fafb;border-top:1px solid #e5e7eb;color:#4b5563;display:flex;font-size:14px;justify-content:space-between;padding:15px}.bPlDashboardListDemos .main .mainFooter .status{align-items:center;display:flex}.bPlDashboardListDemos .main .mainFooter .status .statusDot{background-color:#22c55e;border-radius:9999px;height:8px;margin-right:8px;width:8px}.bPlDashboardListDemos .main .mainFooter .demoLink{align-items:center;color:#146ef5;display:flex;font-weight:700;gap:8px;justify-content:center;text-decoration:underline!important}.bPlDashboardListDemos .main .mainFooter .demoLink svg{height:12px;width:12px}@media only screen and (max-width:1024px){.bPlDashboardListDemos{flex-direction:column}.bPlDashboardListDemos .sidebar{padding-bottom:0;width:100%}.bPlDashboardListDemos .sidebar .sidebarHeader{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.bPlDashboardListDemos .sidebar .sidebarHeader .bPlDashboardButtons{display:flex}.bPlDashboardListDemos .sidebar .sidebarList{flex-direction:row;flex-wrap:nowrap;max-width:100%;padding:0 8px 16px}.bPlDashboardListDemos .sidebar .sidebarList button{align-items:center;min-width:200px;padding:12px 16px;width:auto}.bPlDashboardListDemos .sidebar .sidebarList button .texts h4{margin:0}.bPlDashboardListDemos .sidebar .sidebarList button .externalIcon,.bPlDashboardListDemos .sidebar .sidebarList button .texts .category,.bPlDashboardListDemos .sidebar .sidebarList button .texts p{display:none}.bPlDashboardListDemos .main{width:100%}.bPlDashboardListDemos .main .mainHeader{display:none}}
.bPlDashboardFSCheckoutForm{display:flex;flex-direction:column;overflow:hidden;position:relative}.bPlDashboardFSCheckoutForm iframe{min-height:640px;width:100%}.bPlDashboardFSCheckoutForm .bPlLoading{align-items:center;background-color:hsla(0,0%,100%,.75);border-radius:20px;display:flex;height:100%;inset:0;justify-content:center;position:absolute;width:100%;z-index:10}
.bPlDashboardPricing{align-items:center;display:flex;flex-direction:column;padding:20px 15px}.bPlDashboardPricing .cycles{align-items:center;border:1px solid #b3d5fd;border-radius:10px;display:inline-flex;justify-content:center;margin-bottom:25px;overflow:hidden}.bPlDashboardPricing .cycles button{background-color:transparent;border:0;cursor:pointer;font-size:15px;font-weight:700;padding:10px 20px}.bPlDashboardPricing .cycles button span{background-color:#0b8e41;border-radius:50px;color:#fff;line-height:1.3;margin-left:8px;padding:4px 10px}.bPlDashboardPricing .cycles button:not(:last-child){border-right:1px solid #b3d5fd}.bPlDashboardPricing .cycles button.active{background-color:#e1efff}@media only screen and (max-width:640px){.bPlDashboardPricing .cycles{flex-direction:column}.bPlDashboardPricing .cycles button{width:100%}.bPlDashboardPricing .cycles button:not(:last-child){border-bottom:1px solid #b3d5fd;border-right:none}}.bPlDashboardPricing .plans{container-type:inline-size;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr));max-width:100%;padding:0;width:100%}.bPlDashboardPricing .plans .plan{align-items:flex-start;background-color:#fff;border:1px solid #e7e7ec;border-radius:5px;display:flex;flex-direction:column;margin:0;padding:25px 35px 25px 25px}.bPlDashboardPricing .plans .plan .planName{margin-bottom:20px}.bPlDashboardPricing .plans .plan .priceWrap{align-items:center;color:#146ef5;display:flex;flex-wrap:nowrap;gap:15px;justify-content:flex-start;margin-bottom:20px}.bPlDashboardPricing .plans .plan .priceWrap .price{align-items:end;color:inherit;display:flex;font-size:clamp(30px,30px + (1vw - 3.2px)*2.438,56px);font-style:normal;font-weight:700;line-height:1.1;margin-bottom:0}.bPlDashboardPricing .plans .plan .priceWrap .price small{font-size:clamp(17px,17px + (1vw - 3.2px)*1.01,28px);line-height:1.4}.bPlDashboardPricing .plans .plan .priceWrap .prefix,.bPlDashboardPricing .plans .plan .priceWrap .suffix{align-self:end;color:inherit;font-size:clamp(17px,17px + (1vw - 3.2px)*1.01,28px);line-height:1.4;margin-bottom:0}.bPlDashboardPricing .plans .plan .note{font-size:clamp(15px,15px + (1vw - 3.2px)*.739,22px);margin-bottom:20px}.bPlDashboardPricing .plans .plan .features{color:#485781;font-size:18px;margin-bottom:0}.bPlDashboardPricing .plans .plan .features:not(:last-child){margin-bottom:20px}.bPlDashboardPricing .plans .plan .features li{margin-bottom:0;padding-left:1.875rem;position:relative}.bPlDashboardPricing .plans .plan .features li:not(:last-child){margin-bottom:10px}.bPlDashboardPricing .plans .plan .features li:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBmaWxsPSIjNDg1NzgxIiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIj48cGF0aCBkPSJtMzQxLjk4IDcwMS42NyA1NDguMDgtNTQwLjU0UTkwOS40NiAxNDIgOTM1LjMzIDE0MnQ0NS4yNyAxOS4xM3ExOS40IDE5LjE0IDE5LjQgNDUuNDV0LTE5LjQgNDUuNDRMMzg3LjI1IDgzOC44cS0xOS40MSAxOS4xMy00NS4yNyAxOS4xMy0yNS44NyAwLTQ1LjI3LTE5LjEzTDE4LjYyIDU2NC41NFEtLjc4IDU0NS40MS4wMyA1MTkuMXQyMC4yMS00NS40NHExOS40LTE5LjE0IDQ2LjA4LTE5LjE0IDI2LjY3IDAgNDYuMDggMTkuMTR6Ii8+PC9zdmc+);display:inline-block;height:100%;left:0;position:absolute;top:.1em}.bPlDashboardPricing .plans .plan .bPlButton{justify-content:center;margin-bottom:0;margin-top:auto;width:100%}.bPlDashboardPricing .plans .plan .bPlButton:not(:last-child){margin-bottom:20px}.bPlDashboardPricing .plans .plan.bestValue{background-color:#146ef5;color:#fff;position:relative}.bPlDashboardPricing .plans .plan.bestValue:before{background-color:#ff7a00;clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%);color:#fff;content:attr(data-best-text);font-size:18px;font-weight:700;line-height:20px;padding:15px 9px 30px;position:absolute;right:14px;top:-1px;writing-mode:vertical-lr}.bPlDashboardPricing .plans .plan.bestValue .features,.bPlDashboardPricing .plans .plan.bestValue .note,.bPlDashboardPricing .plans .plan.bestValue .planName,.bPlDashboardPricing .plans .plan.bestValue .priceWrap{color:#fff}.bPlDashboardPricing .plans .plan.bestValue .features li:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIj48cGF0aCBkPSJtMzQxLjk4IDcwMS42NyA1NDguMDgtNTQwLjU0UTkwOS40NiAxNDIgOTM1LjMzIDE0MnQ0NS4yNyAxOS4xM3ExOS40IDE5LjE0IDE5LjQgNDUuNDV0LTE5LjQgNDUuNDRMMzg3LjI1IDgzOC44cS0xOS40MSAxOS4xMy00NS4yNyAxOS4xMy0yNS44NyAwLTQ1LjI3LTE5LjEzTDE4LjYyIDU2NC41NFEtLjc4IDU0NS40MS4wMyA1MTkuMXQyMC4yMS00NS40NHExOS40LTE5LjE0IDQ2LjA4LTE5LjE0IDI2LjY3IDAgNDYuMDggMTkuMTR6Ii8+PC9zdmc+)}.bPlDashboardPricing .plans .plan.bestValue .wp-element-button{border:1px solid #fff}
.bPlDashboardFeatureCompare{overflow-x:auto}.bPlDashboardFeatureCompare table{border-collapse:collapse;border-color:inherit;min-width:960px;text-indent:0;width:100%}.bPlDashboardFeatureCompare table thead tr{background-color:#fbf9fa;background-color:rgba(5,122,253,.122);border-bottom:1px solid #e7e7ec}.bPlDashboardFeatureCompare table thead th{color:#070127;font-size:17px;font-weight:600;min-width:168px;padding:16px 24px;text-align:left}.bPlDashboardFeatureCompare table thead th:not(:first-child){text-align:center}.bPlDashboardFeatureCompare table tbody tr{border-bottom:1px solid #e7e7ec}.bPlDashboardFeatureCompare table tbody tr:last-child{border-bottom:0}.bPlDashboardFeatureCompare table tbody td{font-size:14px;padding:16px 24px}.bPlDashboardFeatureCompare table tbody td:first-child{color:#485781;font-weight:500}.bPlDashboardFeatureCompare table tbody td:not(:first-child){text-align:center}.bPlDashboardFeatureCompare table tbody td>*{display:inline-block}.bPlDashboardFeatureCompare table tbody td svg{fill:currentColor;height:28px;width:28px}.bPlDashboardFeatureCompare table tbody td.icon.check{color:#00c951}.bPlDashboardFeatureCompare table tbody td.icon.cross{color:#ff6c64}.bPlDashboardFeatureCompare table tbody td.icon.cross svg{height:26px;width:26px}
.bPlDashboardHeader{background-color:#fff;margin:0 auto;padding-top:20px;width:100%}.bPlDashboardHeader .pluginInfo{align-items:center;display:flex;flex-flow:wrap;gap:15px;justify-content:space-between}.bPlDashboardHeader .pluginInfo div:first-child{align-items:center;display:flex;flex-flow:wrap;gap:15px;justify-content:start}.bPlDashboardHeader .pluginLogo{border-radius:3px;display:inline-block;height:55px;width:55px}.bPlDashboardHeader .pluginName{color:#070127;display:inline-block;font-size:30px;font-weight:700;line-height:1.5}.bPlDashboardHeader .pluginVersion{background-color:#146ef5;border-radius:5px;color:#fff;font-size:14px;font-weight:700;padding:4px 12px}.bPlDashboardHeader .navLinks{align-items:center;display:flex;justify-content:space-between;margin:30px auto 0}.bPlDashboardHeader .navLinks .bPlDashboardNav{display:flex;font-size:16px;gap:30px}.bPlDashboardHeader .navLinks .bPlDashboardNav .navLink{border:none;border-bottom:2px solid transparent;color:#485781;font-size:16px;font-weight:500;outline:none;padding-bottom:10px;text-decoration:none}.bPlDashboardHeader .navLinks .bPlDashboardNav .navLink:hover{border-bottom:2px solid #070127}.bPlDashboardHeader .navLinks .bPlDashboardNav .navLink.active{border-bottom:2px solid #070127;color:#070127}.bPlDashboardHeader .navLinks .bPlDashboardNav .navLink:focus{box-shadow:none}
.bPlDashboardOverview{display:flex}.bPlDashboardOverview .overviewLeft{display:flex;flex-basis:1;flex-direction:column}.bPlDashboardOverview .overviewLeft .overviewLeftTop{padding:25px 30px}.bPlDashboardOverview .overviewLeft .overviewTitle{color:#070127;font-size:32px;font-weight:600;margin-bottom:10px}.bPlDashboardOverview .overviewLeft .overviewDescription{color:#485781;font-size:18px;margin-bottom:20px}.bPlDashboardOverview .overviewLeft .overviewBanner{border-radius:10px;display:grid;height:auto;max-width:100%;overflow:hidden}.bPlDashboardOverview .overviewLeft .overviewBanner img{height:auto;max-width:100%;width:100%}.bPlDashboardOverview .overviewLeft .overviewPluginInfo{align-items:center;display:flex;gap:15px;margin-top:25px}.bPlDashboardOverview .overviewLeft .overviewPluginInfo img{border-radius:50%;height:75px;width:75px}.bPlDashboardOverview .overviewLeft .overviewPluginInfo div h3{color:#070127;font-size:18px;font-weight:500;line-height:1.3;margin-bottom:5px}.bPlDashboardOverview .overviewLeft .overviewPluginInfo div span{color:#485781;font-size:16px;font-weight:500;margin-right:5px;text-transform:capitalize}.bPlDashboardOverview .overviewLeft .overviewPluginInfo div a{color:#146ef5;font-size:16px;font-weight:500;text-decoration:underline}.bPlDashboardOverview .overviewLeft .overviewLeftBottom{border-top:1px solid rgba(72,87,129,.5);justify-content:right;margin-top:auto;padding:20px 30px}.bPlDashboardOverview .overviewRight{border-left:1px solid rgba(72,87,129,.5);min-width:320px}.bPlDashboardOverview .overviewRight .helpInfoItem{padding:25px}.bPlDashboardOverview .overviewRight .helpInfoItem:not(:last-child){border-bottom:1px solid rgba(72,87,129,.5)}.bPlDashboardOverview .overviewRight .helpInfoItem h4{color:#070127;font-size:18px;font-weight:500;margin-bottom:5px}.bPlDashboardOverview .overviewRight .helpInfoItem p{color:#485781;font-size:15px;font-weight:400;margin-bottom:20px}
.bPlVideoPlayer{background:#000;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.3);max-width:100%;overflow:hidden;position:relative}.bPlVideoPlayer:hover .center-play-btn.pause{opacity:1}.bPlVideoPlayer .bPlVideoPlayerYoutube{height:0;max-width:100%;overflow:hidden;padding-bottom:56.25%;position:relative}.bPlVideoPlayer .bPlVideoPlayerYoutube embed,.bPlVideoPlayer .bPlVideoPlayerYoutube iframe,.bPlVideoPlayer .bPlVideoPlayerYoutube object{height:100%;left:0;position:absolute;top:0;width:100%}.bPlVideoPlayer .video-element{display:block;height:auto;max-height:70vh;width:100%}.bPlVideoPlayer .preview-video{display:none}.bPlVideoPlayer .center-play-btn{align-items:center;background:#146ef5;border-radius:50%;cursor:pointer;display:flex;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:60px;z-index:10}.bPlVideoPlayer .center-play-btn.pause{opacity:0}.bPlVideoPlayer .center-play-btn:hover{transform:translate(-50%,-50%) scale(1.1)}.bPlVideoPlayer .center-play-btn .play-icon{color:#ddd;display:grid;height:32px;place-items:center;width:32px}.bPlVideoPlayer .center-play-btn .play-icon svg.video-player-pause-icon{fill:#ddd;width:18px}.bPlVideoPlayer .loading-spinner{display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:5}.bPlVideoPlayer .loading-spinner .spinner{animation:bPlDashboardSpin 1s linear infinite;border:4px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:40px;width:40px}.bPlVideoPlayer .video-controls{align-items:center;background:linear-gradient(transparent,rgba(0,0,0,.7));bottom:0;display:flex;gap:15px;left:0;opacity:0;padding:20px;position:absolute;right:0;transition:opacity .3s ease}.bPlVideoPlayer .video-controls.visible,.bPlVideoPlayer:hover .video-controls{opacity:1}.bPlVideoPlayer .control-btn{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s ease}.bPlVideoPlayer .control-btn:hover{background:hsla(0,0%,100%,.2)}.bPlVideoPlayer .control-btn svg{height:20px;width:20px}.bPlVideoPlayer .time-display{align-items:center;color:#fff;display:flex;font-size:14px;gap:5px;min-width:80px}.bPlVideoPlayer .time-display .separator{opacity:.7}.bPlVideoPlayer .progress-container{flex:1;margin:0 10px;position:relative}.bPlVideoPlayer .progress-container .progress-bar{background:hsla(0,0%,100%,.3);border-radius:3px;cursor:pointer;height:6px;position:relative;transition:height .2s ease}.bPlVideoPlayer .progress-container .progress-bar:hover{height:8px}.bPlVideoPlayer .progress-container .progress-bar .progress-filled{background:#ff6b6b;border-radius:3px;height:100%}.bPlVideoPlayer .progress-container .progress-bar .progress-handle{background:#ff6b6b;border-radius:50%;height:14px;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:14px}.bPlVideoPlayer .progress-container .progress-bar:hover .progress-handle{opacity:1}.bPlVideoPlayer .progress-preview{bottom:25px;pointer-events:none;position:absolute;transform:translateX(-50%);width:120px;z-index:20}.bPlVideoPlayer .progress-preview .preview-thumbnail{background:rgba(0,0,0,.9);border:2px solid hsla(0,0%,100%,.2);border-radius:8px;box-shadow:0 8px 25px rgba(0,0,0,.4);overflow:hidden;position:relative}.bPlVideoPlayer .progress-preview .preview-thumbnail:after{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(0,0,0,.9);bottom:-8px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.bPlVideoPlayer .progress-preview .preview-video-display{background:#000;display:block;height:68px;-o-object-fit:cover;object-fit:cover;width:120px}.bPlVideoPlayer .progress-preview .preview-time{background:rgba(0,0,0,.8);bottom:0;color:#fff;font-size:11px;font-weight:500;left:0;padding:4px 8px;position:absolute;right:0;text-align:center}.bPlVideoPlayer .volume-container{align-items:center;display:flex;gap:8px}.bPlVideoPlayer .volume-container .volume-slider{transition:opacity .2s ease;width:80px}.bPlVideoPlayer .volume-container .volume-bar{background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer;height:4px;position:relative}.bPlVideoPlayer .volume-container .volume-bar .volume-filled{background:#fff;border-radius:2px;height:100%;transition:width .1s ease}.bPlVideoPlayer .volume-container .volume-bar .volume-handle{background:#fff;border-radius:50%;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .1s ease;width:12px}@media(max-width:768px){.bPlVideoPlayer .center-play-btn{height:60px;width:60px}.bPlVideoPlayer .center-play-btn .play-icon{height:24px;width:24px}.bPlVideoPlayer .video-controls{gap:10px;padding:15px 10px}.bPlVideoPlayer .volume-container{display:none}.bPlVideoPlayer .time-display{font-size:12px;min-width:70px}.bPlVideoPlayer .preview-video-display{height:56px;width:100px}.bPlVideoPlayer .preview-time{font-size:10px;padding:3px 6px}}@media(max-width:480px){.bPlVideoPlayer .video-controls{gap:8px;padding:10px}.bPlVideoPlayer .control-btn svg{height:18px;width:18px}.bPlVideoPlayer .progress-container{margin:0 5px}.bPlVideoPlayer .preview-video-display{height:45px;width:80px}.bPlVideoPlayer .progress-preview{bottom:20px}}.bPlVideoPlayer:fullscreen{border-radius:0;height:100vh;width:100vw}.bPlVideoPlayer:fullscreen .video-element{height:100vh;max-height:100vh;-o-object-fit:contain;object-fit:contain}.bPlVideoPlayer:fullscreen .preview-video-display{height:90px;width:160px}.bPlVideoPlayer:fullscreen .progress-preview{bottom:35px}