@onlive.ai/common-121 0.2.66 → 0.2.163

package/components/side-bar/side-bar.js

@@ -0,0 +1,3185 @@
+/*! @onlive.ai/common-121 v0.2.163 | © 2026 Onlive.ai */
+var M=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var l=(r,t,e,o)=>{for(var i=o>1?void 0:o?q(t,e):t,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=(o?a(t,e,i):a(i))||i);return o&&i&&M(t,e,i),i};import"@onlive.ai/ui/dist/components/button/button.js";import"@onlive.ai/ui/dist/components/details/details.js";import"@onlive.ai/ui/dist/components/icon/icon.js";import"@onlive.ai/ui/dist/components/input/input.js";import"@onlive.ai/ui/dist/components/option/option.js";import"@onlive.ai/ui/dist/components/select/select.js";import{html as n,LitElement as K}from"lit";import{property as _,state as m}from"lit/decorators.js";import{classMap as y}from"lit/directives/class-map.js";import{ifDefined as x}from"lit/directives/if-defined.js";import{repeat as C}from"lit/directives/repeat.js";import{when as v}from"lit/directives/when.js";var w=class r{constructor(t){this.config=t}static initialize(t){return new r(t)}getBaseUrl(){return`${this.config.baseUrl}`}getHeaders(){return{"Content-Type":"application/json"}}async makeRequest(t,e={}){let o=`${this.getBaseUrl()}${t}`,i=await fetch(o,{...e,headers:{...this.getHeaders(),...e.headers}});if(!i.ok)throw new Error(`FAQs API error: ${i.status} ${i.statusText}`);return i.json()}async getSettingsByOrganization(t,e){try{let o=new URLSearchParams;e&&o.append("userGroupId",e);let i=o.toString(),s=`${this.getBaseUrl()}/settings/organization/${t}${i?`?${i}`:""}`,a=await fetch(s,{method:"GET",headers:this.getHeaders(),credentials:"include"});if(a.status===404)return null;if(!a.ok)throw new Error(`Failed to fetch settings: ${a.statusText}`);return await a.json()}catch(o){return console.error("Error fetching settings:",o),null}}async getFaqs(t={}){let e=new URLSearchParams;if(t.search&&e.append("search",t.search),t.organizationId&&e.append("organizationId",t.organizationId),t.groupId&&e.append("groupId",t.groupId),t.isActive!==void 0&&e.append("isActive",t.isActive.toString()),t.page&&e.append("page",t.page.toString()),t.limit&&e.append("limit",t.limit.toString()),t.sortBy&&e.append("sortBy",t.sortBy),t.sortOrder&&e.append("sortOrder",t.sortOrder),t.extraFilters){for(let[s,a]of Object.entries(t.extraFilters))if(a&&(Array.isArray(a)?a.length>0:a.toString().trim()!=="")){let c=Array.isArray(a)?a.join(","):a.toString();e.append(`extra_${s}`,c)}}let o=e.toString(),i=`/faqs${o?`?${o}`:""}`;return this.makeRequest(i)}async getFaqById(t){return this.makeRequest(`/faqs/${t}`,{})}};var h=async(r,t)=>{let e=await fetch(r,t);if(!e.ok){let o=await e.json().catch(()=>({}));throw new Error(JSON.stringify({status:e.status,statusText:e.statusText,...o}))}return e&&e.json()};var A=class r{constructor(t){this.config=t,this.enableUpload=t.enableUpload||!1}static getInstance(t){if(!r.instance&&t&&(r.instance=new r(t)),!r.instance)throw new Error("FileService must be initialized with config first");return r.instance}static initialize(t){return r.instance=new r(t),r.instance}async uploadFile(t,e={}){try{let o=await this.requestSignedUrl({filename:t.name,description:e.description,loadDirection:"up",bucketType:e.bucketType||"conversations",path:e.path||".temp",mimeType:t.type});return await this.uploadToSignedUrl(o.data.signedUrlData.signedUrl,t),{success:!0,id:o.data.file.id,name:o.data.file.name,url:o.data.file.url,type:o.data.file.type}}catch(o){return console.error("Error uploading file:",o),{success:!1,error:o instanceof Error?o.message:"Unknown error"}}}async requestSignedUrl(t){let e=`${this.config.baseUrl}/files/upload-url`;return this.makeRequest(e,{method:"POST",body:JSON.stringify(t)})}async uploadToSignedUrl(t,e){let o=await fetch(t,{method:"PUT",body:e,headers:{"Content-Type":e.type}});if(!o.ok){let i=await o.text().catch(()=>"No response");throw new Error(`Upload failed with status: ${o.status}. Response: ${i}`)}}async uploadFileWithRetry(t,e={}){let o=e.maxRetries||3,i=null;for(let s=1;s<=o;s++)try{let a=await this.uploadFile(t,e);if(a.success)return a;throw new Error(a.error||"Upload failed")}catch(a){if(i=a instanceof Error?a:new Error("Unknown error"),s===o)break;let c=2**s*1e3;await new Promise(u=>setTimeout(u,c))}return{success:!1,error:i?.message||"Upload failed after retries"}}async getFileById(t){let e=`${this.config.baseUrl}/files/${t}`,o=await this.makeRequest(e);if(!o.success)throw new Error("Failed to get file");return o.data}async makeRequest(t,e){let o={"Content-Type":"application/json"};return this.config.organizationId&&(o["X-Onlive-Organization-Id"]=this.config.organizationId),e?.headers&&Object.assign(o,e.headers),h(t,{...e,headers:o})}updateConfig(t){this.config={...this.config,...t}}getConfig(){return{...this.config}}};var k=class r{constructor(t){this.config=t}static getInstance(t){if(!r.instance&&t&&(r.instance=new r(t)),!r.instance)throw new Error("MultimediaService must be initialized with config first");return r.instance}static initialize(t){return r.instance=new r(t),r.instance}async getImages(t={}){let e=new URLSearchParams({type:"image",page:(t.page||1).toString(),limit:(t.limit||12).toString(),...t.search&&{search:t.search},...t.labels&&{labels:t.labels.join(",")},...t.includeSecureToken&&{includeSecureToken:t.includeSecureToken.toString()}});this.appendExtraFilters(e,t.extraFilters);let o=`${this.config.baseUrl}/multimedia?${e}`;return this.makeRequest(o)}async getVideos(t={}){let e=new URLSearchParams({type:"video",page:(t.page||1).toString(),limit:(t.limit||12).toString(),...t.search&&{search:t.search},...t.labels&&{labels:t.labels.join(",")},...t.includeSecureToken&&{includeSecureToken:t.includeSecureToken.toString()}});this.appendExtraFilters(e,t.extraFilters);let o=`${this.config.baseUrl}/multimedia?${e}`;return this.makeRequest(o)}async getPresentations(t={}){let e=new URLSearchParams({type:"presentation",page:(t.page||1).toString(),limit:(t.limit||12).toString(),...t.search&&{search:t.search},...t.labels&&{labels:t.labels.join(",")},...t.includeSecureToken&&{includeSecureToken:t.includeSecureToken.toString()}});this.appendExtraFilters(e,t.extraFilters);let o=`${this.config.baseUrl}/multimedia?${e}`;return this.makeRequest(o)}async getAllMultimedia(t={}){let[e,o,i]=await Promise.all([this.getImages(t),this.getVideos(t),this.getPresentations(t)]);return{images:e,videos:o,presentations:i}}async getMultimediaByToken(t){let e=`${this.config.baseUrl}/multimedia/secure-token/${t}`;return this.makeRequest(e,!1)}async searchMultimedia(t,e){let o={search:t,page:1,limit:50,includeSecureToken:!0};if(e)return this.getMultimediaByType(e,o);let[i,s,a]=await Promise.all([this.getImages(o),this.getVideos(o),this.getPresentations(o)]),c=[...i.items,...s.items,...a.items];return{items:c,total:c.length,count:c.length,currentPage:1,totalPages:1}}async getMultimediaByType(t,e){switch(t){case"image":return this.getImages(e);case"video":return this.getVideos(e);case"presentation":return this.getPresentations(e);default:throw new Error(`Invalid multimedia type: ${t}`)}}appendExtraFilters(t,e){if(e){for(let[o,i]of Object.entries(e))if(i&&(Array.isArray(i)?i.length>0:i.toString().trim()!=="")){let s=Array.isArray(i)?i.join(","):i.toString();t.append(`extra_${o}`,s)}}}async makeRequest(t,e=!0){let o={"Content-Type":"application/json","X-Onlive-Organization-Id":this.config.organizationId};return h(t,{method:"GET",headers:o,credentials:e?"include":void 0})}updateConfig(t){this.config={...this.config,...t}}getConfig(){return{...this.config}}};var S=class r{constructor(t){this.config=t}static getInstance(t){if(!r.instance&&t&&(r.instance=new r(t)),!r.instance)throw new Error("ProductService must be initialized with config first");return r.instance}static initialize(t){return r.instance=new r(t),r.instance}async getProducts(t={}){let e=new URLSearchParams({...t.title&&{title:t.title},...t.search&&{search:t.search},...t.category&&{category:t.category},...t.tags&&{tags:t.tags.join(",")},...t.sortBy&&{sortBy:t.sortBy},...t.sortOrder&&{sortOrder:t.sortOrder},...t.minPrice&&{minPrice:t.minPrice.toString()},...t.maxPrice&&{maxPrice:t.maxPrice.toString()},...t.inStock!==void 0&&{inStock:t.inStock.toString()},...t.offset&&{offset:t.offset.toString()},...t.includeSecureToken&&{includeSecureToken:t.includeSecureToken.toString()}});t.extraFields&&Object.keys(t.extraFields).length>0&&e.append("extraFields",JSON.stringify(t.extraFields));let o=`${this.config.baseUrl}/products?${e}`;return this.makeRequest(o,!0)}async getProductByToken(t){let e=`${this.config.baseUrl}/products/secure-token/${t}`;return this.makeRequest(e)}async searchProducts(t,e={}){return this.getProducts({...e,search:t})}async makeRequest(t,e=!1){let o={"Content-Type":"application/json","X-Onlive-Organization-Id":this.config.organizationId};return h(t,{method:"GET",headers:o,credentials:e?"include":"same-origin"})}updateConfig(t){this.config={...this.config,...t}}getConfig(){return{...this.config}}};var U=(r,t)=>(customElements.get(r)?console.debug(`Custom element <${r}> is already defined, skipping definition of ${t.name}.`):window.customElements.define(r,t),t),V=(r,t)=>{let{kind:e,elements:o}=t;return{kind:e,elements:o,finisher(i){customElements.get(r)||window.customElements.define(r,i)}}},b=r=>t=>typeof t=="function"?U(r,t):V(r,t);import"@onlive.ai/ui/dist/components/button/button.js";import"@onlive.ai/ui/dist/components/icon/icon.js";import{html as P,LitElement as J}from"lit";import{property as $,query as G}from"lit/decorators.js";import{repeat as H}from"lit/directives/repeat.js";import N from"video.js";import{css as Y,unsafeCSS as L}from"lit";import D from"video.js/dist/video-js.min.css?inline";var T=Y`
+  ${L(D)}
+  .och__player {
+    width: 100%;
+    height: auto;
+    aspect-ratio: 16 / 9;
+  }
+  .video-js .vjs-big-play-button,
+  .video-js:hover .vjs-big-play-button {
+    font-size: 45px;
+    border: none;
+    background: transparent;
+    transition: all 0.2s ease;
+  }
+`;var j=class extends J{constructor(){super(...arguments);this.sources=[];this.player=null}connectedCallback(){super.connectedCallback();let e="videojs-font-face";if(!document.head.querySelector(`#${e}`)){let o=document.createElement("style");o.id=e,o.innerHTML=`
+        @font-face {
+          font-family: VideoJS;
+          src:
+            url(https://cdn.onlive.site/fonts/video-js/font/VideoJS.woff) format("woff"),
+            url(https://cdn.onlive.site/fonts/video-js/font/VideoJS.ttf) format("truetype");
+        }`,document.head.appendChild(o)}}firstUpdated(){this.$player&&(this.player=N(this.$player,{controls:!0,controlBar:{children:["playToggle","progressControl","volumePanel","fullscreenToggle"]}}))}play(){this.player?.play()}pause(){this.player?.pause()}render(){return P`
+      <video
+        id="player"
+        class="och__player video-js video-js vjs-16-9 vjs-controls-enabled vjs-workinghover vjs-v8 vjs-theme-sea vjs_video_2321-dimensions vjs-has-started vjs-paused vjs-user-inactive"
+      >
+        ${H(this.sources,e=>e.src,e=>P`<source src=${e.src} type=${e.type}></source>`)}
+        <p class="vjs-no-js">
+          To view this video please enable JavaScript, and consider upgrading to a web browser that
+          <a href="https://videojs.com/html5-video-support/" target="_blank"> supports HTML5 video </a>
+        </p>
+      </video>
+      <style>
+        .vjs-svg-icon {
+    display: inline-block;
+    background-repeat: no-repeat;
+    background-position: center;
+    fill: currentColor;
+    height: 1.8em;
+    width: 1.8em
+}
+
+.vjs-svg-icon:before {
+    content: none !important
+}
+
+.vjs-control:focus .vjs-svg-icon, .vjs-svg-icon:hover {
+    filter: drop-shadow(0 0 .25em #fff)
+}
+
+.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-button>.vjs-icon-placeholder:before, .vjs-modal-dialog .vjs-modal-dialog-content {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%
+}
+
+.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button>.vjs-icon-placeholder:before {
+    text-align: center
+}
+
+@font-face {
+    font-family: VideoJS;
+    src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before {
+    content: "\f101"
+}
+
+.vjs-icon-play-circle {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-play-circle:before {
+    content: "\f102"
+}
+
+.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .vjs-icon-pause {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .vjs-icon-pause:before {
+    content: "\f103"
+}
+
+.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder, .vjs-icon-volume-mute {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before, .vjs-icon-volume-mute:before {
+    content: "\f104"
+}
+
+.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder, .vjs-icon-volume-low {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before, .vjs-icon-volume-low:before {
+    content: "\f105"
+}
+
+.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder, .vjs-icon-volume-mid {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before, .vjs-icon-volume-mid:before {
+    content: "\f106"
+}
+
+.video-js .vjs-mute-control .vjs-icon-placeholder, .vjs-icon-volume-high {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-volume-high:before {
+    content: "\f107"
+}
+
+.video-js .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-enter {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before {
+    content: "\f108"
+}
+
+.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-exit {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-exit:before {
+    content: "\f109"
+}
+
+.vjs-icon-spinner {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-spinner:before {
+    content: "\f10a"
+}
+
+.video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-subtitles {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-subtitles:before {
+    content: "\f10b"
+}
+
+.video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-captions {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-captions:before {
+    content: "\f10c"
+}
+
+.vjs-icon-hd {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-hd:before {
+    content: "\f10d"
+}
+
+.video-js .vjs-chapters-button .vjs-icon-placeholder, .vjs-icon-chapters {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-chapters-button .vjs-icon-placeholder:before, .vjs-icon-chapters:before {
+    content: "\f10e"
+}
+
+.vjs-icon-downloading {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-downloading:before {
+    content: "\f10f"
+}
+
+.vjs-icon-file-download {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-file-download:before {
+    content: "\f110"
+}
+
+.vjs-icon-file-download-done {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-file-download-done:before {
+    content: "\f111"
+}
+
+.vjs-icon-file-download-off {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-file-download-off:before {
+    content: "\f112"
+}
+
+.vjs-icon-share {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-share:before {
+    content: "\f113"
+}
+
+.vjs-icon-cog {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-cog:before {
+    content: "\f114"
+}
+
+.vjs-icon-square {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-square:before {
+    content: "\f115"
+}
+
+.video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before {
+    content: "\f116"
+}
+
+.vjs-icon-circle-outline {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-circle-outline:before {
+    content: "\f117"
+}
+
+.vjs-icon-circle-inner-circle {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-circle-inner-circle:before {
+    content: "\f118"
+}
+
+.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder, .vjs-icon-cancel {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before, .vjs-icon-cancel:before {
+    content: "\f119"
+}
+
+.vjs-icon-repeat {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-repeat:before {
+    content: "\f11a"
+}
+
+.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder, .vjs-icon-replay {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-replay:before {
+    content: "\f11b"
+}
+
+.video-js .vjs-skip-backward-5 .vjs-icon-placeholder, .vjs-icon-replay-5 {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before, .vjs-icon-replay-5:before {
+    content: "\f11c"
+}
+
+.video-js .vjs-skip-backward-10 .vjs-icon-placeholder, .vjs-icon-replay-10 {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before, .vjs-icon-replay-10:before {
+    content: "\f11d"
+}
+
+.video-js .vjs-skip-backward-30 .vjs-icon-placeholder, .vjs-icon-replay-30 {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before, .vjs-icon-replay-30:before {
+    content: "\f11e"
+}
+
+.video-js .vjs-skip-forward-5 .vjs-icon-placeholder, .vjs-icon-forward-5 {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before, .vjs-icon-forward-5:before {
+    content: "\f11f"
+}
+
+.video-js .vjs-skip-forward-10 .vjs-icon-placeholder, .vjs-icon-forward-10 {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before, .vjs-icon-forward-10:before {
+    content: "\f120"
+}
+
+.video-js .vjs-skip-forward-30 .vjs-icon-placeholder, .vjs-icon-forward-30 {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before, .vjs-icon-forward-30:before {
+    content: "\f121"
+}
+
+.video-js .vjs-audio-button .vjs-icon-placeholder, .vjs-icon-audio {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-audio-button .vjs-icon-placeholder:before, .vjs-icon-audio:before {
+    content: "\f122"
+}
+
+.vjs-icon-next-item {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-next-item:before {
+    content: "\f123"
+}
+
+.vjs-icon-previous-item {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-previous-item:before {
+    content: "\f124"
+}
+
+.vjs-icon-shuffle {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-shuffle:before {
+    content: "\f125"
+}
+
+.vjs-icon-cast {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-cast:before {
+    content: "\f126"
+}
+
+.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-picture-in-picture-enter {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-enter:before {
+    content: "\f127"
+}
+
+.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder, .vjs-icon-picture-in-picture-exit {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-exit:before {
+    content: "\f128"
+}
+
+.vjs-icon-facebook {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-facebook:before {
+    content: "\f129"
+}
+
+.vjs-icon-linkedin {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-linkedin:before {
+    content: "\f12a"
+}
+
+.vjs-icon-twitter {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-twitter:before {
+    content: "\f12b"
+}
+
+.vjs-icon-tumblr {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-tumblr:before {
+    content: "\f12c"
+}
+
+.vjs-icon-pinterest {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.vjs-icon-pinterest:before {
+    content: "\f12d"
+}
+
+.video-js .vjs-descriptions-button .vjs-icon-placeholder, .vjs-icon-audio-description {
+    font-family: VideoJS;
+    font-weight: 400;
+    font-style: normal
+}
+
+.video-js .vjs-descriptions-button .vjs-icon-placeholder:before, .vjs-icon-audio-description:before {
+    content: "\f12e"
+}
+
+.video-js {
+    display: inline-block;
+    vertical-align: top;
+    box-sizing: border-box;
+    color: #fff;
+    background-color: #000;
+    position: relative;
+    padding: 0;
+    font-size: 10px;
+    line-height: 1;
+    font-weight: 400;
+    font-style: normal;
+    font-family: Arial, Helvetica, sans-serif;
+    word-break: initial
+}
+
+.video-js:-moz-full-screen {
+    position: absolute
+}
+
+.video-js:-webkit-full-screen {
+    width: 100% !important;
+    height: 100% !important
+}
+
+.video-js[tabindex="-1"] {
+    outline: 0
+}
+
+.video-js *, .video-js :after, .video-js :before {
+    box-sizing: inherit
+}
+
+.video-js ul {
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    list-style-position: outside;
+    margin-left: 0;
+    margin-right: 0;
+    margin-top: 0;
+    margin-bottom: 0
+}
+
+.video-js.vjs-1-1, .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-9-16, .video-js.vjs-fluid {
+    width: 100%;
+    max-width: 100%
+}
+
+.video-js.vjs-1-1:not(.vjs-audio-only-mode), .video-js.vjs-16-9:not(.vjs-audio-only-mode), .video-js.vjs-4-3:not(.vjs-audio-only-mode), .video-js.vjs-9-16:not(.vjs-audio-only-mode), .video-js.vjs-fluid:not(.vjs-audio-only-mode) {
+    height: 0
+}
+
+.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
+    padding-top: 56.25%
+}
+
+.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
+    padding-top: 75%
+}
+
+.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
+    padding-top: 177.7777777778%
+}
+
+.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
+    padding-top: 100%
+}
+
+.video-js.vjs-fill:not(.vjs-audio-only-mode) {
+    width: 100%;
+    height: 100%
+}
+
+.video-js .vjs-tech {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%
+}
+
+.video-js.vjs-audio-only-mode .vjs-tech {
+    display: none
+}
+
+body.vjs-full-window, body.vjs-pip-window {
+    padding: 0;
+    margin: 0;
+    height: 100%
+}
+
+.vjs-full-window .video-js.vjs-fullscreen, body.vjs-pip-window .video-js {
+    position: fixed;
+    overflow: hidden;
+    z-index: 1000;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0
+}
+
+.video-js.vjs-fullscreen:not(.vjs-ios-native-fs), body.vjs-pip-window .video-js {
+    width: 100% !important;
+    height: 100% !important;
+    padding-top: 0 !important;
+    display: block
+}
+
+.video-js.vjs-fullscreen.vjs-user-inactive {
+    cursor: none
+}
+
+.vjs-pip-container .vjs-pip-text {
+    position: absolute;
+    bottom: 10%;
+    font-size: 2em;
+    background-color: rgba(0, 0, 0, .7);
+    padding: .5em;
+    text-align: center;
+    width: 100%
+}
+
+.vjs-layout-small.vjs-pip-container .vjs-pip-text, .vjs-layout-tiny.vjs-pip-container .vjs-pip-text, .vjs-layout-x-small.vjs-pip-container .vjs-pip-text {
+    bottom: 0;
+    font-size: 1.4em
+}
+
+.vjs-hidden {
+    display: none !important
+}
+
+.vjs-disabled {
+    opacity: .5;
+    cursor: default
+}
+
+.video-js .vjs-offscreen {
+    height: 1px;
+    left: -9999px;
+    position: absolute;
+    top: 0;
+    width: 1px
+}
+
+.vjs-lock-showing {
+    display: block !important;
+    opacity: 1 !important;
+    visibility: visible !important
+}
+
+.vjs-no-js {
+    padding: 20px;
+    color: #fff;
+    background-color: #000;
+    font-size: 18px;
+    font-family: Arial, Helvetica, sans-serif;
+    text-align: center;
+    width: 300px;
+    height: 150px;
+    margin: 0 auto
+}
+
+.vjs-no-js a, .vjs-no-js a:visited {
+    color: #66a8cc
+}
+
+.video-js .vjs-big-play-button {
+    font-size: 3em;
+    line-height: 1.5em;
+    height: 1.63332em;
+    width: 3em;
+    display: block;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    padding: 0;
+    margin-top: -.81666em;
+    margin-left: -1.5em;
+    cursor: pointer;
+    opacity: 1;
+    border: .06666em solid #fff;
+    background-color: #2b333f;
+    background-color: rgba(43, 51, 63, .7);
+    border-radius: .3em;
+    transition: all .4s
+}
+
+.vjs-big-play-button .vjs-svg-icon {
+    width: 1em;
+    height: 1em;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    line-height: 1;
+    transform: translate(-50%, -50%)
+}
+
+.video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
+    border-color: #fff;
+    background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
+    background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, .5);
+    transition: all 0s
+}
+
+.vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button {
+    display: none
+}
+
+.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
+    display: block
+}
+
+.video-js button {
+    background: 0 0;
+    border: none;
+    color: inherit;
+    display: inline-block;
+    font-size: inherit;
+    line-height: inherit;
+    text-transform: none;
+    text-decoration: none;
+    transition: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none
+}
+
+.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
+    outline: .0625em solid #fff;
+    box-shadow: none
+}
+
+.vjs-control .vjs-button {
+    width: 100%;
+    height: 100%
+}
+
+.video-js .vjs-control.vjs-close-button {
+    cursor: pointer;
+    height: 3em;
+    position: absolute;
+    right: 0;
+    top: .5em;
+    z-index: 2
+}
+
+.video-js .vjs-modal-dialog {
+    background: rgba(0, 0, 0, .8);
+    background: linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(255, 255, 255, 0));
+    overflow: auto
+}
+
+.video-js .vjs-modal-dialog>* {
+    box-sizing: border-box
+}
+
+.vjs-modal-dialog .vjs-modal-dialog-content {
+    font-size: 1.2em;
+    line-height: 1.5;
+    padding: 20px 24px;
+    z-index: 1
+}
+
+.vjs-menu-button {
+    cursor: pointer
+}
+
+.vjs-menu-button.vjs-disabled {
+    cursor: default
+}
+
+.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
+    display: none
+}
+
+.vjs-menu .vjs-menu-content {
+    display: block;
+    padding: 0;
+    margin: 0;
+    font-family: Arial, Helvetica, sans-serif;
+    overflow: auto
+}
+
+.vjs-menu .vjs-menu-content>* {
+    box-sizing: border-box
+}
+
+.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
+    display: none
+}
+
+.vjs-menu li {
+    display: flex;
+    justify-content: center;
+    list-style: none;
+    margin: 0;
+    padding: .2em 0;
+    line-height: 1.4em;
+    font-size: 1.2em;
+    text-align: center;
+    text-transform: lowercase
+}
+
+.js-focus-visible .vjs-menu li.vjs-menu-item:hover, .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover {
+    background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
+    background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, .5)
+}
+
+.js-focus-visible .vjs-menu li.vjs-selected:hover, .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover {
+    background-color: #fff;
+    color: #2b333f
+}
+
+.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon, .vjs-menu li.vjs-selected .vjs-svg-icon, .vjs-menu li.vjs-selected:focus .vjs-svg-icon, .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
+    fill: #000
+}
+
+.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible), .video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) {
+    background: 0 0
+}
+
+.vjs-menu li.vjs-menu-title {
+    text-align: center;
+    text-transform: uppercase;
+    font-size: 1em;
+    line-height: 2em;
+    padding: 0;
+    margin: 0 0 .3em 0;
+    font-weight: 700;
+    cursor: default
+}
+
+.vjs-menu-button-popup .vjs-menu {
+    display: none;
+    position: absolute;
+    bottom: 0;
+    width: 10em;
+    left: -3em;
+    height: 0;
+    margin-bottom: 1.5em;
+    border-top-color: rgba(43, 51, 63, .7)
+}
+
+.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
+    left: unset;
+    right: 1em
+}
+
+.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+    background-color: #2b333f;
+    background-color: rgba(43, 51, 63, .7);
+    position: absolute;
+    width: 100%;
+    bottom: 1.5em;
+    max-height: 15em
+}
+
+.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+    max-height: 5em
+}
+
+.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+    max-height: 10em
+}
+
+.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+    max-height: 14em
+}
+
+.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+    max-height: 25em
+}
+
+.vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
+    display: block
+}
+
+.video-js .vjs-menu-button-inline {
+    transition: all .4s;
+    overflow: hidden
+}
+
+.video-js .vjs-menu-button-inline:before {
+    width: 2.222222222em
+}
+
+.video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover {
+    width: 12em
+}
+
+.vjs-menu-button-inline .vjs-menu {
+    opacity: 0;
+    height: 100%;
+    width: auto;
+    position: absolute;
+    left: 4em;
+    top: 0;
+    padding: 0;
+    margin: 0;
+    transition: all .4s
+}
+
+.vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu {
+    display: block;
+    opacity: 1
+}
+
+.vjs-menu-button-inline .vjs-menu-content {
+    width: auto;
+    height: 100%;
+    margin: 0;
+    overflow: hidden
+}
+
+.video-js .vjs-control-bar {
+    display: none;
+    width: 100%;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 3em;
+    background-color: #2b333f;
+    background-color: rgba(43, 51, 63, .7)
+}
+
+.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
+    gap: 1px
+}
+
+.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
+    display: flex !important
+}
+
+.vjs-audio-only-mode .vjs-control-bar, .vjs-has-started .vjs-control-bar {
+    display: flex;
+    visibility: visible;
+    opacity: 1;
+    transition: visibility .1s, opacity .1s
+}
+
+.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
+    visibility: visible;
+    opacity: 0;
+    pointer-events: none;
+    transition: visibility 1s, opacity 1s
+}
+
+.vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar {
+    display: none !important
+}
+
+.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar, .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
+    opacity: 1;
+    visibility: visible;
+    pointer-events: auto
+}
+
+.video-js .vjs-control {
+    position: relative;
+    text-align: center;
+    margin: 0;
+    padding: 0;
+    height: 100%;
+    width: 4em;
+    flex: none
+}
+
+.video-js .vjs-control.vjs-visible-text {
+    width: auto;
+    padding-left: 1em;
+    padding-right: 1em
+}
+
+.vjs-button>.vjs-icon-placeholder:before {
+    font-size: 1.8em;
+    line-height: 1.67
+}
+
+.vjs-button>.vjs-icon-placeholder {
+    display: block
+}
+
+.vjs-button>.vjs-svg-icon {
+    display: inline-block
+}
+
+.video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before {
+    text-shadow: 0 0 1em #fff
+}
+
+.video-js :not(.vjs-visible-text)>.vjs-control-text {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px
+}
+
+.video-js .vjs-custom-control-spacer {
+    display: none
+}
+
+.video-js .vjs-progress-control {
+    cursor: pointer;
+    flex: auto;
+    display: flex;
+    align-items: center;
+    min-width: 4em;
+    touch-action: none
+}
+
+.video-js .vjs-progress-control.disabled {
+    cursor: default
+}
+
+.vjs-live .vjs-progress-control {
+    display: none
+}
+
+.vjs-liveui .vjs-progress-control {
+    display: flex;
+    align-items: center
+}
+
+.video-js .vjs-progress-holder {
+    flex: auto;
+    transition: all .2s;
+    height: .3em
+}
+
+.video-js .vjs-progress-control .vjs-progress-holder {
+    margin: 0 10px
+}
+
+.video-js .vjs-progress-control:hover .vjs-progress-holder, .video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder {
+    font-size: 1.6666666667em
+}
+
+.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
+    font-size: 1em
+}
+
+.video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-progress {
+    position: absolute;
+    display: block;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    width: 0
+}
+
+.video-js .vjs-play-progress {
+    background-color: #fff
+}
+
+.video-js .vjs-play-progress:before {
+    font-size: .9em;
+    position: absolute;
+    right: -.5em;
+    line-height: .35em;
+    z-index: 1
+}
+
+.vjs-svg-icons-enabled .vjs-play-progress:before {
+    content: none !important
+}
+
+.vjs-play-progress .vjs-svg-icon {
+    position: absolute;
+    top: -.35em;
+    right: -.4em;
+    width: .9em;
+    height: .9em;
+    pointer-events: none;
+    line-height: .15em;
+    z-index: 1
+}
+
+.video-js .vjs-load-progress {
+    background: rgba(114.9141509434, 132.7028301887, 159.3858490566, .5)
+}
+
+.video-js .vjs-load-progress div {
+    background: rgba(114.9141509434, 132.7028301887, 159.3858490566, .75)
+}
+
+.video-js .vjs-time-tooltip {
+    background-color: #fff;
+    background-color: rgba(255, 255, 255, .8);
+    border-radius: .3em;
+    color: #000;
+    float: right;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 1em;
+    padding: 6px 8px 8px 8px;
+    pointer-events: none;
+    position: absolute;
+    top: -3.4em;
+    visibility: hidden;
+    z-index: 1
+}
+
+.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
+    display: none
+}
+
+.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip {
+    display: block;
+    font-size: .6em;
+    visibility: visible
+}
+
+.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
+    font-size: 1em
+}
+
+.video-js .vjs-progress-control .vjs-mouse-display {
+    display: none;
+    position: absolute;
+    width: 1px;
+    height: 100%;
+    background-color: #000;
+    z-index: 1
+}
+
+.video-js .vjs-progress-control:hover .vjs-mouse-display {
+    display: block
+}
+
+.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display {
+    display: block
+}
+
+.video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
+    visibility: hidden;
+    opacity: 0;
+    transition: visibility 1s, opacity 1s
+}
+
+.vjs-mouse-display .vjs-time-tooltip {
+    color: #fff;
+    background-color: #000;
+    background-color: rgba(0, 0, 0, .8)
+}
+
+.video-js .vjs-slider {
+    position: relative;
+    cursor: pointer;
+    padding: 0;
+    margin: 0 .45em 0 .45em;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+    background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
+    background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, .5)
+}
+
+.video-js .vjs-slider.disabled {
+    cursor: default
+}
+
+.video-js .vjs-slider:focus {
+    text-shadow: 0 0 1em #fff;
+    box-shadow: 0 0 1em #fff
+}
+
+.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
+    outline: .0625em solid #fff
+}
+
+.video-js .vjs-mute-control {
+    cursor: pointer;
+    flex: none
+}
+
+.video-js .vjs-volume-control {
+    cursor: pointer;
+    margin-right: 1em;
+    display: flex
+}
+
+.video-js .vjs-volume-control.vjs-volume-horizontal {
+    width: 5em
+}
+
+.video-js .vjs-volume-panel .vjs-volume-control {
+    visibility: visible;
+    opacity: 0;
+    width: 1px;
+    height: 1px;
+    margin-left: -1px
+}
+
+.video-js .vjs-volume-panel {
+    transition: width 1s
+}
+
+.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control {
+    visibility: visible;
+    opacity: 1;
+    position: relative;
+    transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
+}
+
+.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
+    width: 5em;
+    height: 3em;
+    margin-right: 0
+}
+
+.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
+    left: -3.5em;
+    transition: left 0s
+}
+
+.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
+    width: 10em;
+    transition: width .1s
+}
+
+.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
+    width: 4em
+}
+
+.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
+    height: 8em;
+    width: 3em;
+    left: -3000em;
+    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
+}
+
+.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
+    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
+}
+
+.video-js .vjs-volume-panel {
+    display: flex
+}
+
+.video-js .vjs-volume-bar {
+    margin: 1.35em .45em
+}
+
+.vjs-volume-bar.vjs-slider-horizontal {
+    width: 5em;
+    height: .3em
+}
+
+.vjs-volume-bar.vjs-slider-vertical {
+    width: .3em;
+    height: 5em;
+    margin: 1.35em auto
+}
+
+.video-js .vjs-volume-level {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    background-color: #fff
+}
+
+.video-js .vjs-volume-level:before {
+    position: absolute;
+    font-size: .9em;
+    z-index: 1
+}
+
+.vjs-slider-vertical .vjs-volume-level {
+    width: .3em
+}
+
+.vjs-slider-vertical .vjs-volume-level:before {
+    top: -.5em;
+    left: -.3em;
+    z-index: 1
+}
+
+.vjs-svg-icons-enabled .vjs-volume-level:before {
+    content: none
+}
+
+.vjs-volume-level .vjs-svg-icon {
+    position: absolute;
+    width: .9em;
+    height: .9em;
+    pointer-events: none;
+    z-index: 1
+}
+
+.vjs-slider-horizontal .vjs-volume-level {
+    height: .3em
+}
+
+.vjs-slider-horizontal .vjs-volume-level:before {
+    line-height: .35em;
+    right: -.5em
+}
+
+.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
+    right: -.3em;
+    transform: translateY(-50%)
+}
+
+.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
+    top: -.55em;
+    transform: translateX(-50%)
+}
+
+.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
+    width: 4em
+}
+
+.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
+    height: 100%
+}
+
+.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
+    width: 100%
+}
+
+.video-js .vjs-volume-vertical {
+    width: 3em;
+    height: 8em;
+    bottom: 8em;
+    background-color: #2b333f;
+    background-color: rgba(43, 51, 63, .7)
+}
+
+.video-js .vjs-volume-horizontal .vjs-menu {
+    left: -2em
+}
+
+.video-js .vjs-volume-tooltip {
+    background-color: #fff;
+    background-color: rgba(255, 255, 255, .8);
+    border-radius: .3em;
+    color: #000;
+    float: right;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 1em;
+    padding: 6px 8px 8px 8px;
+    pointer-events: none;
+    position: absolute;
+    top: -3.4em;
+    visibility: hidden;
+    z-index: 1
+}
+
+.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip, .video-js .vjs-volume-control:hover .vjs-volume-tooltip {
+    display: block;
+    font-size: 1em;
+    visibility: visible
+}
+
+.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip, .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip {
+    left: 1em;
+    top: -12px
+}
+
+.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
+    font-size: 1em
+}
+
+.video-js .vjs-volume-control .vjs-mouse-display {
+    display: none;
+    position: absolute;
+    width: 100%;
+    height: 1px;
+    background-color: #000;
+    z-index: 1
+}
+
+.video-js .vjs-volume-horizontal .vjs-mouse-display {
+    width: 1px;
+    height: 100%
+}
+
+.video-js .vjs-volume-control:hover .vjs-mouse-display {
+    display: block
+}
+
+.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
+    visibility: hidden;
+    opacity: 0;
+    transition: visibility 1s, opacity 1s
+}
+
+.vjs-mouse-display .vjs-volume-tooltip {
+    color: #fff;
+    background-color: #000;
+    background-color: rgba(0, 0, 0, .8)
+}
+
+.vjs-poster {
+    display: inline-block;
+    vertical-align: middle;
+    cursor: pointer;
+    margin: 0;
+    padding: 0;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    height: 100%
+}
+
+.vjs-has-started .vjs-poster, .vjs-using-native-controls .vjs-poster {
+    display: none
+}
+
+.vjs-audio.vjs-has-started .vjs-poster, .vjs-has-started.vjs-audio-poster-mode .vjs-poster, .vjs-pip-container.vjs-has-started .vjs-poster {
+    display: block
+}
+
+.vjs-poster img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain
+}
+
+.video-js .vjs-live-control {
+    display: flex;
+    align-items: flex-start;
+    flex: auto;
+    font-size: 1em;
+    line-height: 3em
+}
+
+.video-js.vjs-liveui .vjs-live-control, .video-js:not(.vjs-live) .vjs-live-control {
+    display: none
+}
+
+.video-js .vjs-seek-to-live-control {
+    align-items: center;
+    cursor: pointer;
+    flex: none;
+    display: inline-flex;
+    height: 100%;
+    padding-left: .5em;
+    padding-right: .5em;
+    font-size: 1em;
+    line-height: 3em;
+    width: auto;
+    min-width: 4em
+}
+
+.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control {
+    display: none
+}
+
+.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
+    cursor: auto
+}
+
+.vjs-seek-to-live-control .vjs-icon-placeholder {
+    margin-right: .5em;
+    color: #888
+}
+
+.vjs-svg-icons-enabled .vjs-seek-to-live-control {
+    line-height: 0
+}
+
+.vjs-seek-to-live-control .vjs-svg-icon {
+    width: 1em;
+    height: 1em;
+    pointer-events: none;
+    fill: #888
+}
+
+.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
+    color: red
+}
+
+.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
+    fill: red
+}
+
+.video-js .vjs-time-control {
+    flex: none;
+    font-size: 1em;
+    line-height: 3em;
+    min-width: 2em;
+    width: auto;
+    padding-left: 1em;
+    padding-right: 1em
+}
+
+.video-js .vjs-current-time, .video-js .vjs-duration, .vjs-live .vjs-time-control, .vjs-live .vjs-time-divider {
+    display: none
+}
+
+.vjs-time-divider {
+    display: none;
+    line-height: 3em
+}
+
+.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control {
+    display: flex
+}
+
+.video-js .vjs-play-control {
+    cursor: pointer
+}
+
+.video-js .vjs-play-control .vjs-icon-placeholder {
+    flex: none
+}
+
+.vjs-text-track-display {
+    position: absolute;
+    bottom: 3em;
+    left: 0;
+    right: 0;
+    top: 0;
+    pointer-events: none
+}
+
+.vjs-error .vjs-text-track-display {
+    display: none
+}
+
+.video-js.vjs-controls-disabled .vjs-text-track-display, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
+    bottom: 1em
+}
+
+.video-js .vjs-text-track {
+    font-size: 1.4em;
+    text-align: center;
+    margin-bottom: .1em
+}
+
+.vjs-subtitles {
+    color: #fff
+}
+
+.vjs-captions {
+    color: #fc6
+}
+
+.vjs-tt-cue {
+    display: block
+}
+
+video::-webkit-media-text-track-display {
+    transform: translateY(-3em)
+}
+
+.video-js.vjs-controls-disabled video::-webkit-media-text-track-display, .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
+    transform: translateY(-1.5em)
+}
+
+.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
+    text-align: center !important;
+    width: 80% !important
+}
+
+@supports not (inset:10px) {
+    .video-js .vjs-text-track-display>div {
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0
+    }
+}
+
+.video-js .vjs-picture-in-picture-control {
+    cursor: pointer;
+    flex: none
+}
+
+.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control, .vjs-pip-window .vjs-picture-in-picture-control {
+    display: none
+}
+
+.video-js .vjs-fullscreen-control {
+    cursor: pointer;
+    flex: none
+}
+
+.video-js.vjs-audio-only-mode .vjs-fullscreen-control, .vjs-pip-window .vjs-fullscreen-control {
+    display: none
+}
+
+.vjs-playback-rate .vjs-playback-rate-value, .vjs-playback-rate>.vjs-menu-button {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%
+}
+
+.vjs-playback-rate .vjs-playback-rate-value {
+    pointer-events: none;
+    font-size: 1.5em;
+    line-height: 2;
+    text-align: center
+}
+
+.vjs-playback-rate .vjs-menu {
+    width: 4em;
+    left: 0
+}
+
+.vjs-error .vjs-error-display .vjs-modal-dialog-content {
+    font-size: 1.4em;
+    text-align: center
+}
+
+.vjs-loading-spinner {
+    display: none;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    opacity: .85;
+    text-align: left;
+    border: .6em solid rgba(43, 51, 63, .7);
+    box-sizing: border-box;
+    background-clip: padding-box;
+    width: 5em;
+    height: 5em;
+    border-radius: 50%;
+    visibility: hidden
+}
+
+.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    animation: vjs-spinner-show 0s linear .3s forwards
+}
+
+.vjs-error .vjs-loading-spinner {
+    display: none
+}
+
+.vjs-loading-spinner:after, .vjs-loading-spinner:before {
+    content: "";
+    position: absolute;
+    box-sizing: inherit;
+    width: inherit;
+    height: inherit;
+    border-radius: inherit;
+    opacity: 1;
+    border: inherit;
+    border-color: transparent;
+    border-top-color: #fff
+}
+
+.vjs-seeking .vjs-loading-spinner:after, .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before {
+    animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
+}
+
+.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
+    border-top-color: #fff
+}
+
+.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
+    border-top-color: #fff;
+    animation-delay: .44s
+}
+
+@keyframes vjs-spinner-show {
+    to {
+        visibility: visible
+    }
+}
+
+@keyframes vjs-spinner-spin {
+    100% {
+        transform: rotate(360deg)
+    }
+}
+
+@keyframes vjs-spinner-fade {
+    0% {
+        border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566)
+    }
+
+    20% {
+        border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566)
+    }
+
+    35% {
+        border-top-color: #fff
+    }
+
+    60% {
+        border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566)
+    }
+
+    100% {
+        border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566)
+    }
+}
+
+.video-js.vjs-audio-only-mode .vjs-captions-button {
+    display: none
+}
+
+.vjs-chapters-button .vjs-menu ul {
+    width: 24em
+}
+
+.video-js.vjs-audio-only-mode .vjs-descriptions-button {
+    display: none
+}
+
+.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
+    width: 1.5em;
+    height: 1.5em
+}
+
+.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
+    vertical-align: middle;
+    display: inline-block;
+    margin-bottom: -.1em
+}
+
+.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
+    font-family: VideoJS;
+    content: "\f10c";
+    font-size: 1.5em;
+    line-height: inherit
+}
+
+.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
+    display: none
+}
+
+.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder, .video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
+    vertical-align: middle;
+    display: inline-block;
+    margin-bottom: -.1em
+}
+
+.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before, .video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
+    font-family: VideoJS;
+    content: " \f12e";
+    font-size: 1.5em;
+    line-height: inherit
+}
+
+.video-js.vjs-layout-small .vjs-current-time, .video-js.vjs-layout-small .vjs-duration, .video-js.vjs-layout-small .vjs-playback-rate, .video-js.vjs-layout-small .vjs-remaining-time, .video-js.vjs-layout-small .vjs-time-divider, .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time, .video-js.vjs-layout-tiny .vjs-duration, .video-js.vjs-layout-tiny .vjs-playback-rate, .video-js.vjs-layout-tiny .vjs-remaining-time, .video-js.vjs-layout-tiny .vjs-time-divider, .video-js.vjs-layout-tiny .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time, .video-js.vjs-layout-x-small .vjs-duration, .video-js.vjs-layout-x-small .vjs-playback-rate, .video-js.vjs-layout-x-small .vjs-remaining-time, .video-js.vjs-layout-x-small .vjs-time-divider, .video-js.vjs-layout-x-small .vjs-volume-control {
+    display: none
+}
+
+.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
+    width: auto;
+    width: initial
+}
+
+.video-js.vjs-layout-tiny .vjs-progress-control, .video-js.vjs-layout-x-small .vjs-progress-control {
+    display: none
+}
+
+.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
+    flex: auto;
+    display: block
+}
+
+.vjs-modal-dialog.vjs-text-track-settings {
+    background-color: #2b333f;
+    background-color: rgba(43, 51, 63, .75);
+    color: #fff;
+    height: 70%
+}
+
+.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
+    height: 80%
+}
+
+.vjs-error .vjs-text-track-settings {
+    display: none
+}
+
+.vjs-text-track-settings .vjs-modal-dialog-content {
+    display: table
+}
+
+.vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-controls, .vjs-text-track-settings .vjs-track-settings-font {
+    display: table-cell
+}
+
+.vjs-text-track-settings .vjs-track-settings-controls {
+    text-align: right;
+    vertical-align: bottom
+}
+
+@supports (display:grid) {
+    .vjs-text-track-settings .vjs-modal-dialog-content {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        grid-template-rows: 1fr;
+        padding: 20px 24px 0 24px
+    }
+
+    .vjs-track-settings-controls .vjs-default-button {
+        margin-bottom: 20px
+    }
+
+    .vjs-text-track-settings .vjs-track-settings-controls {
+        grid-column: 1/-1
+    }
+
+    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
+        grid-template-columns: 1fr
+    }
+}
+
+.vjs-text-track-settings select {
+    font-size: inherit
+}
+
+.vjs-track-setting>select {
+    margin-right: 1em;
+    margin-bottom: .5em
+}
+
+.vjs-text-track-settings fieldset {
+    margin: 10px;
+    border: none
+}
+
+.vjs-text-track-settings fieldset span {
+    display: inline-block;
+    padding: 0 .6em .8em
+}
+
+.vjs-text-track-settings fieldset span>select {
+    max-width: 7.3em
+}
+
+.vjs-text-track-settings legend {
+    color: #fff;
+    font-weight: 700;
+    font-size: 1.2em
+}
+
+.vjs-text-track-settings .vjs-label {
+    margin: 0 .5em .5em 0
+}
+
+.vjs-track-settings-controls button:active, .vjs-track-settings-controls button:focus {
+    outline-style: solid;
+    outline-width: medium;
+    background-image: linear-gradient(0deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%)
+}
+
+.vjs-track-settings-controls button:hover {
+    color: rgba(43, 51, 63, .75)
+}
+
+.vjs-track-settings-controls button {
+    background-color: #fff;
+    background-image: linear-gradient(-180deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
+    color: #2b333f;
+    cursor: pointer;
+    border-radius: 2px
+}
+
+.vjs-track-settings-controls .vjs-default-button {
+    margin-right: 1em
+}
+
+.vjs-title-bar {
+    background: rgba(0, 0, 0, .9);
+    background: linear-gradient(180deg, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, .7) 60%, rgba(0, 0, 0, 0) 100%);
+    font-size: 1.2em;
+    line-height: 1.5;
+    transition: opacity .1s;
+    padding: .666em 1.333em 4em;
+    pointer-events: none;
+    position: absolute;
+    top: 0;
+    width: 100%
+}
+
+.vjs-error .vjs-title-bar {
+    display: none
+}
+
+.vjs-title-bar-description, .vjs-title-bar-title {
+    margin: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap
+}
+
+.vjs-title-bar-title {
+    font-weight: 700;
+    margin-bottom: .333em
+}
+
+.vjs-playing.vjs-user-inactive .vjs-title-bar {
+    opacity: 0;
+    transition: opacity 1s
+}
+
+.video-js .vjs-skip-forward-5 {
+    cursor: pointer
+}
+
+.video-js .vjs-skip-forward-10 {
+    cursor: pointer
+}
+
+.video-js .vjs-skip-forward-30 {
+    cursor: pointer
+}
+
+.video-js .vjs-skip-backward-5 {
+    cursor: pointer
+}
+
+.video-js .vjs-skip-backward-10 {
+    cursor: pointer
+}
+
+.video-js .vjs-skip-backward-30 {
+    cursor: pointer
+}
+
+.video-js .vjs-transient-button {
+    position: absolute;
+    height: 3em;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: rgba(50, 50, 50, .5);
+    cursor: pointer;
+    opacity: 1;
+    transition: opacity 1s
+}
+
+.video-js:not(.vjs-has-started) .vjs-transient-button {
+    display: none
+}
+
+.video-js.not-hover .vjs-transient-button:not(.force-display), .video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
+    opacity: 0
+}
+
+.video-js .vjs-transient-button span {
+    padding: 0 .5em
+}
+
+.video-js .vjs-transient-button.vjs-left {
+    left: 1em
+}
+
+.video-js .vjs-transient-button.vjs-right {
+    right: 1em
+}
+
+.video-js .vjs-transient-button.vjs-top {
+    top: 1em
+}
+
+.video-js .vjs-transient-button.vjs-near-top {
+    top: 4em
+}
+
+.video-js .vjs-transient-button.vjs-bottom {
+    bottom: 4em
+}
+
+.video-js .vjs-transient-button:hover {
+    background-color: rgba(50, 50, 50, .9)
+}
+
+@media print {
+    .video-js>:not(.vjs-tech):not(.vjs-poster) {
+        visibility: hidden
+    }
+}
+
+.vjs-resize-manager {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: none;
+    z-index: -1000
+}
+
+.js-focus-visible .video-js :focus:not(.focus-visible) {
+    outline: 0
+}
+
+.video-js :focus:not(:focus-visible) {
+    outline: 0
+}
+.och__player {
+    width: 100%;
+    height: auto;
+    aspect-ratio: 16 / 9;
+  }
+  .video-js .vjs-big-play-button,
+  .video-js:hover .vjs-big-play-button {
+    font-size: 45px;
+    border: none;
+    background: transparent;
+    transition: all 0.2s ease;
+  }
+      </style>
+    `}};j.styles=[T],l([$({type:Array})],j.prototype,"sources",2),l([G("#player")],j.prototype,"$player",2),j=l([b("och-player")],j);import"@onlive.ai/ui/dist/components/button/button.js";import"@onlive.ai/ui/dist/components/dropdown/dropdown.js";import"@onlive.ai/ui/dist/components/icon/icon.js";import"@onlive.ai/ui/dist/components/menu-item/menu-item.js";import"@onlive.ai/ui/dist/components/menu/menu.js";import{html as z,LitElement as B}from"lit";import{property as I}from"lit/decorators.js";import{css as O}from"lit";var E=O`
+  :host {
+    display: inline-block;
+  }
+
+  .ol-upload {
+    position: relative;
+  }
+
+  .ol-upload--empty {
+    padding: 8px 16px;
+    background: var(--ol-color-neutral-100, #f3f4f6);
+    border: 1px solid var(--ol-color-neutral-300, #d1d5db);
+    border-radius: 6px;
+    color: var(--ol-color-neutral-600, #4b5563);
+    font-size: 14px;
+  }
+
+  .ol-upload__selected-file {
+    margin-top: 12px;
+    padding: 12px;
+    background: var(--ol-color-success-50, #f0fdf4);
+    border: 1px solid var(--ol-color-success-200, #bbf7d0);
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+  }
+
+  .ol-upload__file-info {
+    flex: 1;
+    font-size: 14px;
+    color: var(--ol-color-success-800, #166534);
+  }
+
+  .ol-upload__file-info strong {
+    display: block;
+    margin-bottom: 4px;
+  }
+
+  .ol-upload__file-info small {
+    color: var(--ol-color-success-600, #16a34a);
+  }
+
+  .ol-upload__clear-btn {
+    width: 32px;
+    height: 32px;
+    border: none;
+    background: var(--ol-color-success-200, #bbf7d0);
+    color: var(--ol-color-success-700, #15803d);
+    border-radius: 50%;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s ease;
+  }
+
+  .ol-upload__clear-btn:hover {
+    background: var(--ol-color-success-300, #86efac);
+    transform: scale(1.1);
+  }
+`;var f=class extends B{constructor(){super(...arguments);this.defaultConfig={maxFileSize:10*1024*1024,multiple:!1,showImage:!0,showVideo:!0,showDocument:!0}}getAllowedExtensions(e){switch(e){case"image":return[".jpg",".jpeg",".png",".gif",".webp",".svg"];case"video":return[".mp4",".avi",".mov",".wmv",".flv",".webm"];case"document":return[".pdf",".doc",".docx",".txt",".rtf",".odt"];default:return[]}}getAcceptAttribute(e){return this.getAllowedExtensions(e).join(",")}getFileTypeLabel(e){switch(e){case"image":return"Imagen";case"video":return"Video";case"document":return"Documento";default:return"Archivo"}}getAvailableTypes(){let e={...this.defaultConfig,...this.config},o=[];return e.showImage&&o.push("image"),e.showVideo&&o.push("video"),e.showDocument&&o.push("document"),o}onTypeSelect(e){this.openFileDialog(e)}openFileDialog(e){let o=document.createElement("input");o.type="file",o.accept=this.getAcceptAttribute(e),o.multiple=this.config?.multiple||!1,o.onchange=i=>{let s=i.target.files?.[0];s&&this.handleFileSelection(s,e)},o.click()}handleFileSelection(e,o){let i=this.validateFile(e,o);if(!i.valid){this.dispatchEvent(new CustomEvent("osb-upload-error",{detail:{error:i.error},bubbles:!0}));return}this.dispatchEvent(new CustomEvent("osb-file-selected",{detail:{file:e,type:o},bubbles:!0})),this.events?.onFileSelected?.(e,o)}validateFile(e,o){let i={...this.defaultConfig,...this.config};if(i.maxFileSize&&e.size>i.maxFileSize)return{valid:!1,error:`El archivo es demasiado grande. Tama\xF1o m\xE1ximo: ${Math.round(i.maxFileSize/1048576)}MB`};let s=e.name.toLowerCase(),a=this.getAllowedExtensions(o);return a.some(u=>s.endsWith(u.toLowerCase()))?{valid:!0}:{valid:!1,error:`Tipo de archivo no v\xE1lido. Extensiones permitidas: ${a.join(", ")}`}}render(){let e=this.getAvailableTypes();return e.length===0?z`<div class="ol-upload ol-upload--empty">No hay tipos de archivo disponibles</div>`:z`
+      <div class="ol-upload">
+        <ol-dropdown placement="bottom-start" distance="8">
+          <div slot="trigger">
+            <slot>
+            </slot>
+          </div>
+          
+          <ol-menu>
+            ${e.map(o=>z`
+              <ol-menu-item @click="${()=>this.onTypeSelect(o)}">
+                <ol-icon slot="prefix" name="${this.getIconName(o)}"></ol-icon>
+                ${this.getFileTypeLabel(o)}
+              </ol-menu-item>
+            `)}
+          </ol-menu>
+        </ol-dropdown>
+      </div>
+    `}getIconName(e){switch(e){case"image":return"image";case"video":return"file-play";case"document":return"file-text";default:return"file"}}};f.styles=[E],l([I({type:Object})],f.prototype,"config",2),l([I({type:Object})],f.prototype,"events",2),f=l([b("osb-upload")],f);import{css as Q}from"lit";var R=Q`
+  :host {
+    display: block;
+    position: fixed;
+    top: 0;
+    right: 0;
+    height: 100vh;
+    width: 20vw;
+    min-width: 320px;
+    max-width: 620px;
+    z-index: 1000;
+    transition: transform 0.3s ease-in-out;
+  }
+
+  :host([disabled]) {
+    pointer-events: none;
+  }
+
+  .ol-sidebar {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    background-color: var(--ol-color-neutral-0);
+    border-left: 1px solid var(--ol-color-neutral-200);
+    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
+  }
+
+  .ol-sidebar--disabled {
+    opacity: 0.6;
+    pointer-events: none;
+  }
+
+
+  .ol-sidebar__header {
+    padding: 20px;
+    border-bottom: 1px solid var(--ol-color-neutral-200);
+    background-color: var(--ol-color-neutral-0);
+  }
+
+  
+
+  .ol-sidebar__asset-presentation-format {
+    position: absolute;
+    top: var(--ol-spacing-x-small);
+    right: var(--ol-spacing-x-small);
+    padding: 2px var(--ol-spacing-x-small);
+    background-color: rgba(255, 255, 255, 0.9);
+    color: var(--ol-color-neutral-700);
+    font-size: 10px;
+    font-weight: 600;
+    border-radius: 12px;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    backdrop-filter: blur(4px);
+    border: 1px solid rgba(255, 255, 255, 0.3);
+  }
+
+  .ol-sidebar__header-top {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  .ol-sidebar__title {
+    margin: 0;
+    font-size: 18px;
+    font-weight: 600;
+    color: var(--ol-color-neutral-900);
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+  }
+
+  .ol-sidebar__unified-search {
+    margin-top: var(--ol-spacing-medium);
+    width: 100%;
+  }
+
+  .ol-sidebar__unified-search-input {
+    width: calc(100% - 2 * var(--ol-spacing-small));
+    padding: var(--ol-spacing-small);
+    border: 1px solid var(--ol-color-neutral-300);
+    border-radius: var(--ol-border-radius-medium);
+    font-size: 14px;
+    background-color: var(--ol-color-neutral-0);
+    transition: border-color 0.2s ease, box-shadow 0.2s ease;
+  }
+
+  .ol-sidebar__unified-search-input:focus {
+    outline: none;
+    border-color: var(--ol-color-primary-500);
+    box-shadow: 0 0 0 2px rgba(var(--ol-color-primary-500-rgb), 0.2);
+  }
+
+  .ol-sidebar__unified-search-input:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+    background-color: var(--ol-color-neutral-100);
+  }
+
+  .ol-sidebar__unified-search-input::placeholder {
+    color: var(--ol-color-neutral-400);
+  }
+
+  /* Extra filters styles */
+  .ol-sidebar__extra-filters {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--ol-spacing-small);
+    margin-top: var(--ol-spacing-medium);
+    padding-top: var(--ol-spacing-small);
+    border-top: 1px solid var(--ol-color-neutral-200);
+  }
+
+  .ol-sidebar__filter {
+    display: flex;
+    flex-direction: column;
+    gap: var(--ol-spacing-x-small);
+    flex: 1;
+    min-width: 120px;
+    max-width: 200px;
+  }
+
+  .ol-sidebar__filter-label {
+    font-size: 11px;
+    font-weight: 500;
+    color: var(--ol-color-neutral-600);
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+  }
+
+  .ol-sidebar__filter-select,
+  .ol-sidebar__filter-input {
+    width: 100%;
+  }
+
+  .ol-sidebar__filter-select::part(combobox) {
+    font-size: 12px;
+    min-height: 32px;
+  }
+
+  .ol-sidebar__filter-input::part(base) {
+    font-size: 12px;
+    min-height: 32px;
+  }
+
+  .ol-sidebar__filters-loading {
+    display: flex;
+    align-items: center;
+    gap: var(--ol-spacing-small);
+    margin-top: var(--ol-spacing-small);
+    padding: var(--ol-spacing-small);
+    background-color: var(--ol-color-neutral-50);
+    border-radius: var(--ol-border-radius-small);
+    font-size: 12px;
+    color: var(--ol-color-neutral-600);
+  }
+
+  .ol-sidebar__spinner--small {
+    width: 16px;
+    height: 16px;
+    border-width: 2px;
+  }
+
+  .ol-sidebar__content {
+    flex: 1;
+    overflow-y: auto;
+    padding: 0;
+  }
+
+  /* Custom scrollbar styles */
+  .ol-sidebar__content::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  .ol-sidebar__content::-webkit-scrollbar-track {
+    background: transparent;
+    border-radius: 3px;
+  }
+
+  .ol-sidebar__content::-webkit-scrollbar-thumb {
+    background: var(--ol-color-neutral-300);
+    border-radius: 3px;
+    transition: background-color 0.2s ease;
+  }
+
+  .ol-sidebar__content::-webkit-scrollbar-thumb:hover {
+    background: var(--ol-color-neutral-400);
+  }
+
+  .ol-sidebar__content::-webkit-scrollbar-thumb:active {
+    background: var(--ol-color-neutral-500);
+  }
+
+  /* Firefox scrollbar styles */
+  .ol-sidebar__content {
+    scrollbar-width: thin;
+    scrollbar-color: var(--ol-color-neutral-300) transparent;
+  }
+
+  .ol-sidebar__category {
+    margin: 0 var(--ol-spacing-small);
+    border: none;
+    border-radius: 0;
+    background-color: var(--ol-color-neutral-0);
+  }
+
+  .ol-sidebar__category:last-child {
+    border-bottom: none;
+  }
+
+  .ol-sidebar__category slot[name="summary"] {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16px 20px;
+    cursor: pointer;
+    user-select: none;
+    border: none;
+  }
+
+  .ol-sidebar__category--disabled slot[name="summary"] {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+
+  .ol-sidebar__category slot[name="summary"]::slotted(*) {
+    width: 100%;
+  }
+
+  .ol-sidebar__category-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+  }
+
+  .ol-sidebar__category-info {
+    display: flex;
+    align-items: center;
+    gap: var(--ol-spacing-small);
+    flex: 1;
+  }
+
+  .ol-sidebar__category-icon {
+    color: var(--ol-color-neutral-600);
+    font-size: var(--ol-font-size-medium);
+  }
+
+  .ol-sidebar__category-label {
+    font-weight: 500;
+    color: var(--ol-color-neutral-900);
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    font-size: 12px;
+  }
+
+  .ol-sidebar__category-count {
+    color: var(--ol-color-neutral-500);
+    font-size: 11px;
+    font-weight: 400;
+    margin-left: 8px;
+  }
+
+  .ol-sidebar__category-actions {
+    display: flex;
+    align-items: center;
+    gap: var(--ol-spacing-x-small);
+  }
+
+  ol-button::part(base) {
+    background: none;
+    border: none;
+    color: var(--ol-color-neutral-500);
+    cursor: pointer;
+    font-size: 22px;
+    padding: 2px;
+    border-radius: 4px;
+    transition: all 0.2s ease;
+    width: 24px;
+    height: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .ol-sidebar__add-button:hover {
+    background-color: var(--ol-color-neutral-100);
+    color: var(--ol-color-neutral-700);
+  }
+
+  .ol-sidebar__asset-presentation {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    border-radius: 4px;
+    overflow: hidden;
+    background-color: var(--ol-color-neutral-100);
+  }
+
+  .ol-sidebar__asset-presentation-preview {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+  }
+
+  .ol-sidebar__asset-presentation-image {
+    width: 100%;
+    height: 80px;
+    object-fit: cover;
+    object-position: center;
+    border-radius: 4px;
+  
+  }
+
+  .ol-sidebar__asset-presentation-fallback {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: var(--ol-spacing-x-small);
+    width: 100%;
+    height: 100%;
+  }
+
+  .ol-sidebar__asset-presentation-icon {
+    font-size: 24px;
+    color: var(--ol-color-neutral-500);
+  }
+
+  .ol-sidebar__load-more-button {
+    background-color: var(--ol-color-neutral-100);
+    border: 1px solid var(--ol-color-neutral-300);
+    color: var(--ol-color-neutral-700);
+    padding: var(--ol-spacing-small) var(--ol-spacing-medium);
+    border-radius: var(--ol-border-radius-small);
+    cursor: pointer;
+    font-size: var(--ol-font-size-small);
+    transition: all 0.2s ease;
+  }
+
+  .ol-sidebar__load-more-button:hover:not(:disabled) {
+    background-color: var(--ol-color-neutral-200);
+    border-color: var(--ol-color-neutral-400);
+  }
+
+  .ol-sidebar__load-more-button:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+  }
+
+  .ol-sidebar__spinner {
+    width: 24px;
+    height: 24px;
+    border: 2px solid var(--ol-color-neutral-200);
+    border-top: 2px solid var(--ol-color-primary-500);
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+    margin: 0 auto;
+    display: block;
+  }
+
+  @keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+  }
+
+
+  .ol-sidebar__assets {
+    display: flex;
+    gap: var(--ol-spacing-small);
+    padding: var(--ol-spacing-small) 0;
+    overflow: auto;
+  }
+
+  /* Custom scrollbar for assets sections */
+  .ol-sidebar__assets::-webkit-scrollbar {
+    height: 8px;
+  }
+
+  .ol-sidebar__assets::-webkit-scrollbar-track {
+    background: transparent;
+    border-radius: 3px;
+  }
+
+  .ol-sidebar__assets::-webkit-scrollbar-thumb {
+    background: var(--ol-color-neutral-300);
+    border-radius: 3px;
+    transition: background-color 0.2s ease;
+  }
+
+  .ol-sidebar__assets::-webkit-scrollbar-thumb:hover {
+    background: var(--ol-color-neutral-400);
+  }
+
+  .ol-sidebar__assets::-webkit-scrollbar-thumb:active {
+    background: var(--ol-color-neutral-500);
+  }
+
+  /* Firefox scrollbar for assets */
+  .ol-sidebar__assets {
+    scrollbar-width: thin;
+    scrollbar-color: var(--ol-color-neutral-300) transparent;
+  }
+
+  .ol-sidebar__assets--list {
+    grid-template-columns: 1fr;
+  }
+
+  .ol-sidebar__asset-item {
+    display: flex;
+    flex-direction: column;
+    padding: 8px;
+    border: 1px solid var(--ol-color-neutral-200);
+    border-radius: 6px;
+    background-color: var(--ol-color-neutral-0);
+    cursor: pointer;
+    transition: all 0.2s ease;
+    position: relative;
+    min-height: 80px;
+    max-height: 100px;
+    min-width: 100px;
+    max-width: 120px;
+    flex-shrink: 0;
+
+  }
+
+  ol-details::part(summary) {
+    width: 100%;
+  }
+
+  ol-details::part(base) {
+    border: none;
+    border-bottom: 1px solid var(--ol-color-neutral-200);
+    border-radius: 0;
+  }
+
+  ol-details::part(header) {
+    padding: var(--ol-spacing-medium);
+  }
+
+  ol-details::part(content){
+    padding: 0 var(--ol-spacing-medium);
+  }
+
+  .ol-sidebar__category-summary {
+    width: 100%;
+  }
+
+  .ol-sidebar__asset-item:hover:not(.ol-sidebar__asset-item--disabled) {
+    border-color: var(--ol-color-primary-500);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    transform: translateY(-1px);
+  }
+
+  .ol-sidebar__asset-item--disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+    pointer-events: none;
+  }
+
+  .ol-sidebar__asset-item--grid {
+    text-align: center;
+  }
+
+  .ol-sidebar__asset-item--list {
+    flex-direction: row;
+    align-items: center;
+    gap: 8px;
+    min-height: 60px;
+  }
+
+  .ol-sidebar__asset-item--faq {
+    flex-direction: column;
+    align-items: stretch;
+    min-height: auto;
+    padding: var(--ol-spacing-medium);
+    border-radius: var(--ol-border-radius-medium);
+    background-color: var(--ol-color-neutral-50);
+    border: 1px solid var(--ol-color-neutral-200);
+    transition: all 0.2s ease;
+    overflow: hidden;
+    word-wrap: break-word;
+    word-break: break-word;
+  }
+
+  .ol-sidebar__asset-item--faq:hover {
+    background-color: var(--ol-color-neutral-100);
+    border-color: var(--ol-color-primary-300);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  }
+
+
+  .ol-sidebar__asset-thumbnail {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    border-radius: 4px;
+    overflow: hidden;
+    background-color: var(--ol-color-neutral-100);
+    margin-bottom: 6px;
+  }
+
+  .ol-sidebar__asset-item--list .ol-sidebar__asset-thumbnail {
+    width: 40px;
+    height: 40px;
+    flex-shrink: 0;
+    margin-bottom: 0;
+  }
+
+  .ol-sidebar__asset-image {
+    width: 100%;
+    height: 100%;
+    min-height: 50px;
+  }
+
+  .ol-sidebar__asset-duration {
+    position: absolute;
+    top: var(--ol-spacing-x-small);
+    right: var(--ol-spacing-x-small);
+    background-color: rgba(0, 0, 0, 0.8);
+    color: var(--ol-color-neutral-0);
+    padding: 2px var(--ol-spacing-x-small);
+    border-radius: var(--ol-border-radius-small);
+    font-size: var(--ol-font-size-x-small);
+    font-weight: var(--ol-font-weight-medium);
+  }
+
+  .ol-sidebar__asset-content {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .ol-sidebar__asset-item--faq .ol-sidebar__asset-content {
+    width: 100%;
+    max-width: 100%;
+    overflow: hidden;
+  }
+
+  .ol-sidebar__asset-name {
+    font-weight: 500;
+    color: var(--ol-color-neutral-900);
+    font-size: 11px;
+    line-height: 1.2;
+    margin-bottom: 4px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .ol-sidebar__asset-name--faq {
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--ol-color-neutral-900);
+    line-height: 1.4;
+    white-space: normal;
+    overflow: visible;
+    text-overflow: unset;
+  }
+
+  .ol-sidebar__asset-description {
+    color: var(--ol-color-neutral-600);
+    font-size: 10px;
+    line-height: 1.2;
+    margin-bottom: 4px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+  }
+
+  .ol-sidebar__asset-description--faq {
+    font-size: 12px;
+    color: var(--ol-color-neutral-700);
+    line-height: 1.5;
+    margin-bottom: 0;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    word-wrap: break-word;
+    word-break: break-word;
+    max-height: calc(1.5em * 3); /* Fallback para navegadores que no soportan line-clamp */
+  }
+
+  .ol-sidebar__asset-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--ol-spacing-x-small);
+    margin-bottom: var(--ol-spacing-x-small);
+  }
+
+  .ol-sidebar__asset-price,
+  .ol-sidebar__asset-size,
+  .ol-sidebar__asset-duration {
+    color: var(--ol-color-neutral-500);
+    font-size: 10px;
+    font-weight: 500;
+  }
+
+  .ol-sidebar__asset-price {
+    color: var(--ol-color-success-600);
+    font-weight: 600;
+    font-size: 11px;
+  }
+
+  .ol-sidebar__asset-tags {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--ol-spacing-x-small);
+  }
+
+  .ol-sidebar__asset-tag {
+    background-color: var(--ol-color-neutral-100);
+    color: var(--ol-color-neutral-700);
+    padding: 2px var(--ol-spacing-x-small);
+    border-radius: var(--ol-border-radius-small);
+    font-size: var(--ol-font-size-x-small);
+    font-weight: var(--ol-font-weight-medium);
+  }
+
+  .ol-sidebar__load-more {
+    display: flex;
+    justify-content: center;
+    padding: var(--ol-spacing-medium) 0;
+  }
+
+  .ol-sidebar__loading,
+  .ol-sidebar__error,
+  .ol-sidebar__empty {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: var(--ol-spacing-large);
+    text-align: center;
+    color: var(--ol-color-neutral-500);
+    min-height: 120px;
+    width: 100%;
+  }
+
+  .ol-sidebar__loading {
+    gap: var(--ol-spacing-small);
+  }
+
+  .ol-sidebar__loading .ol-sidebar__spinner {
+    margin: 0 auto;
+    display: block;
+  }
+
+  .ol-sidebar__loading span {
+    display: block;
+    text-align: center;
+    width: 100%;
+  }
+
+  .ol-sidebar__error {
+    color: var(--ol-color-danger-600);
+    gap: var(--ol-spacing-small);
+  }
+
+  .ol-sidebar__error-icon {
+    font-size: var(--ol-font-size-large);
+    color: var(--ol-color-danger-500);
+    display: block;
+    text-align: center;
+  }
+
+  .ol-sidebar__error span {
+    display: block;
+    text-align: center;
+    width: 100%;
+  }
+
+  .ol-sidebar__empty {
+    gap: var(--ol-spacing-small);
+  }
+
+  .ol-sidebar__empty span {
+    display: block;
+    text-align: center;
+    width: 100%;
+  }
+
+  .ol-sidebar__loading ol-icon,
+  .ol-sidebar__error ol-icon,
+  .ol-sidebar__empty ol-icon {
+    font-size: var(--ol-font-size-large);
+    color: var(--ol-color-neutral-400);
+    display: block;
+    text-align: center;
+  }
+
+  .ol-sidebar__error ol-icon {
+    color: var(--ol-color-danger-500);
+  }
+
+  /* Send button */
+  .ol-sidebar__send-btn {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    width: 28px;
+    height: 28px;
+    border: none;
+    border-radius: 50%;
+    background: var(--ol-color-primary-500, --ol-color-red-500);
+    color: white;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s ease;
+    z-index: 2;
+    opacity: 0;
+    transform: scale(0.8);
+  }
+
+  /* Show send button on hover for desktop */
+  .ol-sidebar__asset-item:hover .ol-sidebar__send-btn {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  .ol-sidebar__send-btn:hover {
+    background: var(--ol-color-primary-600, --ol-color-red-500);
+    transform: scale(1.1);
+  }
+
+  .ol-sidebar__send-btn svg {
+    width: 14px;
+    height: 14px;
+  }
+
+  /* Special positioning for FAQ assets */
+  .ol-sidebar__asset-item--faq .ol-sidebar__send-btn {
+    position: absolute;
+    top: 50%;
+    right: 12px;
+    transform: translateY(-50%) scale(0.8);
+    opacity: 0;
+  }
+
+  .ol-sidebar__asset-item--faq:hover .ol-sidebar__send-btn {
+    opacity: 1;
+    transform: translateY(-50%) scale(1);
+  }
+
+  .ol-sidebar__asset-item--faq .ol-sidebar__send-btn:hover {
+    transform: translateY(-50%) scale(1.1);
+  }
+
+  /* Responsive design */
+  @media (max-width: 768px) {
+    /* Always show send button on mobile */
+    .ol-sidebar__send-btn {
+      opacity: 1;
+      transform: scale(1);
+      position: static;
+      align-self: center;
+      width: 32px;
+      height: 32px;
+      position: absolute;
+      top: 8px;
+      right: 8px;
+    }
+
+    .ol-sidebar__asset-item:hover .ol-sidebar__send-btn {
+      transform: scale(1);
+    }
+
+    .ol-sidebar__asset-item--faq .ol-sidebar__send-btn {
+      position: static;
+      transform: none;
+      align-self: center;
+      width: 32px;
+      height: 32px;
+    }
+
+    .ol-sidebar__asset-item--faq:hover .ol-sidebar__send-btn {
+      transform: none;
+    }
+    
+    .ol-sidebar__asset-item--list {
+      flex-direction: column;
+      align-items: stretch;
+    }
+    
+    .ol-sidebar__asset-item--list .ol-sidebar__asset-thumbnail {
+      width: 100%;
+      height: 120px;
+    }
+  }
+`;var g={products:{label:"PRODUCTS",icon:"shopping-bag",enabled:!0,displayOptions:{showThumbnail:!0,showDescription:!1,showPrice:!0,showTags:!1,thumbnailSize:"small",layout:"grid"}},videos:{label:"VIDEOS",icon:"video",enabled:!0,displayOptions:{showThumbnail:!0,showDescription:!1,showDuration:!0,showSize:!1,thumbnailSize:"small",layout:"grid"}},images:{label:"IMAGES",icon:"image",enabled:!0,displayOptions:{showThumbnail:!0,showDescription:!1,showSize:!1,thumbnailSize:"small",layout:"grid"}},presentations:{label:"PRESENTATIONS",icon:"file-text",enabled:!0,displayOptions:{showThumbnail:!0,showDescription:!1,showSize:!1,thumbnailSize:"small",layout:"grid"}},faqs:{label:"FAQS",icon:"help-circle",enabled:!0,displayOptions:{showThumbnail:!1,showDescription:!0,showSize:!1,thumbnailSize:"small",layout:"list"}},audios:{label:"AUDIOS",icon:"music",enabled:!1,displayOptions:{showThumbnail:!0,showDescription:!1,showDuration:!0,showSize:!1,thumbnailSize:"small",layout:"grid"}},"special-effects":{label:"SPECIAL EFFECTS",icon:"zap",enabled:!1,displayOptions:{showThumbnail:!0,showDescription:!1,showSize:!1,thumbnailSize:"small",layout:"grid"}}};var d=class extends K{constructor(){super(...arguments);this.selectedCategory="products";this.disabled=!1;this.isUploading=!1;this.uploadProgress=0;this.categoryStates=new Map;this.unifiedSearchQuery="";this.extraFilters=[];this.activeFilters={};this.loadingFilters=!1;this.defaultSearchConfig={placeholder:"Search all assets...",debounceMs:300,minLength:2}}async firstUpdated(){this.initializeService(),this.initializeCategoryStates(),await this.loadExtraFilters()}initializeService(){this.config?.multimediaService&&(this.multimediaService=k.initialize(this.config.multimediaService)),this.config?.productService&&(this.productService=S.initialize(this.config.productService)),this.config?.faqsService&&(this.faqsService=w.initialize(this.config.faqsService)),this.config?.fileService&&(this.fileService=A.initialize(this.config.fileService))}initializeCategoryStates(){(this.config?.customCategories||Object.keys(g)).forEach(o=>{this.categoryStates.set(o,{category:o,items:[],pagination:{page:1,limit:this.config?.itemsPerPage||12,total:0,hasMore:!1,loading:!1},searchQuery:"",loading:!1})})}async loadExtraFilters(){if(!this.config?.enableExtraFilters||!this.faqsService)return;let e=this.config.faqsService?.organizationId;if(!e){console.warn("Organization ID required for loading extra filters");return}this.loadingFilters=!0;try{let o=await this.faqsService.getSettingsByOrganization(e,this.config.userGroupId);o?.extraFilters&&(this.extraFilters=o.extraFilters.filter(i=>i.enabled&&(i.entity==="all"||i.entity==="assets")).sort((i,s)=>i.order-s.order))}catch(o){console.error("Error loading extra filters:",o)}finally{this.loadingFilters=!1}}hasActiveFilters(){return Object.keys(this.activeFilters).length>0}convertToExtraFields(e){if(!e||Object.keys(e).length===0)return;let o={};for(let[i,s]of Object.entries(e))s!=null&&(Array.isArray(s)?s.length>0&&(o[i]=s.join(",")):typeof s=="string"&&s.trim()!==""&&(s==="true"?o[i]=!0:s==="false"?o[i]=!1:!isNaN(Number(s))&&s.trim()!==""?o[i]=Number(s):o[i]=s));return Object.keys(o).length>0?o:void 0}async loadCategoryData(e,o="",i=1){if(!this.multimediaService&&e!=="faqs"&&e!=="products"||!this.productService&&e==="products"||!this.faqsService&&e==="faqs")return;let s=this.categoryStates.get(e);if(!s)return;this.updateCategoryState(e,{loading:!0,error:void 0});let a=this.hasActiveFilters()?this.activeFilters:void 0;try{let c=[],u=0;switch(e){case"products":{let p=await this.productService.getProducts({title:o,limit:s.pagination.limit,includeSecureToken:!0,extraFields:this.convertToExtraFields(a)});c=this.mapProductsToAssetItems(p),u=p.length;break}case"images":{let p=await this.multimediaService.getImages({search:o,page:i,limit:s.pagination.limit,includeSecureToken:!0,extraFilters:a});c=this.mapMultimediaToAssetItems(p.items,"images"),u=p.total;break}case"videos":{let p=await this.multimediaService.getVideos({search:o,page:i,limit:s.pagination.limit,includeSecureToken:!0,extraFilters:a});c=this.mapMultimediaToAssetItems(p.items,"videos"),u=p.total;break}case"presentations":{let p=await this.multimediaService.getPresentations({search:o,page:i,limit:s.pagination.limit,includeSecureToken:!0,extraFilters:a});c=this.mapMultimediaToAssetItems(p.items,"presentations"),u=p.total;break}case"faqs":{let p=await this.faqsService.getFaqs({search:o,isActive:!0,page:i,organizationId:this.config?.faqsService?.organizationId,limit:s.pagination.limit,sortBy:"priority",sortOrder:"desc",extraFilters:a});c=this.mapFaqsToAssetItems(p.data),u=p.total;break}}let F=i===1?c:[...s.items,...c];this.updateCategoryState(e,{items:F,pagination:{...s.pagination,page:i,total:u,hasMore:F.length<u,loading:!1},searchQuery:o,loading:!1})}catch(c){console.error(`Error loading ${e} data:`,c),this.updateCategoryState(e,{loading:!1,error:c instanceof Error?c.message:"Failed to load data"})}}mapProductsToAssetItems(e){return e.map(o=>({id:o.id,name:o.name,description:o.description,url:o.url,thumbnail:o.images?.[0],type:"products",price:o.price,currency:o.currency,tags:o.tags,secureToken:o.secureToken,metadata:{externalId:o.externalId,category:o.category,providerType:o.providerType,variants:o.variants,options:o.options}}))}mapMultimediaToAssetItems(e,o){return e?.map(i=>({id:i.id,name:i.name,description:i.description,url:i.url,thumbnail:o==="images"?i.url:i.animatedCoverUrl,type:o,size:i.size,format:i.format,duration:i.duration,labels:i.labels,secureToken:i.secureToken,metadata:{organizationId:i.organizationId,status:i.status,vodUrl:i.vodUrl,slides:i.slides}}))}mapFaqsToAssetItems(e){return e.map(o=>({id:o.id,name:o.question,description:o.answer,url:`#faq-${o.id}`,type:"faqs",metadata:{organizationId:o.organizationId,groupId:o.groupId,priority:o.priority,isActive:o.isActive,createdAt:o.createdAt,updatedAt:o.updatedAt}}))}updateCategoryState(e,o){let i=this.categoryStates.get(e);i&&(this.categoryStates.set(e,{...i,...o}),this.requestUpdate())}async onCategoryToggle(e){if(this.disabled)return;let o=this.categoryStates.get(e);o&&o.items.length===0&&!o.loading&&await this.loadCategoryData(e,this.unifiedSearchQuery),this.dispatchEvent(new CustomEvent("category-change",{detail:e}))}async onUnifiedSearchInput(e){if(this.disabled)return;let i=e.target.value.trim();this.unifiedSearchQuery=i,this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=window.setTimeout(async()=>{i.length>=(this.searchConfig?.minLength||this.defaultSearchConfig.minLength)?(await this.searchAllCategories(i),this.dispatchEvent(new CustomEvent("search",{detail:{query:i,category:"all"}}))):i.length===0&&await this.clearSearchAllCategories()},this.searchConfig?.debounceMs||this.defaultSearchConfig.debounceMs)}async searchAllCategories(e){let o=this.config?.customCategories||Object.keys(g);for(let i of o)this.updateCategoryState(i,{searchQuery:e}),await this.loadCategoryData(i,e,1)}async clearSearchAllCategories(){let e=this.config?.customCategories||Object.keys(g);for(let o of e)this.updateCategoryState(o,{searchQuery:""}),await this.loadCategoryData(o,"",1)}async onFilterChange(e,o){if(!this.disabled){if(!o||Array.isArray(o)&&o.length===0||o===""){let{[e]:i,...s}=this.activeFilters;this.activeFilters=s}else this.activeFilters={...this.activeFilters,[e]:o};await this.reloadAllOpenCategories(),this.dispatchEvent(new CustomEvent("filter-change",{detail:{filterName:e,value:o,activeFilters:this.activeFilters}}))}}async reloadAllOpenCategories(){let e=this.config?.customCategories||Object.keys(g);for(let o of e){let i=this.categoryStates.get(o);i&&i.items.length>0&&await this.loadCategoryData(o,i.searchQuery,1)}}renderExtraFilters(){return this.extraFilters.length?n`
+      <div class="ol-sidebar__extra-filters">
+        ${C(this.extraFilters,e=>e.name,e=>this.renderFilter(e))}
+      </div>
+    `:n``}renderFilter(e){switch(e.type){case"select":return this.renderSelectFilter(e);case"multiselect":return this.renderMultiselectFilter(e);case"text":return this.renderTextFilter(e);default:return n``}}renderSelectFilter(e){let o=this.activeFilters[e.name];return n`
+      <div class="ol-sidebar__filter">
+        <label class="ol-sidebar__filter-label">${e.label}</label>
+        <ol-select
+          class="ol-sidebar__filter-select"
+          placeholder=${x(e.placeholder||`Select ${e.label.toLowerCase()}`)}
+          clearable
+          size="small"
+          ?disabled=${this.disabled}
+          .value=${o||""}
+          @ol-change=${i=>{let s=i.target;this.onFilterChange(e.name,s.value)}}
+        >
+          ${e.values?.map(i=>n`
+              <ol-option value=${i}>${i}</ol-option>
+            `)}
+        </ol-select>
+      </div>
+    `}renderMultiselectFilter(e){let o=this.activeFilters[e.name]||[];return n`
+      <div class="ol-sidebar__filter">
+        <label class="ol-sidebar__filter-label">${e.label}</label>
+        <ol-select
+          class="ol-sidebar__filter-select"
+          placeholder=${x(e.placeholder||`Select ${e.label.toLowerCase()}`)}
+          multiple
+          clearable
+          size="small"
+          ?disabled=${this.disabled}
+          .value=${o}
+          @ol-change=${i=>{let s=i.target,a=Array.isArray(s.value)?s.value:[s.value].filter(Boolean);this.onFilterChange(e.name,a)}}
+        >
+          ${e.values?.map(i=>n`
+              <ol-option value=${i}>${i}</ol-option>
+            `)}
+        </ol-select>
+      </div>
+    `}renderTextFilter(e){let o=this.activeFilters[e.name]||"";return n`
+      <div class="ol-sidebar__filter">
+        <label class="ol-sidebar__filter-label">${e.label}</label>
+        <ol-input
+          class="ol-sidebar__filter-input"
+          placeholder=${x(e.placeholder||`Enter ${e.label.toLowerCase()}`)}
+          size="small"
+          ?disabled=${this.disabled}
+          .value=${o}
+          @ol-input=${i=>{let s=i.target;this.searchTimeout&&clearTimeout(this.searchTimeout),this.searchTimeout=window.setTimeout(()=>{this.onFilterChange(e.name,s.value)},this.searchConfig?.debounceMs||this.defaultSearchConfig.debounceMs)}}
+        ></ol-input>
+      </div>
+    `}async onLoadMore(e){if(this.disabled)return;let o=this.categoryStates.get(e);!o||!o.pagination.hasMore||o.pagination.loading||(await this.loadCategoryData(e,o.searchQuery,o.pagination.page+1),this.dispatchEvent(new CustomEvent("load-more",{detail:e})))}onItemSelect(e){this.disabled||this.dispatchEvent(new CustomEvent("item-select",{detail:e}))}async onFileSelected(e){if(this.disabled)return;if(!this.fileService){console.warn("FileService not configured");return}let{file:o,type:i}=e.detail;this.isUploading=!0,this.uploadProgress=0;try{let s=await this.fileService.uploadFile(o,{bucketType:"conversations",path:"scanned",description:`${i} uploaded from sidebar`,onProgress:a=>{this.uploadProgress=a}});if(s.success)this.dispatchEvent(new CustomEvent("file-uploaded",{detail:{id:s.id,name:s.name,url:s.url,type:"file"}}));else throw new Error(s.error||"Upload failed")}catch(s){console.error("Error uploading file:",s),this.dispatchEvent(new CustomEvent("file-upload-error",{detail:{error:s instanceof Error?s.message:"Unknown error"},bubbles:!0}))}finally{this.isUploading=!1,this.uploadProgress=0}}renderCategoryHeader(e){let o=g[e],s=this.categoryStates.get(e)?.items.length||0;return n`
+      <div class="ol-sidebar__category-header">
+        <div class="ol-sidebar__category-info">
+          <span class="ol-sidebar__category-label">${o.label}</span>
+          ${v(s>0,()=>n`
+            <span class="ol-sidebar__category-count">(${s})</span>
+          `)}
+        </div>
+      
+      </div>
+    `}renderAssetItem(e,o){return n`
+      <div 
+        class="ol-sidebar__asset-item ${y({"ol-sidebar__asset-item--grid":o.layout==="grid","ol-sidebar__asset-item--list":o.layout==="list","ol-sidebar__asset-item--faq":e.type==="faqs","ol-sidebar__asset-item--disabled":this.disabled})}"
+        @click=${()=>this.onItemSelect(e)}
+      >
+        ${this.renderAssetThumbnail(e)}
+        ${this.renderAssetContent(e,o)}
+      </div>
+    `}renderAssetThumbnail(e){return e.type==="faqs"?n``:n`
+      ${v(e.type==="videos",()=>n`
+          <div class="ol-sidebar__asset-thumbnail">
+            <och-player
+              class="och__media-visualizer__item--video"
+              .sources=${[{src:e.url,type:e.format||"video/mp4"}]}
+            ></och-player>
+            <div class="ol-sidebar__asset-duration">
+              ${this.formatDuration(e.duration)}
+            </div>
+          </div>
+        `,()=>n`
+          <div class="ol-sidebar__asset-thumbnail">
+            <img 
+              src="${x(e.thumbnail)}" 
+              alt="${e.name}"
+              class="ol-sidebar__asset-image"
+            />
+          </div>
+        `)}
+    `}renderAssetContent(e,o){return n`
+      <div class="ol-sidebar__asset-content">
+        ${this.renderAssetName(e)}
+        ${this.renderAssetPrice(e)}
+        ${this.renderAssetPresentation(e)}
+        ${this.renderAssetDescription(e,o)}
+        ${this.renderAssetMeta(e,o)}
+        ${this.renderAssetTags(e,o)}
+      </div>
+    `}renderAssetName(e){return n`
+      <div class="ol-sidebar__asset-name ${y({"ol-sidebar__asset-name--faq":e.type==="faqs"})}">
+        ${e.name}
+      </div>
+    `}renderAssetPrice(e){return n`
+      ${v(e.type==="products"&&e.price,()=>n`
+          <div class="ol-sidebar__asset-price">
+            ${e.currency} ${e.price}
+          </div>
+        `)}
+    `}renderAssetPresentation(e){return n`
+      ${v(e.type==="presentations",()=>n`
+          <div class="ol-sidebar__asset-presentation">
+            ${v(e.metadata?.slides&&e.metadata.slides.length>0,()=>n`
+                <div class="ol-sidebar__asset-presentation-preview">
+                  <img 
+                    src=${e.metadata?.slides[0]} 
+                    alt="Presentation preview" 
+                    class="ol-sidebar__asset-presentation-image"
+                  />
+                  <div class="ol-sidebar__asset-presentation-format">
+                    ${this.getFormat(e.format)}
+                  </div>
+                </div>
+              `,()=>n`
+                <div class="ol-sidebar__asset-presentation-fallback">
+                  <div class="ol-sidebar__asset-presentation-icon">📄</div>
+                  <div class="ol-sidebar__asset-presentation-format">
+                    ${this.getFormat(e.format)}
+                  </div>
+                </div>
+              `)}
+          </div>
+        `)}
+    `}renderAssetDescription(e,o){return n`
+      ${v(o.showDescription&&e.description&&e.type!=="products",()=>n`
+          <div class="ol-sidebar__asset-description ${y({"ol-sidebar__asset-description--faq":e.type==="faqs"})}">
+            ${e.description}
+          </div>
+        `)}
+    `}renderAssetMeta(e,o){return n`
+      <div class="ol-sidebar__asset-meta">
+        ${v(o.showSize&&e.size,()=>n`
+            <span class="ol-sidebar__asset-size">
+              ${this.formatFileSize(e.size)}
+            </span>
+          `)}
+      </div>
+    `}renderAssetTags(e,o){return n`
+      ${v(o.showTags&&e.tags&&e.tags.length>0,()=>n`
+          <div class="ol-sidebar__asset-tags">
+            ${e.tags?.map(i=>n`
+                <span class="ol-sidebar__asset-tag">${i}</span>
+              `)}
+          </div>
+        `)}
+    `}renderCategoryContent(e){let o=this.categoryStates.get(e),i=g[e];return o?n`
+      <div class="ol-sidebar__category-content">
+        
+        ${v(o.loading&&o.items.length===0,()=>n`
+          <div class="ol-sidebar__loading">
+            <div class="ol-sidebar__spinner"></div>
+            <span>Loading ${i.label.toLowerCase()}...</span>
+          </div>
+        `)}
+        
+        ${v(o.error,()=>n`
+          <div class="ol-sidebar__error">
+            <span class="ol-sidebar__error-icon">⚠</span>
+            <span>${o.error}</span>
+          </div>
+        `)}
+        
+        ${v(o.items.length>0,()=>n`
+          <div class="ol-sidebar__assets ${y({"ol-sidebar__assets--list":i.displayOptions.layout==="list"})}">
+            ${C(o.items,s=>s.id,s=>this.renderAssetItem(s,i.displayOptions))}
+          </div>
+        `)}
+        
+        ${v(o.pagination.hasMore,()=>n`
+          <div class="ol-sidebar__load-more">
+            <ol-button
+              class="ol-sidebar__load-more-button"
+              ?disabled=${o.pagination.loading||this.disabled}
+              @click=${()=>this.onLoadMore(e)}
+            >
+              ${o.pagination.loading?"Loading...":"Load More"}
+            </ol-button>
+          </div>
+        `)}
+        
+        ${v(!o.loading&&o.items.length===0&&!o.error,()=>n`
+            <div class="ol-sidebar__empty">
+              <span>No ${i.label.toLowerCase()}s found</span>
+            </div>
+          `)}
+      </div>
+    `:n``}formatFileSize(e){let o=["B","KB","MB","GB"];if(e===0)return"0 B";let i=Math.floor(Math.log(e)/Math.log(1024));return Math.round(e/1024**i*100)/100+" "+o[i]}getFormat(e){return e.split("/")[1]}formatDuration(e){let o=Math.floor(e/60),i=Math.floor(e%60);return`${o}:${i.toString().padStart(2,"0")}`}render(){let e=this.config?.customCategories||Object.keys(g);return n`
+      <div class="ol-sidebar ${y({"ol-sidebar--disabled":this.disabled})}">
+        <div class="ol-sidebar__header">
+          <div class="ol-sidebar__header-top">
+            <h2 class="ol-sidebar__title">Assets</h2>
+            ${v(this.config?.enableUpload&&this.fileService&&!this.disabled,()=>n`
+                <osb-upload
+                  .config=${{maxFileSize:10*1024*1024,showImage:!0,showVideo:!0,showDocument:!0}}
+                  @osb-file-selected=${this.onFileSelected}
+                >
+                <ol-button variant="default" caret>
+                  <ol-icon name="plus"></ol-icon>
+                </ol-button>
+                </osb-upload>
+                ${v(this.isUploading,()=>n`
+                    <div class="ol-sidebar__upload-progress">
+                      <div class="ol-sidebar__upload-progress-bar">
+                        <div 
+                          class="ol-sidebar__upload-progress-fill"
+                          style="width: ${this.uploadProgress}%"
+                        ></div>
+                      </div>
+                      <span class="ol-sidebar__upload-progress-text">
+                        ${Math.round(this.uploadProgress)}%
+                      </span>
+                    </div>
+                  `)}
+              `)}
+          </div>
+          ${v(this.config?.showSearch,()=>n`
+            <div class="ol-sidebar__unified-search">
+              <input
+                class="ol-sidebar__unified-search-input"
+                type="text"
+                placeholder="${x(this.searchConfig?.placeholder||this.defaultSearchConfig.placeholder)}"
+                .value=${this.unifiedSearchQuery}
+                ?disabled=${this.disabled}
+                @input=${this.onUnifiedSearchInput}
+              />
+            </div>
+          `)}
+          ${v(this.config?.enableExtraFilters&&this.extraFilters.length>0,()=>this.renderExtraFilters())}
+          ${v(this.loadingFilters,()=>n`
+              <div class="ol-sidebar__filters-loading">
+                <div class="ol-sidebar__spinner ol-sidebar__spinner--small"></div>
+                <span>Loading filters...</span>
+              </div>
+            `)}
+        </div>
+        
+        <div class="ol-sidebar__content">
+          ${C(e,o=>o,o=>g[o].enabled?n`
+                <ol-details
+                  class="ol-sidebar__category ${y({"ol-sidebar__category--disabled":this.disabled})}"
+                  summary=""
+                  ?disabled=${this.disabled}
+                  @ol-show=${()=>this.onCategoryToggle(o)}
+                >
+                  <div class="ol-sidebar__category-summary" slot="summary">
+                    ${this.renderCategoryHeader(o)}
+                  </div>
+                  ${this.renderCategoryContent(o)}
+                </ol-details>
+              `:n``)}
+        </div>
+      </div>
+    `}};d.styles=[R],l([_({type:Object})],d.prototype,"config",2),l([_({type:Object})],d.prototype,"searchConfig",2),l([_({type:String})],d.prototype,"selectedCategory",2),l([_({type:Boolean})],d.prototype,"disabled",2),l([m()],d.prototype,"multimediaService",2),l([m()],d.prototype,"productService",2),l([m()],d.prototype,"faqsService",2),l([m()],d.prototype,"fileService",2),l([m()],d.prototype,"isUploading",2),l([m()],d.prototype,"uploadProgress",2),l([m()],d.prototype,"categoryStates",2),l([m()],d.prototype,"searchTimeout",2),l([m()],d.prototype,"unifiedSearchQuery",2),l([m()],d.prototype,"extraFilters",2),l([m()],d.prototype,"activeFilters",2),l([m()],d.prototype,"loadingFilters",2),d=l([b("osb-side-bar")],d);export{d as OSBSideBar};