cloudinary-video-player 2.3.6-edge.7 → 2.4.0

package/lib/cld-video-player.min.css

@@ -17,6 +17,6 @@
 .cld-video-player.vjs-user-active .interaction-areas-container{display:block}.cld-video-player.interaction-areas .vjs-big-play-button{display:none !important}.cld-video-player .interaction-areas-container{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%, -50%);display:none;z-index:1}.cld-video-player .interaction-areas-container:hover{display:block}.cld-video-player .interaction-areas-container .go-back-button,.cld-video-player .interaction-areas-container .vp-ia-item{position:absolute;cursor:pointer}.cld-video-player .interaction-areas-container .go-back-button{top:0;left:0;width:100%;height:100%}.cld-video-player .interaction-areas-container .vp-ia-item{display:inline-flex;align-items:center;justify-content:center;transition:top,left,width,height;transition-timing-function:linear}.cld-video-player .interaction-areas-container .vp-ia-item.theme-shadowed .vp-ia-marker-shadow{opacity:.24}.cld-video-player .interaction-areas-container .vp-ia-item.theme-pulsing .vp-ia-marker-shadow{-webkit-animation:pulsing-animation 1.3s ease-out;-webkit-animation-iteration-count:infinite;border:solid 2px;opacity:0}.cld-video-player .interaction-areas-container .vp-ia-item:hover .vp-ia-marker-main:before{content:"";width:20px;height:20px;border:solid 2px rgba(0,0,0,.25)}.cld-video-player .interaction-areas-container .vp-ia-item .vp-ia-area-marker{position:relative;width:20px;height:20px}.cld-video-player .interaction-areas-container .vp-ia-item .vp-ia-area-marker .vp-ia-marker-main,.cld-video-player .interaction-areas-container .vp-ia-item .vp-ia-area-marker .vp-ia-marker-main:before,.cld-video-player .interaction-areas-container .vp-ia-item .vp-ia-area-marker .vp-ia-marker-shadow{position:absolute;border-radius:50%;transform:translate(-50%, -50%);top:50%;left:50%}.cld-video-player .interaction-areas-container .vp-ia-item .vp-ia-area-marker .vp-ia-marker-main{background-color:#fff;border:solid 2px;height:100%;width:100%}.cld-video-player .interaction-areas-container .vp-ia-item .vp-ia-area-marker .vp-ia-marker-shadow{width:28px;height:28px}.cld-video-player .interaction-areas-container.vp-ia-layout-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;z-index:2;background-color:rgba(0,0,0,.5)}.cld-video-player .interaction-areas-container.vp-ia-layout-message.clickable{cursor:pointer}.cld-video-player .interaction-areas-container.vp-ia-layout-message.clickable:hover .vp-theme-button{background-color:rgba(255,255,254,.28)}.cld-video-player .interaction-areas-container.vp-ia-layout-message .vp-ia-layout-icon{margin-bottom:20px;height:60px}.cld-video-player .interaction-areas-container.vp-ia-layout-message .vp-ia-layout-message-title{font-size:24px;line-height:34px;text-align:center}.cld-video-player .interaction-areas-container.vp-ia-layout-message .vp-theme-button{margin:8px 0 18px 0}.cld-video-player .interaction-areas-container.vp-ia-layout-message .vp-ia-layout-message-do-not-show{display:flex;align-items:center}.cld-video-player .interaction-areas-container.vp-ia-layout-message .vp-ia-layout-message-do-not-show>*{cursor:pointer}.cld-video-player .interaction-areas-container.vp-ia-layout-message .vp-ia-layout-message-do-not-show .vp-ia-layout-message-checkbox-title{margin:0 0 0 5px}@-webkit-keyframes pulsing-animation{0%{height:10px;width:10px;opacity:0}50%{height:20px;width:20px;opacity:1}100%{height:40px;width:40px;opacity:0}}
 .cld-spbl-bar{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.cld-spbl-bar-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(20%);transition:transform .3s}.cld-video-player .vjs-control-bar{transition:width .3s}.shoppable-panel-visible .cld-spbl-bar-inner{transform:translateX(0)}.shoppable-panel-visible .vjs-control-bar{width:80%}.shoppable-panel-visible .cld-spbl-toggle-icon:before{content:""}.cld-spbl-banner-msg{position:absolute;font-size:2em;text-shadow:0 0 5px rgba(0,0,0,.5);left:0;top:calc(50% + 3em);width:100%;text-align:center}.cld-video-player.vjs-has-started .cld-spbl-banner-msg,.cld-video-player.vjs-error .cld-spbl-banner-msg{display:none}.cld-spbl-toggle{position:absolute;top:3%;right:20%;color:inherit;border-radius:6px 0 0 6px;width:40px;height:40px;line-height:40px;font-size:24px;text-align:center;cursor:pointer;pointer-events:all;text-decoration:none}.cld-spbl-toggle:hover{color:inherit;text-decoration:none}.cld-spbl-toggle:focus{outline:none}.cld-spbl-toggle-icon{display:block;animation-duration:1s;animation-fill-mode:both}.cld-spbl-toggle-icon.animate,.shoppable-panel-hidden .cld-spbl-toggle-icon:hover{animation-name:tada;animation-iteration-count:infinite}.cld-spbl-toggle-icon.cld-spbl-toggle-custom-icon{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-repeat:no-repeat;background-size:75%}.shoppable-panel-hidden .cld-spbl-toggle-icon.cld-spbl-toggle-custom-icon:before{display:none}.shoppable-panel-visible .cld-spbl-toggle-icon.cld-spbl-toggle-custom-icon{background-image:none !important}.cld-spbl-panel{position:absolute;top:0;right:0;bottom:0;width:20%;overflow:auto;pointer-events:all;-ms-overflow-style:none;scrollbar-width:none}.cld-spbl-panel::-webkit-scrollbar{display:none}.cld-spbl-item{display:block;position:relative;margin:12px 8px;color:inherit;transform:scale(0.98);transition:transform .3s}.cld-spbl-bar[size=md] .cld-spbl-item{font-size:10px}.cld-spbl-bar[size=sm] .cld-spbl-item{font-size:8px}.cld-spbl-item:before,.cld-spbl-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;box-shadow:0 0 0;transition:box-shadow .3s;border-radius:3px}.cld-spbl-item.active{transform:scale(1)}.cld-spbl-item.active:before{opacity:.5;box-shadow:0 0 0 4px}.cld-spbl-item.active:after{box-shadow:0 0 0 2px}.cld-spbl-item:hover{color:inherit}.cld-spbl-img{max-width:100%;height:auto}.cld-spbl-hover-img{display:none}.cld-spbl-item-info{position:absolute;right:0;bottom:0;left:0;max-height:100%;overflow:hidden;padding:6%}.cld-spbl-overlay{display:inline-flex;position:absolute;top:0;right:0;bottom:0;left:0;line-height:1.3;font-size:120%;text-align:center;padding:10%;z-index:1;opacity:0}.cld-spbl-overlay .cld-spbl-overlay-text{margin:auto}.cld-spbl-item:hover .cld-spbl-overlay{opacity:1}.cld-spbl-item:hover .cld-spbl-overlay~.cld-spbl-item-info{display:none}.cld-spbl-item:hover .cld-spbl-hover-img{display:block}.cld-spbl-item:hover .cld-spbl-hover-img+.cld-spbl-img{display:none}.cld-spbl-post-play .cld-spbl-post-play-bg{position:absolute;top:0;left:0;bottom:0;right:0;background-size:cover}.cld-spbl-post-play .cld-spbl-post-title{position:absolute;font-size:1.5em;text-shadow:0 0 5px rgba(0,0,0,.5);left:0;top:.8em;width:100%;text-align:center}.cld-spbl-post-play .cld-spbl-panel{width:100%;top:16%;height:60%;padding:10px 8px;white-space:nowrap;background:none !important;cursor:grab}.cld-spbl-post-play .cld-spbl-panel:active{cursor:grabbing}.cld-spbl-post-play .cld-spbl-item{display:inline-block;width:28%;padding-top:28%;margin:0 8px;white-space:normal;vertical-align:top;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px 1.2px rgba(0,0,0,.24),0 6px 8px 4px rgba(0,0,0,.24);transform:none}.cld-spbl-post-play .cld-spbl-img{max-width:100%;max-height:100%;position:absolute;top:0;left:0;bottom:0;right:0;margin:0 auto auto}.cld-spbl-post-play .cld-spbl-replay-btn{position:absolute;left:5%;bottom:10%;font-family:inherit;padding:8px 15px;border-radius:5px}.cld-spbl-post-play .cld-spbl-replay-btn:before{font-family:VideoJS;vertical-align:bottom;margin-right:4px}.cld-spbl-post-modal .cld-spbl-bar,.cld-spbl-post-modal .vjs-big-play-button,.cld-spbl-post-modal .vjs-recommendations-overlay{display:none}@keyframes tada{0%{transform:scale3d(1, 1, 1)}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}100%{transform:scale3d(1, 1, 1)}}.shoppable-products-overlay .vjs-title-bar,.shoppable-products-overlay .vjs-big-play-button{display:none !important}.cld-spbl-products-overlay{position:absolute;width:100%;top:50%;transform:translateY(-50%)}.cld-spbl-product-hotspot{pointer-events:all;position:absolute;cursor:pointer;padding:15px}.cld-spbl-product-hotspot:after{content:"";display:block;width:8px;height:8px;background:#fff;box-shadow:0 0 0 4px #0078ff,0 0 0 8px rgba(0,120,255,.24);border-radius:18px}.cld-spbl-product-hotspot:hover .cld-spbl-product-tooltip{display:block}.cld-spbl-product-tooltip{display:none;position:absolute;white-space:nowrap;padding:4px 6px;border-radius:4px;top:100%;left:50%;transform:translateX(-50%)}.cld-spbl-product-tooltip.cld-spbl-product-tooltip-top{top:auto;bottom:100%}.cld-spbl-product-tooltip.cld-spbl-product-tooltip-left{top:50%;right:100%;left:auto;transform:translateY(-50%)}.cld-spbl-product-tooltip.cld-spbl-product-tooltip-right{top:50%;left:100%;transform:translateY(-50%)}
 .vjs-recommendations-overlay{display:flex;align-items:center;justify-content:center;visibility:hidden;position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.vjs-recommendations-overlay .vjs-recommendations-overlay-hide{font-size:1em;cursor:pointer;position:absolute;display:inline-block;top:3.75%;right:1.72%}.vjs-recommendations-overlay .vjs-recommendations-overlay-content{position:relative;width:85%}.vjs-recommendations-overlay .vjs-recommendations-overlay-content:before{display:block;content:"";width:100%;padding-top:56.25%}.vjs-recommendations-overlay .vjs-recommendations-overlay-content>.aspect-ratio-content{position:absolute;top:0;left:0;right:0;bottom:0}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content{display:flex;flex-flow:column;height:auto}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item{border:1px solid hsla(0,0%,100%,.5)}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary{flex:1.82;display:flex;flex-flow:row}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-image{flex:1;background-size:cover}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-content{flex:.5625;display:flex;flex-flow:column;background:rgba(0,0,0,.6);text-align:left;padding:3%;min-width:0}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-content h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 0 0 0;font-size:18px;margin:0 0 1em 0;font-weight:600}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-content h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 0 0 0;font-size:20px;margin:0 0 1.3em 0;font-weight:500}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-content p{padding:0 0 0 0;margin:0 0 0 0;font-size:14px;overflow:hidden;line-height:1.4em;font-weight:400}@media only screen and (max-width: 1050px){.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-content h2{font-size:16px}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-content h3{font-size:18px}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-content p{font-size:12px}}@media only screen and (max-width: 900px){.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-content p{font-size:10px}}@media only screen and (max-width: 768px){.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-primary .vjs-recommendations-overlay-item-primary-content p{display:none}}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-secondary-container{flex:1;display:flex;flex-flow:row wrap;justify-content:flex-start}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-secondary-container .vjs-recommendations-overlay-item-secondary{background-size:100% 100%;flex:1;max-width:33%;font-size:1.16em;position:relative;margin:2% 2% 0 0}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-secondary-container .vjs-recommendations-overlay-item-secondary:last-child{margin-right:0}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-secondary-container .vjs-recommendations-overlay-item-secondary div{display:flex;flex-direction:row;justify-content:space-between;text-align:left;line-height:normal;position:absolute;width:100%;bottom:0;left:0;padding:20% 7% 4.5% 7%}.cld-video-player-skin-light .vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-secondary-container .vjs-recommendations-overlay-item-secondary div{padding:5% 7%}.cld-video-player-skin-dark .vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-secondary-container .vjs-recommendations-overlay-item-secondary div.vjs-recommendations-overlay-item-info{text-shadow:1px 1px 0 rgba(0,0,0,.3)}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-secondary-container .vjs-recommendations-overlay-item-secondary div span{display:block;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-secondary-container .vjs-recommendations-overlay-item-secondary div span.vjs-recommendations-overlay-item-secondary-title{flex:2.3;font-size:13px}.vjs-recommendations-overlay .vjs-recommendations-overlay-content .aspect-ratio-content .vjs-recommendations-overlay-item-secondary-container .vjs-recommendations-overlay-item-secondary div span.vjs-recommendations-overlay-item-secondary-duration{text-align:right;margin-left:10px}
-.vjs-visual-search .vjs-visual-search-wrapper{position:absolute;top:1.5em;right:1.5em;margin-left:auto;display:flex;align-items:center;transition:all .3s ease;border-radius:1.5em;overflow:hidden;background-color:rgba(0,0,0,0);pointer-events:auto}.vjs-visual-search .vjs-visual-search-wrapper.vjs-visual-search-active{background-color:color-mix(in srgb, var(--color-base) 60%, transparent);backdrop-filter:blur(10px)}.vjs-visual-search .vjs-visual-search-wrapper.vjs-visual-search-active .vjs-visual-search-form{width:13.75em;margin-right:.25em;opacity:1}.vjs-visual-search .vjs-visual-search-wrapper.vjs-visual-search-active .vjs-visual-search-button{background-color:rgba(0,0,0,0);text-shadow:none}.vjs-visual-search .vjs-visual-search-wrapper.vjs-visual-search-active .vjs-visual-search-button:hover{text-shadow:0 0 .5em var(--color-accent)}.vjs-visual-search .vjs-visual-search-wrapper:hover:not(.vjs-visual-search-active) .vjs-visual-search-button{background-color:color-mix(in srgb, var(--color-base) 25%, transparent)}.vjs-visual-search .vjs-visual-search-wrapper+.vjs-title-bar-title{padding-right:2em}.vjs-visual-search .vjs-visual-search-button{background:rgba(0,0,0,0);border:none;color:var(--color-text);cursor:pointer;width:2.75em;height:2.75em;padding:.1em;opacity:.9;border-radius:50%;transition:all .25s ease;z-index:2;flex-shrink:0;text-shadow:0 0 1em var(--color-base)}.vjs-visual-search .vjs-visual-search-button:hover{opacity:1}.vjs-visual-search .vjs-visual-search-button>span:before{font-size:1.8em}.vjs-visual-search .vjs-visual-search-button .vjs-loading-spinner{display:none;width:2.15em;height:2.15em;position:absolute;top:.3em;left:.3em;border-width:.4em;transform:none}.vjs-visual-search .vjs-visual-search-button.vjs-waiting>.vjs-icon-search{display:none}.vjs-visual-search .vjs-visual-search-button.vjs-waiting>.vjs-loading-spinner{display:flex}.vjs-visual-search .vjs-visual-search-form{display:flex;align-items:center;width:0;opacity:0;transition:all .3s ease;overflow:hidden}.vjs-visual-search .vjs-visual-search-input{background:rgba(0,0,0,0);border:none;color:var(--color-text);font-size:.938em;padding:0;width:100%;height:2.25em;outline:none}.vjs-visual-search .vjs-visual-search-input::placeholder{color:color-mix(in srgb, white 70%, transparent)}.vjs-visual-search .vjs-visual-search-close{background:rgba(0,0,0,0);border:none;color:var(--color-text);cursor:pointer;width:2em;height:2em;padding:.25em;opacity:.7;transition:opacity .2s ease;flex-shrink:0;text-shadow:0 0 .25em var(--color-base)}.vjs-visual-search .vjs-visual-search-close:hover{opacity:1}.vjs-visual-search .vjs-visual-search-close .vjs-icon-close:before{font-size:1em}.vjs-visual-search .vjs-visual-search-results-wrapper{position:absolute;bottom:100%;left:0;width:100%;height:.75em;z-index:1;background:linear-gradient(to right, color-mix(in srgb, var(--color-accent) 15%, transparent), color-mix(in srgb, var(--color-accent) 15%, transparent)),linear-gradient(to right, color-mix(in srgb, var(--color-base) 20%, transparent), color-mix(in srgb, var(--color-base) 20%, transparent))}.vjs-visual-search .vjs-visual-search-marker{position:absolute;height:100%;background-color:var(--color-accent);opacity:.7;pointer-events:auto;cursor:pointer;transition:opacity .2s ease}.vjs-visual-search .vjs-visual-search-marker:hover{opacity:.8}.vjs-visual-search-results-active .vjs-mouse-display{translate:0 -0.75em}@keyframes vjs-visual-search-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
+.vjs-visual-search .vjs-visual-search-wrapper{position:absolute;top:1.5em;right:1.5em;margin-left:auto;display:flex;align-items:center;transition:all .3s ease;border-radius:1.5em;overflow:hidden;background-color:rgba(0,0,0,0);pointer-events:auto}.vjs-visual-search .vjs-visual-search-wrapper.vjs-visual-search-active{background-color:color-mix(in srgb, var(--color-base) 60%, transparent);backdrop-filter:blur(10px)}.vjs-visual-search .vjs-visual-search-wrapper.vjs-visual-search-active .vjs-visual-search-form{width:13.75em;margin-right:.25em;opacity:1}.vjs-visual-search .vjs-visual-search-wrapper.vjs-visual-search-active .vjs-visual-search-button{background-color:rgba(0,0,0,0);text-shadow:none}.vjs-visual-search .vjs-visual-search-wrapper.vjs-visual-search-active .vjs-visual-search-button:hover{text-shadow:0 0 .5em var(--color-accent)}.vjs-visual-search .vjs-visual-search-wrapper:hover:not(.vjs-visual-search-active) .vjs-visual-search-button{background-color:color-mix(in srgb, var(--color-base) 25%, transparent)}.vjs-visual-search .vjs-visual-search-wrapper+.vjs-title-bar-title{padding-right:2em}.vjs-visual-search .vjs-visual-search-button{background:rgba(0,0,0,0);border:none;color:var(--color-text);cursor:pointer;width:2.75em;height:2.75em;padding:.1em;opacity:.9;border-radius:50%;transition:all .25s ease;z-index:2;flex-shrink:0;text-shadow:0 0 1em var(--color-base)}.vjs-visual-search .vjs-visual-search-button:hover{opacity:1}.vjs-visual-search .vjs-visual-search-button>span:before{font-size:1.8em}.vjs-visual-search .vjs-visual-search-button .vjs-loading-spinner{display:none;width:2.15em;height:2.15em;position:absolute;top:.3em;left:.3em;border-width:.4em;transform:none}.vjs-visual-search .vjs-visual-search-button.vjs-waiting>.vjs-icon-search{display:none}.vjs-visual-search .vjs-visual-search-button.vjs-waiting>.vjs-loading-spinner{display:flex}.vjs-visual-search .vjs-visual-search-form{display:flex;align-items:center;width:0;opacity:0;transition:all .3s ease;overflow:hidden}.vjs-visual-search .vjs-visual-search-input{background:rgba(0,0,0,0);border:none;color:var(--color-text);font-size:.938em;padding:0;width:100%;height:2.25em;outline:none}.vjs-visual-search .vjs-visual-search-input::placeholder{color:color-mix(in srgb, white 70%, transparent)}.vjs-visual-search .vjs-visual-search-close{background:rgba(0,0,0,0);border:none;color:var(--color-text);cursor:pointer;width:2em;height:2em;padding:.25em;opacity:.7;transition:opacity .2s ease;flex-shrink:0;text-shadow:0 0 .25em var(--color-base)}.vjs-visual-search .vjs-visual-search-close:hover{opacity:1}.vjs-visual-search .vjs-visual-search-close .vjs-icon-close:before{font-size:1em}.vjs-visual-search .vjs-visual-search-results-wrapper{position:absolute;bottom:100%;left:0;width:100%;height:.75em;z-index:1;background:linear-gradient(to right, color-mix(in srgb, var(--color-accent) 15%, transparent), color-mix(in srgb, var(--color-accent) 15%, transparent)),linear-gradient(to right, color-mix(in srgb, var(--color-base) 20%, transparent), color-mix(in srgb, var(--color-base) 20%, transparent))}.vjs-visual-search .vjs-visual-search-marker{position:absolute;height:100%;background-color:var(--color-accent);opacity:.7;pointer-events:auto;cursor:pointer;transition:opacity .2s ease}.vjs-visual-search .vjs-visual-search-marker:hover{opacity:.8}.vjs-visual-search .vjs-visual-search-marker:focus{box-shadow:inset 0 0 0 .1em color-mix(in srgb, var(--color-text) 50%, transparent)}.vjs-visual-search-results-active .vjs-mouse-display{translate:0 -0.75em}@keyframes vjs-visual-search-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
 
 /*# sourceMappingURL=cld-video-player.min.css.map*/

package/lib/light/cld-video-player.light.min.css

@@ -16,6 +16,6 @@
 .cld-plw-horizontal .cld-plw-col-list{padding-top:14.0625%;position:relative}.cld-plw-horizontal .cld-plw-panel{overflow:auto;position:absolute;top:0;bottom:0;right:0;left:0;display:flex;flex-direction:row}.cld-plw-horizontal .cld-plw-panel-item{background-image:none;min-width:25%;max-width:25%}.cld-plw-horizontal .cld-plw-panel-item:first-child{margin-left:0}.cld-plw-horizontal .cld-plw-panel-item:last-child{margin-right:0}.cld-plw-vertical{display:flex;flex-direction:row}.cld-plw-vertical.cld-plw-layout>div:first-child{flex:1}.cld-plw-vertical .cld-plw-col-list{display:flex;flex-direction:column;min-width:20%}.cld-plw-vertical .cld-plw-panel{height:100%;overflow:auto}.cld-plw-vertical .cld-plw-panel-item{height:25%}.cld-plw-vertical .cld-plw-panel-item:last-child{margin-bottom:0}.cld-plw-item-title-next{font-weight:bold}.cld-plw-item-info-wrap{position:absolute;bottom:0;left:0;padding:5% 7%;width:100%;transition:color .25s;display:flex;flex-direction:row;justify-content:space-between;box-sizing:border-box}.cld-video-player-skin-dark .cld-plw-item-info-wrap{text-shadow:0 0 1px var(--color-base)}@media only screen and (max-width: 768px){.cld-video-player-skin-dark .cld-plw-item-info-wrap{background:var(--color-base)}}.cld-plw-item-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cld-plw-item-duration{margin-left:10px}.cld-plw-layout.cld-plw-layout-fluid{width:100%}.cld-plw-layout.cld-plw-vertical{flex-direction:row}.cld-plw-layout.cld-plw-horizontal{flex-direction:column}.cld-plw-custom{padding:4px}.cld-plw-custom .cld-plw-panel-item{background:none !important;margin:4px 0}.cld-plw-custom .cld-plw-panel-item:first-child{margin-top:0}.cld-plw-custom .cld-plw-panel-item:last-child{margin-bottom:0}.cld-plw-custom .cld-plw-panel-item img{display:block;width:150px}.cld-plw-custom .cld-plw-panel-item .cld-plw-item-info-wrap{left:160px}.cld-plw-custom .cld-plw-panel-item .cld-plw-item-title-next{display:block}@media only screen and (max-width: 768px){.cld-plw-layout.cld-plw-vertical,.cld-plw-layout.cld-plw-horizontal{flex-direction:column}.cld-plw-layout.cld-plw-vertical .cld-plw-panel,.cld-plw-layout.cld-plw-horizontal .cld-plw-panel{flex-direction:column}.cld-plw-layout.cld-plw-vertical .cld-plw-col-list,.cld-plw-layout.cld-plw-horizontal .cld-plw-col-list{width:inherit !important;height:inherit !important;max-height:340px}.cld-plw-layout.cld-plw-vertical .cld-plw-panel-item,.cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item{background:none !important}.cld-plw-layout.cld-plw-vertical .cld-plw-panel-item img,.cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item img{display:block;width:150px;height:84px}.cld-plw-layout.cld-plw-vertical .cld-plw-panel-item .cld-plw-item-info-wrap,.cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item .cld-plw-item-info-wrap{left:150px;padding:15px 10px;top:0;right:0;width:auto}.cld-plw-layout.cld-plw-vertical .cld-plw-panel-item .cld-plw-item-title-next,.cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item .cld-plw-item-title-next{display:block}.cld-plw-layout.cld-plw-vertical .cld-plw-panel-item .cld-plw-item-title-curr,.cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item .cld-plw-item-title-curr{display:block}.cld-plw-layout.cld-plw-vertical .cld-plw-panel-item .cld-plw-item-title,.cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item .cld-plw-item-title{white-space:normal}.cld-plw-layout.cld-plw-horizontal .cld-plw-col-list{padding-top:0;overflow:auto}.cld-plw-layout.cld-plw-horizontal .cld-plw-panel{position:initial}.cld-plw-layout.cld-plw-horizontal .cld-plw-panel-item{max-width:none}}
 .cld-thumbnail{position:relative;display:block;width:100%;overflow:hidden;font-size:1em;text-align:left;background-repeat:no-repeat;background-size:cover;background-position:center}.cld-thumbnail .cld-thumbnail-img{display:none}.cld-thumbnail:before{content:"";position:absolute;top:40%;max-height:60%;right:0;bottom:0;left:0;background:linear-gradient(to top, var(--color-base), transparent 80%);opacity:.9}.cld-thumbnail.cld-plw-panel-item-active{border:1px solid var(--color-accent);box-sizing:border-box;box-shadow:0 0 3em -0.5em var(--color-accent) inset}.cld-plw-panel-item:hover:after{content:"";position:absolute;width:100%;height:100%;top:0px;left:0px;background-color:var(--color-text);opacity:.2}@media only screen and (max-width: 768px){.cld-thumbnail:before{background:none}}
 .cld-spbl-bar{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.cld-spbl-bar-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(20%);transition:transform .3s}.cld-video-player .vjs-control-bar{transition:width .3s}.shoppable-panel-visible .cld-spbl-bar-inner{transform:translateX(0)}.shoppable-panel-visible .vjs-control-bar{width:80%}.shoppable-panel-visible .cld-spbl-toggle-icon:before{content:""}.cld-spbl-banner-msg{position:absolute;font-size:2em;text-shadow:0 0 5px rgba(0,0,0,.5);left:0;top:calc(50% + 3em);width:100%;text-align:center}.cld-video-player.vjs-has-started .cld-spbl-banner-msg,.cld-video-player.vjs-error .cld-spbl-banner-msg{display:none}.cld-spbl-toggle{position:absolute;top:3%;right:20%;color:inherit;border-radius:6px 0 0 6px;width:40px;height:40px;line-height:40px;font-size:24px;text-align:center;cursor:pointer;pointer-events:all;text-decoration:none}.cld-spbl-toggle:hover{color:inherit;text-decoration:none}.cld-spbl-toggle:focus{outline:none}.cld-spbl-toggle-icon{display:block;animation-duration:1s;animation-fill-mode:both}.cld-spbl-toggle-icon.animate,.shoppable-panel-hidden .cld-spbl-toggle-icon:hover{animation-name:tada;animation-iteration-count:infinite}.cld-spbl-toggle-icon.cld-spbl-toggle-custom-icon{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-repeat:no-repeat;background-size:75%}.shoppable-panel-hidden .cld-spbl-toggle-icon.cld-spbl-toggle-custom-icon:before{display:none}.shoppable-panel-visible .cld-spbl-toggle-icon.cld-spbl-toggle-custom-icon{background-image:none !important}.cld-spbl-panel{position:absolute;top:0;right:0;bottom:0;width:20%;overflow:auto;pointer-events:all;-ms-overflow-style:none;scrollbar-width:none}.cld-spbl-panel::-webkit-scrollbar{display:none}.cld-spbl-item{display:block;position:relative;margin:12px 8px;color:inherit;transform:scale(0.98);transition:transform .3s}.cld-spbl-bar[size=md] .cld-spbl-item{font-size:10px}.cld-spbl-bar[size=sm] .cld-spbl-item{font-size:8px}.cld-spbl-item:before,.cld-spbl-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;box-shadow:0 0 0;transition:box-shadow .3s;border-radius:3px}.cld-spbl-item.active{transform:scale(1)}.cld-spbl-item.active:before{opacity:.5;box-shadow:0 0 0 4px}.cld-spbl-item.active:after{box-shadow:0 0 0 2px}.cld-spbl-item:hover{color:inherit}.cld-spbl-img{max-width:100%;height:auto}.cld-spbl-hover-img{display:none}.cld-spbl-item-info{position:absolute;right:0;bottom:0;left:0;max-height:100%;overflow:hidden;padding:6%}.cld-spbl-overlay{display:inline-flex;position:absolute;top:0;right:0;bottom:0;left:0;line-height:1.3;font-size:120%;text-align:center;padding:10%;z-index:1;opacity:0}.cld-spbl-overlay .cld-spbl-overlay-text{margin:auto}.cld-spbl-item:hover .cld-spbl-overlay{opacity:1}.cld-spbl-item:hover .cld-spbl-overlay~.cld-spbl-item-info{display:none}.cld-spbl-item:hover .cld-spbl-hover-img{display:block}.cld-spbl-item:hover .cld-spbl-hover-img+.cld-spbl-img{display:none}.cld-spbl-post-play .cld-spbl-post-play-bg{position:absolute;top:0;left:0;bottom:0;right:0;background-size:cover}.cld-spbl-post-play .cld-spbl-post-title{position:absolute;font-size:1.5em;text-shadow:0 0 5px rgba(0,0,0,.5);left:0;top:.8em;width:100%;text-align:center}.cld-spbl-post-play .cld-spbl-panel{width:100%;top:16%;height:60%;padding:10px 8px;white-space:nowrap;background:none !important;cursor:grab}.cld-spbl-post-play .cld-spbl-panel:active{cursor:grabbing}.cld-spbl-post-play .cld-spbl-item{display:inline-block;width:28%;padding-top:28%;margin:0 8px;white-space:normal;vertical-align:top;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px 1.2px rgba(0,0,0,.24),0 6px 8px 4px rgba(0,0,0,.24);transform:none}.cld-spbl-post-play .cld-spbl-img{max-width:100%;max-height:100%;position:absolute;top:0;left:0;bottom:0;right:0;margin:0 auto auto}.cld-spbl-post-play .cld-spbl-replay-btn{position:absolute;left:5%;bottom:10%;font-family:inherit;padding:8px 15px;border-radius:5px}.cld-spbl-post-play .cld-spbl-replay-btn:before{font-family:VideoJS;vertical-align:bottom;margin-right:4px}.cld-spbl-post-modal .cld-spbl-bar,.cld-spbl-post-modal .vjs-big-play-button,.cld-spbl-post-modal .vjs-recommendations-overlay{display:none}@keyframes tada{0%{transform:scale3d(1, 1, 1)}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}100%{transform:scale3d(1, 1, 1)}}.shoppable-products-overlay .vjs-title-bar,.shoppable-products-overlay .vjs-big-play-button{display:none !important}.cld-spbl-products-overlay{position:absolute;width:100%;top:50%;transform:translateY(-50%)}.cld-spbl-product-hotspot{pointer-events:all;position:absolute;cursor:pointer;padding:15px}.cld-spbl-product-hotspot:after{content:"";display:block;width:8px;height:8px;background:#fff;box-shadow:0 0 0 4px #0078ff,0 0 0 8px rgba(0,120,255,.24);border-radius:18px}.cld-spbl-product-hotspot:hover .cld-spbl-product-tooltip{display:block}.cld-spbl-product-tooltip{display:none;position:absolute;white-space:nowrap;padding:4px 6px;border-radius:4px;top:100%;left:50%;transform:translateX(-50%)}.cld-spbl-product-tooltip.cld-spbl-product-tooltip-top{top:auto;bottom:100%}.cld-spbl-product-tooltip.cld-spbl-product-tooltip-left{top:50%;right:100%;left:auto;transform:translateY(-50%)}.cld-spbl-product-tooltip.cld-spbl-product-tooltip-right{top:50%;left:100%;transform:translateY(-50%)}
-.vjs-visual-search .vjs-visual-search-wrapper{position:absolute;top:1.5em;right:1.5em;margin-left:auto;display:flex;align-items:center;transition:all .3s ease;border-radius:1.5em;overflow:hidden;background-color:rgba(0,0,0,0);pointer-events:auto}.vjs-visual-search .vjs-visual-search-wrapper.vjs-visual-search-active{background-color:color-mix(in srgb, var(--color-base) 60%, transparent);backdrop-filter:blur(10px)}.vjs-visual-search .vjs-visual-search-wrapper.vjs-visual-search-active .vjs-visual-search-form{width:13.75em;margin-right:.25em;opacity:1}.vjs-visual-search .vjs-visual-search-wrapper.vjs-visual-search-active .vjs-visual-search-button{background-color:rgba(0,0,0,0);text-shadow:none}.vjs-visual-search .vjs-visual-search-wrapper.vjs-visual-search-active .vjs-visual-search-button:hover{text-shadow:0 0 .5em var(--color-accent)}.vjs-visual-search .vjs-visual-search-wrapper:hover:not(.vjs-visual-search-active) .vjs-visual-search-button{background-color:color-mix(in srgb, var(--color-base) 25%, transparent)}.vjs-visual-search .vjs-visual-search-wrapper+.vjs-title-bar-title{padding-right:2em}.vjs-visual-search .vjs-visual-search-button{background:rgba(0,0,0,0);border:none;color:var(--color-text);cursor:pointer;width:2.75em;height:2.75em;padding:.1em;opacity:.9;border-radius:50%;transition:all .25s ease;z-index:2;flex-shrink:0;text-shadow:0 0 1em var(--color-base)}.vjs-visual-search .vjs-visual-search-button:hover{opacity:1}.vjs-visual-search .vjs-visual-search-button>span:before{font-size:1.8em}.vjs-visual-search .vjs-visual-search-button .vjs-loading-spinner{display:none;width:2.15em;height:2.15em;position:absolute;top:.3em;left:.3em;border-width:.4em;transform:none}.vjs-visual-search .vjs-visual-search-button.vjs-waiting>.vjs-icon-search{display:none}.vjs-visual-search .vjs-visual-search-button.vjs-waiting>.vjs-loading-spinner{display:flex}.vjs-visual-search .vjs-visual-search-form{display:flex;align-items:center;width:0;opacity:0;transition:all .3s ease;overflow:hidden}.vjs-visual-search .vjs-visual-search-input{background:rgba(0,0,0,0);border:none;color:var(--color-text);font-size:.938em;padding:0;width:100%;height:2.25em;outline:none}.vjs-visual-search .vjs-visual-search-input::placeholder{color:color-mix(in srgb, white 70%, transparent)}.vjs-visual-search .vjs-visual-search-close{background:rgba(0,0,0,0);border:none;color:var(--color-text);cursor:pointer;width:2em;height:2em;padding:.25em;opacity:.7;transition:opacity .2s ease;flex-shrink:0;text-shadow:0 0 .25em var(--color-base)}.vjs-visual-search .vjs-visual-search-close:hover{opacity:1}.vjs-visual-search .vjs-visual-search-close .vjs-icon-close:before{font-size:1em}.vjs-visual-search .vjs-visual-search-results-wrapper{position:absolute;bottom:100%;left:0;width:100%;height:.75em;z-index:1;background:linear-gradient(to right, color-mix(in srgb, var(--color-accent) 15%, transparent), color-mix(in srgb, var(--color-accent) 15%, transparent)),linear-gradient(to right, color-mix(in srgb, var(--color-base) 20%, transparent), color-mix(in srgb, var(--color-base) 20%, transparent))}.vjs-visual-search .vjs-visual-search-marker{position:absolute;height:100%;background-color:var(--color-accent);opacity:.7;pointer-events:auto;cursor:pointer;transition:opacity .2s ease}.vjs-visual-search .vjs-visual-search-marker:hover{opacity:.8}.vjs-visual-search-results-active .vjs-mouse-display{translate:0 -0.75em}@keyframes vjs-visual-search-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
+.vjs-visual-search .vjs-visual-search-wrapper{position:absolute;top:1.5em;right:1.5em;margin-left:auto;display:flex;align-items:center;transition:all .3s ease;border-radius:1.5em;overflow:hidden;background-color:rgba(0,0,0,0);pointer-events:auto}.vjs-visual-search .vjs-visual-search-wrapper.vjs-visual-search-active{background-color:color-mix(in srgb, var(--color-base) 60%, transparent);backdrop-filter:blur(10px)}.vjs-visual-search .vjs-visual-search-wrapper.vjs-visual-search-active .vjs-visual-search-form{width:13.75em;margin-right:.25em;opacity:1}.vjs-visual-search .vjs-visual-search-wrapper.vjs-visual-search-active .vjs-visual-search-button{background-color:rgba(0,0,0,0);text-shadow:none}.vjs-visual-search .vjs-visual-search-wrapper.vjs-visual-search-active .vjs-visual-search-button:hover{text-shadow:0 0 .5em var(--color-accent)}.vjs-visual-search .vjs-visual-search-wrapper:hover:not(.vjs-visual-search-active) .vjs-visual-search-button{background-color:color-mix(in srgb, var(--color-base) 25%, transparent)}.vjs-visual-search .vjs-visual-search-wrapper+.vjs-title-bar-title{padding-right:2em}.vjs-visual-search .vjs-visual-search-button{background:rgba(0,0,0,0);border:none;color:var(--color-text);cursor:pointer;width:2.75em;height:2.75em;padding:.1em;opacity:.9;border-radius:50%;transition:all .25s ease;z-index:2;flex-shrink:0;text-shadow:0 0 1em var(--color-base)}.vjs-visual-search .vjs-visual-search-button:hover{opacity:1}.vjs-visual-search .vjs-visual-search-button>span:before{font-size:1.8em}.vjs-visual-search .vjs-visual-search-button .vjs-loading-spinner{display:none;width:2.15em;height:2.15em;position:absolute;top:.3em;left:.3em;border-width:.4em;transform:none}.vjs-visual-search .vjs-visual-search-button.vjs-waiting>.vjs-icon-search{display:none}.vjs-visual-search .vjs-visual-search-button.vjs-waiting>.vjs-loading-spinner{display:flex}.vjs-visual-search .vjs-visual-search-form{display:flex;align-items:center;width:0;opacity:0;transition:all .3s ease;overflow:hidden}.vjs-visual-search .vjs-visual-search-input{background:rgba(0,0,0,0);border:none;color:var(--color-text);font-size:.938em;padding:0;width:100%;height:2.25em;outline:none}.vjs-visual-search .vjs-visual-search-input::placeholder{color:color-mix(in srgb, white 70%, transparent)}.vjs-visual-search .vjs-visual-search-close{background:rgba(0,0,0,0);border:none;color:var(--color-text);cursor:pointer;width:2em;height:2em;padding:.25em;opacity:.7;transition:opacity .2s ease;flex-shrink:0;text-shadow:0 0 .25em var(--color-base)}.vjs-visual-search .vjs-visual-search-close:hover{opacity:1}.vjs-visual-search .vjs-visual-search-close .vjs-icon-close:before{font-size:1em}.vjs-visual-search .vjs-visual-search-results-wrapper{position:absolute;bottom:100%;left:0;width:100%;height:.75em;z-index:1;background:linear-gradient(to right, color-mix(in srgb, var(--color-accent) 15%, transparent), color-mix(in srgb, var(--color-accent) 15%, transparent)),linear-gradient(to right, color-mix(in srgb, var(--color-base) 20%, transparent), color-mix(in srgb, var(--color-base) 20%, transparent))}.vjs-visual-search .vjs-visual-search-marker{position:absolute;height:100%;background-color:var(--color-accent);opacity:.7;pointer-events:auto;cursor:pointer;transition:opacity .2s ease}.vjs-visual-search .vjs-visual-search-marker:hover{opacity:.8}.vjs-visual-search .vjs-visual-search-marker:focus{box-shadow:inset 0 0 0 .1em color-mix(in srgb, var(--color-text) 50%, transparent)}.vjs-visual-search-results-active .vjs-mouse-display{translate:0 -0.75em}@keyframes vjs-visual-search-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
 
 /*# sourceMappingURL=cld-video-player.light.min.css.map*/