.media-chrome.svelte-f6goyh{position:relative;display:flex;background:#f5f5f5;border-radius:8px;overflow:hidden}:where(.media-chrome:where(.svelte-f6goyh)) .aspect-video.svelte-f6goyh{aspect-ratio:16 / 9}:where(.media-chrome:where(.svelte-f6goyh)) media-controller.svelte-f6goyh{--media-primary-color: #53B8E8;--media-secondary-color: #53B8E8;--media-text-color: white;--media-control-background: rgba(8, 20, 40, .8);--media-control-hover-background: rgba(8, 20, 40, 1);border-radius:8px;overflow:hidden;background:#081428;position:relative;width:100%;height:100%}:where(.media-chrome:where(.svelte-f6goyh)) media-control-bar.svelte-f6goyh{background:linear-gradient(transparent,#000c)}:where(.media-chrome:where(.svelte-f6goyh)) media-controller.svelte-f6goyh{--media-control-padding: 6px;--media-font-size: 12px;--media-button-icon-width: 22px;--media-button-icon-height: 22px}.has-playlist.svelte-f6goyh media-controller:where(.svelte-f6goyh){--media-control-padding: 4px;--media-control-height: 28px;--media-font-size: 10px;--media-range-track-height: 3px;--media-range-thumb-height: 10px;--media-range-thumb-width: 10px;--media-button-icon-width: 16px;--media-button-icon-height: 16px}:where(.media-chrome:where(.svelte-f6goyh)) media-poster-image.svelte-f6goyh{--media-object-fit: cover;display:flex;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}:where(.media-chrome:where(.svelte-f6goyh)) youtube-video.svelte-f6goyh,:where(.media-chrome:where(.svelte-f6goyh)) vimeo-video.svelte-f6goyh,:where(.media-chrome:where(.svelte-f6goyh)) video.svelte-f6goyh{width:100%;height:100%;border:none;outline:none;background:#000}:where(.media-chrome:where(.svelte-f6goyh)) media-loading-indicator.svelte-f6goyh{--media-loading-icon-width: 48px;--media-loading-icon-height: 48px;--media-loading-icon-color: #53B8E8}:where(.media-chrome:where(.svelte-f6goyh)) .dropdown.svelte-f6goyh .share-button:where(.svelte-f6goyh){border:1px solid red;color:#53b8e8;width:100%;height:100%;border:none;cursor:pointer;background:var(--media-control-background);padding:var(--media-control-padding, 10px);display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;box-sizing:border-box;text-align:center;pointer-events:auto}:where(.media-chrome:where(.svelte-f6goyh)) .dropdown-content.svelte-f6goyh{background:#000000e6;padding-block:12px;padding-inline:4px;border-radius:10px 10px 0 0;margin-block:0}:where(.media-chrome:where(.svelte-f6goyh) .dropdown-content:where(.svelte-f6goyh)) li.svelte-f6goyh{list-style:none;margin:0;padding:0}:where(.media-chrome:where(.svelte-f6goyh)) .dropdown-content.svelte-f6goyh li:where(.svelte-f6goyh) button:where(.svelte-f6goyh){width:100%;text-align:left;border:none;background:transparent;border-radius:.375rem;cursor:pointer;transition:all .2s ease;color:#53b8e8;display:flex;align-items:center}:where(.media-chrome:where(.svelte-f6goyh)) .dropdown-content.svelte-f6goyh li:where(.svelte-f6goyh) button:where(.svelte-f6goyh):hover{color:#fff}:where(.media-chrome:where(.svelte-f6goyh)) .dropdown-content.svelte-f6goyh li:where(.svelte-f6goyh) button:where(.svelte-f6goyh) svg:where(.svelte-f6goyh){width:24px;height:auto;flex-shrink:0}:where(.media-chrome:where(.svelte-f6goyh)) .dropdown.svelte-f6goyh:hover .share-button:where(.svelte-f6goyh){background:var(--media-control-hover-background, rgba(50 50 70 / .7))}:where(.media-chrome:where(.svelte-f6goyh)) .share-button.svelte-f6goyh:active{background:var(--media-control-hover-background, rgba(50 50 70 / .7))}.svelte-f6goyh:where(.media-chrome:where(.svelte-f6goyh)):where(.share-button:where(.svelte-f6goyh):focus-visible){box-shadow:inset 0 0 0 2px #1b7fcce6;outline:0}.svelte-f6goyh:where(.media-chrome:where(.svelte-f6goyh)):where(.share-button:where(.svelte-f6goyh):focus){box-shadow:none;outline:0}:where(.media-chrome:where(.svelte-f6goyh)) .share-button.svelte-f6goyh svg:where(.svelte-f6goyh){height:24px;width:24px}:where(.media-chrome:where(.svelte-f6goyh)) .playlist-nav-buttons.svelte-f6goyh{display:inline-flex;align-items:center;gap:0;flex-shrink:0}:where(.media-chrome:where(.svelte-f6goyh)) .playlist-nav-button.svelte-f6goyh{border:none;color:#53b8e8;cursor:pointer;background:var(--media-control-background);padding:var(--media-control-padding, 4px);display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;box-sizing:border-box;text-align:center;pointer-events:auto;transition:background-color .2s ease,opacity .2s ease;width:auto;height:100%}:where(.media-chrome:where(.svelte-f6goyh)) .playlist-nav-button.svelte-f6goyh:hover:not(.disabled){background:var(--media-control-hover-background, rgba(50 50 70 / .7))}:where(.media-chrome:where(.svelte-f6goyh)) .playlist-nav-button.disabled.svelte-f6goyh{color:#999;cursor:not-allowed;pointer-events:none}:where(.media-chrome:where(.svelte-f6goyh)) .playlist-nav-button.svelte-f6goyh:active:not(.disabled){background:var(--media-control-hover-background, rgba(50 50 70 / .7))}:where(.media-chrome:where(.svelte-f6goyh)) .playlist-nav-button.svelte-f6goyh:focus-visible{box-shadow:inset 0 0 0 2px #1b7fcce6;outline:0}:where(.media-chrome:where(.svelte-f6goyh)) .playlist-nav-button.svelte-f6goyh:focus{box-shadow:none;outline:0}.media-playlist-container.svelte-f6goyh{display:flex;flex-direction:column;width:100%;gap:0}.media-playlist-container.has-playlist.svelte-f6goyh{gap:1rem}.media-player-wrapper.svelte-f6goyh{flex:1;min-width:0;width:100%;order:1}.media-playlist-container.svelte-f6goyh:not(.has-playlist) .media-player-wrapper:where(.svelte-f6goyh){flex:none;order:initial}.media-playlist-list.svelte-f6goyh{display:flex;flex-direction:column;background:#081428;border-radius:8px;overflow:hidden;width:100%;max-height:280px;order:2;height:100%}.media-playlist-list.svelte-f6goyh:not([style*="display: none"]){display:flex}.playlist-header.svelte-f6goyh{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.playlist-title.svelte-f6goyh{font-weight:600;font-size:14px;color:#fff}.playlist-count.svelte-f6goyh{font-size:12px;color:#fff9}.playlist-items.svelte-f6goyh{display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#53B8E8 transparent;height:100%}.playlist-items.svelte-f6goyh::-webkit-scrollbar{width:6px}.playlist-items.svelte-f6goyh::-webkit-scrollbar-track{background:transparent}.playlist-items.svelte-f6goyh::-webkit-scrollbar-thumb{background:#53b8e8;border-radius:3px}.playlist-item.svelte-f6goyh{display:flex;align-items:center;gap:12px;padding:8px 12px;background:transparent;border:none;cursor:pointer;transition:background-color .2s ease;text-align:left;width:100%}.playlist-item.svelte-f6goyh:hover{background:#ffffff1a}.playlist-item.active.svelte-f6goyh{background:#007bff33}.playlist-item-thumbnail.svelte-f6goyh{flex-shrink:0;width:120px;height:68px;border-radius:4px;overflow:hidden;background:#0000004d;display:flex;align-items:center;justify-content:center}.thumbnail-image.svelte-f6goyh{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.playlist-item-info.svelte-f6goyh{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.playlist-item-index.svelte-f6goyh{font-size:11px;color:#ffffff80;font-weight:500}.playlist-item-title.svelte-f6goyh{font-size:13px;color:#fff;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.playlist-item.active.svelte-f6goyh .playlist-item-title:where(.svelte-f6goyh){color:#53b8e8}@media (min-width: 1024px){.media-playlist-container.has-playlist.svelte-f6goyh{flex-direction:row;gap:1rem}.media-playlist-container.has-playlist.svelte-f6goyh .media-player-wrapper:where(.svelte-f6goyh){flex:2;order:2}.media-playlist-container.has-playlist.svelte-f6goyh .media-playlist-list:where(.svelte-f6goyh){flex:1;max-width:360px;max-height:none;height:auto;align-self:flex-start;order:1;height:100%}.media-playlist-container.svelte-f6goyh:not(.has-playlist){flex-direction:column;gap:0}.media-playlist-container.svelte-f6goyh:not(.has-playlist) .media-player-wrapper:where(.svelte-f6goyh){flex:none;order:initial;width:100%}}