/*
 # -----------------------------------------------------------------------------
 # ~/assets/theme/j1/modules/videoPlayer/css/videoPlayer.min.css
 # Provides styles for J1 Module VideoPlayer
 # Version 3.1.40 for J1 Template 
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2026 Juergen Adams
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
 # -----------------------------------------------------------------------------
*/

:root{--border-color:#d2d2d7;--card-background:#ffffff;--input-background:#E1F5FE;--secondary-color:#86868b;--shadow-color:rgba(0,0,0,.1);--text-color:#1d1d1f;--ajs-theme-uno--dark-silver:#141920;--ajs-theme-uno--white:#FFFFFF;--item-active-border-color:#0d6efd}code,pre{background-color:rgb(0 0 0 / .1);border-top:none;color:#212121;font-weight:500;padding:.125em .275em .125em .275em;word-break:break-word!important}.video-player-header{align-items:center;background-color:var(--ajs-theme-uno--dark-silver);color:var(--ajs-theme-uno--white);display:flex;font-family:"Lato",sans-serif;font-weight:600;justify-content:space-between;padding:10px 15px}.video-player-header-slot{align-items:center;display:flex;flex-shrink:0;width:36px}.video-player-header-slot--right{justify-content:flex-end}.video-player-header-title{flex:1;text-align:center}.video-player-header-arrows{background:none;border:none;cursor:pointer;display:flex;line-height:0;margin:0;padding:0}.video-player-header-arrows:focus-visible{border-radius:2px;outline:2px solid var(--ajs-theme-uno--white);outline-offset:3px}.video-player-header-arrows img{display:block}.fa-file-clipboard:before,.fa-paste:before{content:"\f0ea"}.input-section{border:2px dashed var(--md-gray-400)!important;padding:28px}.input-wrapper{background:#fff0;box-sizing:border-box;border-radius:0;display:flex;flex-wrap:wrap;margin-bottom:1.5rem;width:100%}.input-container{align-items:center;display:flex;flex:1 1 0%;flex-basis:100%;justify-content:center;position:relative;width:100%}.input-container:has(.server-playlist-select){justify-content:flex-start!important}input{background-color:var(--card-background);border:none;border-radius:8px;color:var(--text-color);flex:1;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease;width:100%}@keyframes onAutoFillStart{from{}}@keyframes onAutoFillCancel{from{}}input:-webkit-autofill,select:-webkit-autofill{animation-name:onAutoFillStart;-webkit-box-shadow:0 0 0 1000px var(--input-background) inset!important;-webkit-text-fill-color:var(--text-color)!important;transition:background-color 5000s ease-in-out 0s}input:not(:-webkit-autofill),select:not(:-webkit-autofill){animation-name:onAutoFillCancel}input:autofill,select:autofill{animation-name:onAutoFillStart;background-color:var(--input-background)!important;color:var(--text-color)!important}[id^="serverPlaylistSelect_"],[id^="playlistSearchInput_"]{background:none!important}input[type="text"],input[type="search"],input[type="url"],input[type="email"],input[type="tel"],input[type="number"],input:not([type]),select{background-color:var(--card-background)!important}input[data-value-filled="true"],select[data-value-filled="true"]{background-color:var(--input-background)!important;color:var(--text-color)!important}[id^="videoUrlInput_"]{background:none!important;border:1px solid var(--border-color);border-radius:0;padding:.8rem 1rem .8rem 6.5rem;transition:border-color .2s,box-shadow .2s}.server-playlist-select{border:1px solid var(--border-color);box-shadow:none;color:var(--text-color);flex:1 1 100%;font-size:1.01rem;padding:.8rem 1rem .8rem 6.5rem;transition:border-color .2s,box-shadow .2s;width:100%}.select-btn-inside,.import-playlist-btn{flex-basis:auto;margin-top:.75rem}[id^="playlistSearchInput_"]{font-size:.8rem;border:1px solid var(--border-color);border-radius:0;padding:.8rem 1rem .8rem 3.5rem;transition:border-color .2s,box-shadow .2s;width:100%}[id^="playlistSearchInput_"]::placeholder{color:var(--secondary-color);opacity:.7}.paste-btn-inside{align-items:center;background:#2196F3;border:none;border-radius:0;color:#fff;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;height:auto;justify-content:center;left:.5rem;min-width:auto;padding:.5rem .6rem;position:absolute;top:34%;transform:translateY(-50%);transition:all .3s ease;white-space:nowrap;width:auto;z-index:1}.paste-btn-inside:hover{background-color:var(--bs-primary);box-shadow:0 2px 8px var(--shadow-color);color:var(--md-gray-900)!important}.select-btn-inside{align-items:center;background:#2196F3;border:none;border-radius:0;color:#fff;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;height:auto;justify-content:center;left:2.25rem;min-width:auto;padding:.5rem .6rem;position:absolute;top:38%;transform:translateY(-50%);transition:all 0.3s ease;white-space:nowrap;width:auto;z-index:1}.select-btn-inside:hover{background-color:var(--bs-primary);box-shadow:0 2px 8px var(--shadow-color);color:var(--md-gray-900)!important}.search-icon-inside{align-items:center;color:var(--secondary-color);display:flex;font-size:1rem;left:.85rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}[id^="playlistInputClear_"],[id^="playlistSelectClear_"]{align-items:center;background:#fff0;border-color:initial;border-image:initial;border-style:none;border-width:initial;color:var(--secondary-color);cursor:pointer;display:none;font-size:1rem;justify-content:center;padding:.5rem;position:absolute;top:32%!important;right:.5rem;transform:translateY(-50%);transition:color 0.2s}[id^="playlistInputClear_"]{top:33%}[id^="playlistSelectClear_"]{top:14%}[id^="playlistSearchClear_"]{align-items:center;background:#fff0;border:none;color:var(--secondary-color);cursor:pointer;display:none;font-size:1rem;justify-content:center;padding:.5rem;position:absolute;right:7.5rem;top:33%;transform:translateY(-50%);transition:color .2s ease}[id^="playlistSearchClear_"]:hover{color:var(--text-color)}[id^="playlistSearchResultCount_"]{align-self:center;color:var(--secondary-color);display:none;font-size:.85rem;margin-left:1rem;white-space:nowrap}.watch-adfree-btn,.export-playlist-btn,.import-playlist-btn,.delete-playlist-btn{border:none;border-radius:0;box-shadow:0 2px 8px var(--shadow-color);flex-shrink:0;font-size:1.08rem;font-weight:600;letter-spacing:.01em;padding:.85rem 2.2rem;min-width:220px;transition:background .2s,box-shadow .2s,transform .1s}.watch-adfree-btn:focus,.watch-adfree-btn:hover,.export-playlist-btn:focus,.export-playlist-btn:hover,.import-playlist-btn:focus,.import-playlist-btn:hover,.delete-playlist-btn:focus,.delete-playlist-btn:hover{box-shadow:0 4px 16px var(--shadow-color);outline:none;transform:translateY(-2px) scale(1.03)}.watch-adfree-btn{background:linear-gradient(90deg,var(--md-green-500),var(--md-green-700));color:#fff;margin-bottom:0;margin-left:.375rem;margin-right:.375rem;margin-top:.75rem}.watch-adfree-btn:focus,.watch-adfree-btn:hover{background:linear-gradient(90deg,var(--md-green-700),var(--md-green-500));color:#000}.export-playlist-btn{background:linear-gradient(90deg,var(--md-green-500),var(--md-green-700));color:#000;margin-bottom:.5rem;margin-left:.75rem}.export-playlist-btn:focus,.export-playlist-btn:hover{background:linear-gradient(90deg,var(--md-green-700),var(--md-green-500))}.import-playlist-btn{background:linear-gradient(90deg,var(--md-yellow-500),var(--md-yellow-700));color:#000;margin-bottom:.5rem;margin-left:.75rem}.import-playlist-btn:focus,.import-playlist-btn:hover{background:linear-gradient(90deg,var(--md-yellow-700),var(--md-yellow-500))}.delete-playlist-btn{background:linear-gradient(90deg,var(--md-red-500),var(--md-red-700));color:#000;margin-bottom:.5rem;margin-left:.75rem}.delete-playlist-btn:focus,.delete-playlist-btn:hover{background:linear-gradient(90deg,var(--md-red-700),var(--md-red-500))}.video-section{margin:2rem 0;width:100%}.video-container{aspect-ratio:16/9;background-color:var(--card-background);box-shadow:0 4px 6px var(--shadow-color);max-width:100vw;position:relative;width:100%}.video-title{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;overflow:hidden}.empty-player-overlay{align-items:center;background:var(--bs-gray-100);bottom:0;box-shadow:0 4px 6px var(--shadow-color);display:flex;flex:1 1 0%;justify-content:center;left:0;position:absolute;right:0;top:0;transition:0.3s;z-index:5}.empty-player-content{max-width:108%}@media (max-width:575.98px){.empty-player-content img{height:92px;width:368px}}.card-base{background:var(--card-background);border:1px solid var(--border-color);transition:transform .3s ease,background-color .3s ease}.playlist-card[data-item-active="true"],.playlist-row[data-item-active="true"]{border:2px solid var(--item-active-border-color)}.playlist.list-mode{display:flex!important;flex-direction:column;grid-template-columns:none!important}.playlist.card-mode{display:grid;grid-template-columns:repeat(2,1fr)}.playlist_screen{padding-right:.5rem;padding-left:.5rem;max-height:685px;overflow-y:scroll}@media (max-width:991.98px){.playlist.card-mode{grid-template-columns:repeat(1,1fr)!important}#playlistModeSwitch{display:none!important}}.playlist-thumb-wrapper,.playlist-row .playlist-thumb-wrapper{aspect-ratio:16/9;background:#000;overflow:hidden;position:relative;width:100%}.playlist-thumb,.playlist-row .playlist-thumb{display:block;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}.playlist-title,.playlist-author,.playlist-author-row,.playlist-row .playlist-title .playlist-url{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;overflow:hidden}.playlist-play-overlay{align-items:center;backdrop-filter:blur(10px);background:rgb(0 0 0 / .549);border:1px solid #ffffff23;border-radius:50%;box-shadow:0 10px 30px rgb(0 0 0 / .2);color:#fff;cursor:pointer;display:flex;font-size:20px;height:60px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:60px}.playlist-thumb-wrapper:hover{transform:none}.playlist-thumb-wrapper:hover .playlist-play-overlay{opacity:1}.featured-badge,.playlist-duration,.playlist-badge-overlay{backdrop-filter:blur(5px);bottom:8px;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.2;position:absolute;z-index:2}.playlist-duration,.playlist-badge-overlay{background:rgb(0 0 0 / .8);border-radius:3px;font-size:12px;font-weight:500;padding:2px 6px;right:8px}.playlist-duration{bottom:auto;left:8px;right:auto;top:8px}.playlist-rating{backdrop-filter:blur(5px);border-radius:3px;color:#f5c518;font-size:11px;letter-spacing:1px;line-height:1.2;position:absolute;right:8px;top:8px;z-index:2}.playlist-card{background:var(--card-background);border:1px solid var(--border-color);display:flex;flex-direction:column;height:auto;margin-bottom:.75rem;overflow:hidden;transition:all .3s ease}.playlist-info{display:flex;flex-direction:column;height:auto;justify-content:space-between;padding:12px}.playlist-title{color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.2;margin-bottom:12px}.playlist-author{color:var(--secondary-color);font-size:.85rem;line-height:1.3;margin-bottom:4px;word-break:break-word}.playlist-time-info{color:var(--secondary-color);font-size:.85rem;line-height:1.3;margin-bottom:2px;word-break:break-word}.playlist-card-actions{border-top:1px solid var(--border-color);display:flex;flex-direction:row;gap:8px;justify-content:space-evenly;margin-top:12px;padding-top:8px}.playlist-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:8px;box-shadow:none;color:var(--secondary-color);cursor:pointer;display:inline-flex;font-size:1rem;height:32px;justify-content:center;margin:0 2px;outline:none;transition:all .3s ease;width:32px}.playlist-btn:hover{background:var(--bs-primary);border-color:var(--bs-primary);box-shadow:0 4px 8px rgb(0 0 0 / .1);color:#fff;outline:none;transform:translateY(-2px)}.playlist-btn.rate.rated{color:#f59e0b}.playlist-btn.rate.rated:hover{color:#fff}.playlist-row{align-items:center;background:var(--card-background);border:1px solid var(--border-color);cursor:default;display:flex;gap:16px;overflow:hidden;position:relative;transition:all .3s ease}.playlist-row-content{align-items:center;display:flex;flex:1;gap:16px;min-width:0}.playlist-row .playlist-thumb-wrapper{flex-shrink:0;height:90px;min-width:160px;width:160px}.playlist-row .playlist-thumb-wrapper:hover .playlist-thumb{transform:scale(1.05)}.playlist-row .playlist-play-overlay{z-index:2}.playlist-row .playlist-title{color:var(--text-primary);font-size:.95rem;font-weight:600;line-height:1.4;margin-bottom:0;margin-top:8px}.playlist-row .playlist-url{color:var(--text-primary);font-size:.85rem;line-height:1.3;margin-bottom:0;margin-top:0}.playlist-row .playlist-author{color:var(--text-primary);font-size:.85rem;line-height:1.3;margin-bottom:0;margin-top:0}.playlist-row .playlist-duration,.playlist-row .playlist-badge-overlay{font-size:11px;padding:2px 5px}.playlist-info-row{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.playlist-author-row{font-size:.85rem}.playlist-author-row,.playlist-duration-row{color:var(--secondary-color);line-height:1.3}.playlist-playlist-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;justify-content:flex-end}.drag-handle,.playlist-row-action-delete{align-items:center;color:var(--secondary-color);cursor:grab;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:color .2s ease;width:32px}.playlist-block-title{align-items:center;display:flex;font-size:1.125rem;font-weight:500;line-height:1.25;margin-bottom:.5rem;text-align:left;text-rendering:optimizeLegibility}.playlist-sort-select{appearance:auto;background:var(--card-background);border:1px solid var(--border-color);border-radius:0;color:var(--secondary-color);cursor:pointer;font-size:.8rem;margin-left:auto;padding:.25rem .5rem;transition:border-color .2s,box-shadow .2s}.playlist-sort-select:focus{border-color:var(--bs-primary,#2196F3);box-shadow:0 0 0 2px rgb(33 150 243 / .15);outline:none}.playlist-sort-select:hover{border-color:var(--bs-primary,#2196F3)}.playlist-sort-select option[hidden]{display:none}.playlist-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.playlist-filters input,.playlist-filters select{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);padding:.5rem}.playlist-info-link{border-bottom:none;margin-left:.5rem}#playlistModeSwitch{margin-left:1rem}.rating-stars{display:inline-flex;gap:.5rem;user-select:none}.rating-star{color:var(--border-color);cursor:pointer;font-size:2rem;transition:color .2s ease,transform .15s ease}.rating-star:hover,.rating-star.hover{color:#facc15;transform:scale(1.15)}.rating-star.active{color:#f59e0b}.rating-star.active.hover{color:#facc15}.rating-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.5rem;transition:all .2s ease}.rating-modal-btn-primary{background:linear-gradient(90deg,var(--md-green-500),var(--md-green-700));color:#fff}.rating-modal-btn-primary:hover{background:linear-gradient(90deg,var(--md-green-700),var(--md-green-500));box-shadow:0 2px 8px var(--shadow-color);color:#000}.rating-modal-btn-secondary{background:var(--card-background);border:1px solid var(--border-color);color:var(--text-color)}.rating-modal-btn-secondary:hover{background:var(--bs-gray-100,#f3f3f3);box-shadow:0 2px 8px var(--shadow-color)}.rating-modal-btn-warning{background:linear-gradient(90deg,var(--md-red-500,#f44336),var(--md-red-700,#d32f2f));color:#fff}.rating-modal-btn-warning:hover{background:linear-gradient(90deg,var(--md-red-700,#d32f2f),var(--md-red-500,#f44336));box-shadow:0 2px 8px var(--shadow-color);color:#000}#ratingVideoTitle{font-size:1rem;font-weight:600;line-height:1.3;margin-bottom:.25rem}#ratingVideoAuthor{color:var(--secondary-color);font-size:.85rem;margin-bottom:0}.rating-dialog{display:flex;flex-direction:column;gap:1.5rem}.rating-dialog-label{color:var(--secondary-color);font-size:.85rem;margin-top:.5rem;min-height:1.2em}.rating-modal-footer{display:flex;gap:.75rem;justify-content:flex-end;border-top:1px solid #e0e0e0!important}#editVideoTitle{font-size:1rem;font-weight:600;line-height:1.3;margin-bottom:.25rem}#editVideoAuthor{color:var(--secondary-color);font-size:.85rem;margin-bottom:0}.edit-dialog{display:flex;flex-direction:column;gap:1rem}.edit-field-group{display:flex;flex-direction:column;gap:.25rem}.edit-field-label{color:var(--secondary-color);font-size:.85rem;font-weight:500}.edit-field-input{background:var(--card-background);border:1px solid var(--border-color);border-radius:0;color:var(--text-color);font-size:0.85rem!important;padding:.5rem .75rem;transition:border-color 0.2s ease;width:100%}.edit-field-input:focus{border-color:var(--bs-primary,#2196F3);box-shadow:0 0 0 2px rgb(33 150 243 / .15);outline:none}.edit-field-input::placeholder{color:var(--secondary-color);opacity:.6}.powered-by{background-color:var(--bs-primary);color:#fff;font-size:12px;font-weight:700;margin-bottom:3rem!important;padding:4px 8px}