.ali-youtube-list-item{padding:calc(var(--id3-ui-spacing)*.5);width:clamp(320px,100%,450px);cursor:pointer;transition:.25s ease;overflow:hidden;border-radius:calc(var(--id3-ui-spacing)*.5 + var(--id3-ui-corner))}.ali-youtube-list-item .ali-image-container{aspect-ratio:var(--ali-youtube-item-image-ratio, 16/9);overflow:hidden;border-radius:var(--id3-ui-corner);position:relative}.ali-youtube-list-item .ali-image-container img{width:100%;height:100%;object-fit:cover}.ali-youtube-list-item .ali-image-container>id3-icon{position:absolute;top:50%;left:50%;translate:-50% -50%;font-size:3rem;color:#fff;text-shadow:0 0 1rem rgba(0,0,0,.5);scale:0;opacity:0;transition:.25s ease}.ali-youtube-list-item:hover .ali-image-container>id3-icon{scale:1;opacity:.75}.ali-youtube-list-item .ali-item-actions,.ali-youtube-list-item .ali-item-info{display:none}.ali-youtube-playlist{container-name:youtubePlaylist;container-type:inline-size;min-width:100%;display:block}.ali-youtube-playlist[mode=theatre] .ali-youtube-playlist-container,.ali-youtube-playlist[mode=theater] .ali-youtube-playlist-container,.ali-youtube-playlist[mode=list] .ali-youtube-playlist-container{container-name:youtubePlaylistContainer;container-type:inline-size}.ali-youtube-playlist[mode=theatre] .ali-youtube-list-item,.ali-youtube-playlist[mode=theater] .ali-youtube-list-item,.ali-youtube-playlist[mode=list] .ali-youtube-list-item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--id3-ui-spacing);align-items:center;width:100%}@container youtubePlaylistContainer (max-width : 400px){.ali-youtube-playlist[mode=theatre] .ali-youtube-list-item,.ali-youtube-playlist[mode=theater] .ali-youtube-list-item,.ali-youtube-playlist[mode=list] .ali-youtube-list-item{grid-template-columns:1fr}}.ali-youtube-playlist[mode=theatre] .ali-youtube-list-item:hover,.ali-youtube-playlist[mode=theater] .ali-youtube-list-item:hover,.ali-youtube-playlist[mode=list] .ali-youtube-list-item:hover{background:color-mix(in srgb, var(--id3-color-primary-revert), transparent 90%)}@container youtubePlaylistContainer (min-width : 400px){.ali-youtube-playlist[mode=theatre] .ali-youtube-list-item .ali-image-container,.ali-youtube-playlist[mode=theater] .ali-youtube-list-item .ali-image-container,.ali-youtube-playlist[mode=list] .ali-youtube-list-item .ali-image-container{height:100px}}.ali-youtube-playlist[mode=theatre] .ali-youtube-list-item .ali-item-actions,.ali-youtube-playlist[mode=theater] .ali-youtube-list-item .ali-item-actions,.ali-youtube-playlist[mode=list] .ali-youtube-list-item .ali-item-actions{display:flex;gap:var(--id3-ui-spacing);align-items:center}@container youtubePlaylistContainer (max-width : 680px){.ali-youtube-playlist[mode=theatre] .ali-youtube-list-item .ali-item-actions,.ali-youtube-playlist[mode=theater] .ali-youtube-list-item .ali-item-actions,.ali-youtube-playlist[mode=list] .ali-youtube-list-item .ali-item-actions{display:none}}.ali-youtube-playlist[mode=theatre] .ali-youtube-list-item .ali-item-info,.ali-youtube-playlist[mode=theater] .ali-youtube-list-item .ali-item-info,.ali-youtube-playlist[mode=list] .ali-youtube-list-item .ali-item-info{display:flex;flex-direction:column}.ali-youtube-playlist[mode=theatre] .ali-youtube-list-item .ali-item-info .ali-item-title,.ali-youtube-playlist[mode=theater] .ali-youtube-list-item .ali-item-info .ali-item-title,.ali-youtube-playlist[mode=list] .ali-youtube-list-item .ali-item-info .ali-item-title{margin:0;font-size:1.25rem;font-weight:600;line-height:1.5}.ali-youtube-playlist[mode=theatre] .ali-youtube-list-item .ali-item-info .ali-item-description,.ali-youtube-playlist[mode=theater] .ali-youtube-list-item .ali-item-info .ali-item-description,.ali-youtube-playlist[mode=list] .ali-youtube-list-item .ali-item-info .ali-item-description{display:none;margin:0;font-size:1rem;line-height:1.5}.ali-youtube-playlist[mode=theatre],.ali-youtube-playlist[mode=theater]{display:grid;gap:var(--id3-ui-spacing)}@container youtubePlaylist (max-width : 680px){.ali-youtube-playlist[mode=theatre] .ali-youtube-theatre-info-container,.ali-youtube-playlist[mode=theater] .ali-youtube-theatre-info-container{grid-template-columns:1fr !important}}.ali-youtube-playlist[mode=theatre] .ali-youtube-current-video,.ali-youtube-playlist[mode=theater] .ali-youtube-current-video{aspect-ratio:16/9;overflow:hidden;border-radius:var(--id3-ui-corner);position:relative;width:100%}.ali-youtube-playlist[mode=theatre] .ali-youtube-current-video iframe,.ali-youtube-playlist[mode=theater] .ali-youtube-current-video iframe{width:100%;height:100%}.ali-youtube-playlist[mode=theatre] .ali-youtube-theatre-info-container,.ali-youtube-playlist[mode=theater] .ali-youtube-theatre-info-container{display:grid;grid-template-columns:3fr 2fr;gap:var(--id3-ui-spacing-outer)}.ali-youtube-playlist[mode=theatre] .ali-youtube-current-video-info .ali-youtube-current-video-description,.ali-youtube-playlist[mode=theater] .ali-youtube-current-video-info .ali-youtube-current-video-description{white-space:pre-wrap}@container youtubePlaylist (min-width : 680px){.ali-youtube-playlist[mode=theatre] .ali-youtube-playlist-container,.ali-youtube-playlist[mode=theater] .ali-youtube-playlist-container{max-height:60vh;overflow:hidden auto;background:color-mix(in srgb, var(--id3-color-primary-revert), transparent 90%);border-radius:calc(var(--id3-ui-spacing)/2 + var(--id3-ui-corner));--id3-scollbar-width: 6px;--id3-scollbar-height: 6px;--id3--scrollbar-opacity:1;--id3-color-scollbar-thumb: var(--id3-color-secondary);--id3-color-scollbar-track: var(--id3-color-primary-80);--id3-scollbar-shadow: inset 0 0 6px rgba(0,0,0,0.2);--id3--scrollbar-opacity:0;--id3-color-scollbar-thumb: color-mix(in srgb, var(--id3-color-secondary), transparent 90%)}.ali-youtube-playlist[mode=theatre] .ali-youtube-playlist-container:hover,.ali-youtube-playlist[mode=theater] .ali-youtube-playlist-container:hover{--id3--scrollbar-opacity:1;--id3-color-scollbar-thumb: var(--id3-color-secondary)}.ali-youtube-playlist[mode=theatre] .ali-youtube-playlist-container::-webkit-scrollbar-track,.ali-youtube-playlist[mode=theater] .ali-youtube-playlist-container::-webkit-scrollbar-track{margin:.25rem}.ali-youtube-playlist[mode=theatre] .ali-youtube-playlist-container::scrollbar-track,.ali-youtube-playlist[mode=theater] .ali-youtube-playlist-container::scrollbar-track{margin:.25rem}.ali-youtube-playlist[mode=theatre] .ali-youtube-playlist-container::-webkit-scrollbar-track,.ali-youtube-playlist[mode=theater] .ali-youtube-playlist-container::-webkit-scrollbar-track{border-radius:10px;background:var(--id3-color-scollbar-track, transparent);opacity:var(--id3-scollbar-opacity, 0);transition:width .25s}.ali-youtube-playlist[mode=theatre] .ali-youtube-playlist-container::-webkit-scrollbar,.ali-youtube-playlist[mode=theater] .ali-youtube-playlist-container::-webkit-scrollbar{padding:2px;width:calc(var(--id3-scollbar-width, 0) + 2px);height:var(--id3-scollbar-height, 0);background-color:rgba(0,0,0,0)}.ali-youtube-playlist[mode=theatre] .ali-youtube-playlist-container::-webkit-scrollbar-thumb,.ali-youtube-playlist[mode=theater] .ali-youtube-playlist-container::-webkit-scrollbar-thumb{border-radius:10px;border:solid 4px var(--id3-color-scollbar-track, transparent);background:var(--id3-color-scollbar-thumb, transparent)}.ali-youtube-playlist[mode=theatre] .ali-youtube-playlist-container::scrollbar-track,.ali-youtube-playlist[mode=theater] .ali-youtube-playlist-container::scrollbar-track{border-radius:10px;background-color:var(--id3-color-scollbar-track, transparent)}.ali-youtube-playlist[mode=theatre] .ali-youtube-playlist-container::scrollbar,.ali-youtube-playlist[mode=theater] .ali-youtube-playlist-container::scrollbar{transition:width .25s;width:var(--id3-scollbar-width, 0);height:var(--id3-scollbar-height, 0);background-color:rgba(0,0,0,0)}.ali-youtube-playlist[mode=theatre] .ali-youtube-playlist-container::scrollbar-thumb,.ali-youtube-playlist[mode=theater] .ali-youtube-playlist-container::scrollbar-thumb{transition:width .25s;border-radius:10px;opacity:var(--id3-scollbar-opacity, 0);background-color:var(--id3-color-scollbar-thumb, transparent)}}.ali-youtube-playlist[mode=grid]{--ali-carousel-columns: 3}.ali-youtube-playlist[mode=grid] .ali-youtube-playlist-container{width:100cqi;overflow:hidden}@container youtubePlaylist (max-width : 1000px){.ali-youtube-playlist[mode=grid] .ali-youtube-playlist-container{--ali-carousel-columns: 2}}@container youtubePlaylist (max-width : 680px){.ali-youtube-playlist[mode=grid] .ali-youtube-playlist-container{--ali-carousel-columns: 1}}.ali-youtube-playlist[mode=grid] .ali-youtube-playlist{display:grid;grid-template-columns:repeat(var(--ali-carousel-columns), 1fr)}.ali-youtube-playlist[mode=carousel]{--ali-carousel-columns: 3;position:relative}.ali-youtube-playlist[mode=carousel] .ali-youtube-playlist-container{width:100cqi;overflow:hidden}@container youtubePlaylist (max-width : 1000px){.ali-youtube-playlist[mode=carousel] .ali-youtube-playlist-container{--ali-carousel-columns: 2}}@container youtubePlaylist (max-width : 680px){.ali-youtube-playlist[mode=carousel] .ali-youtube-playlist-container{--ali-carousel-columns: 1}}.ali-youtube-playlist[mode=carousel] .ali-youtube-playlist{display:grid;transition:.25s ease;translate:calc(-100cqi*var(--ali-current-page-index));grid-auto-flow:column;grid-auto-columns:calc(100cqi/var(--ali-carousel-columns))}.ali-youtube-playlist[mode=carousel]:not(:has(.ali-youtube-list-item:nth-child(4))) .ali-playlist-nav,.ali-youtube-playlist[mode=carousel]:not(:has(.ali-youtube-list-item:nth-child(3))) .ali-playlist-nav,.ali-youtube-playlist[mode=carousel]:not(:has(.ali-youtube-list-item:nth-child(2))) .ali-playlist-nav{display:none}.ali-youtube-playlist[mode=carousel]:not(:has(.ali-youtube-list-item:nth-child(3))) .ali-youtube-playlist,.ali-youtube-playlist[mode=carousel]:not(:has(.ali-youtube-list-item:nth-child(2))) .ali-youtube-playlist{display:flex;justify-content:center}.ali-youtube-playlist[mode=grid] .ali-youtube-list-item,.ali-youtube-playlist[mode=carousel] .ali-youtube-list-item{position:relative;isolation:isolate}.ali-youtube-playlist[mode=grid] .ali-youtube-list-item::before,.ali-youtube-playlist[mode=carousel] .ali-youtube-list-item::before{content:"";position:absolute;inset:1.25rem;border-radius:var(--id3-ui-corner);background:#000;filter:blur(5px);transition:.25s ease;z-index:-1}.ali-youtube-playlist[mode=grid] .ali-youtube-list-item:hover,.ali-youtube-playlist[mode=carousel] .ali-youtube-list-item:hover{scale:1.05;translate:0 -5px}.ali-youtube-playlist[mode=grid] .ali-youtube-list-item:hover::before,.ali-youtube-playlist[mode=carousel] .ali-youtube-list-item:hover::before{scale:.95;translate:0 15px}.ali-youtube-playlist .ali-playlist-nav{position:absolute;top:50%;font-size:3rem;translate:var(--ali-nav-offset-x) -50%;z-index:10;cursor:pointer}.ali-youtube-playlist .ali-playlist-nav.ali-nav-previous{left:0;--ali-nav-offset-x:-100%}.ali-youtube-playlist .ali-playlist-nav.ali-nav-next{right:0;--ali-nav-offset-x:100%}youtube-player-dialog#youtube-player-dialog{--id3-dialog-width: 1200px}youtube-player-dialog#youtube-player-dialog id3-dialog-body{padding:0;aspect-ratio:16/9;overflow:hidden;border-radius:var(--id3-ui-corner);width:100%}@media screen and (max-width: 680px){youtube-player-dialog#youtube-player-dialog id3-dialog-body{aspect-ratio:unset;height:calc(100vh - 5rem)}}youtube-player-dialog#youtube-player-dialog iframe{width:100%;height:100%}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist{display:grid;gap:1rem;position:relative;width:var(--id3-ui-layout-max)}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist id3-placeholder[type=video],.aliquando-section-builder .ali-content-preview.ali-youtube-playlist id3-placeholder[type=image]{aspect-ratio:16/9}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist .ali-youtube-player,.aliquando-section-builder .ali-content-preview.ali-youtube-playlist .ali-youtube-player-info,.aliquando-section-builder .ali-content-preview.ali-youtube-playlist id3-icon{display:none}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist id3-icon{font-size:2.5rem;position:absolute;top:50%}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist id3-icon.fa-angle-left{left:0;translate:0% -50%}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist id3-icon.fa-angle-right{right:0;translate:0% -50%}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist .ali-youtube-list-container{display:grid;gap:1rem}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist .ali-youtube-list{display:grid;gap:1rem}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist .ali-youtube-item id3-placeholder[type=image]{min-width:150px}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist .ali-youtube-item id3-placeholder[type=button],.aliquando-section-builder .ali-content-preview.ali-youtube-playlist .ali-youtube-item id3-placeholder[type=text]{display:none}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist[mode=theatre] .ali-youtube-current-video{aspect-ratio:16/9}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist[mode=theatre] .ali-youtube-list-container{grid-template-columns:3fr 2fr}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist[mode=theatre] .ali-youtube-list{display:flex;gap:1rem;flex-direction:column}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist[mode=theatre] .ali-youtube-item{display:grid;grid-template-columns:auto 1fr;place-items:center stretch;gap:1rem}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist[mode=theatre] .ali-youtube-item id3-placeholder[type=image]{width:150px}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist[mode=theatre] .ali-youtube-item id3-placeholder[type=text]{display:block}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist[mode=theatre] .ali-youtube-item:nth-child(n+6){display:none}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist[mode=theatre] .ali-youtube-player,.aliquando-section-builder .ali-content-preview.ali-youtube-playlist[mode=theatre] .ali-youtube-player-info{display:block}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist[mode=theatre] .ali-youtube-player-info{display:flex;flex-direction:column;gap:1rem;align-items:center}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist[mode=grid] .ali-youtube-list,.aliquando-section-builder .ali-content-preview.ali-youtube-playlist[mode=carousel] .ali-youtube-list{display:grid;grid-template-columns:repeat(3, 1fr)}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist[mode=carousel]{padding-inline:3rem}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist[mode=carousel] .ali-youtube-list .ali-youtube-item:nth-child(n+4){display:none}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist[mode=carousel] id3-icon{display:block}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist[mode=list] .ali-youtube-list .ali-youtube-item{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;place-items:center stretch}.aliquando-section-builder .ali-content-preview.ali-youtube-playlist[mode=list] .ali-youtube-list id3-placeholder[type=button],.aliquando-section-builder .ali-content-preview.ali-youtube-playlist[mode=list] .ali-youtube-list id3-placeholder[type=text]{display:block}