.youtube-videos-track{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--youtube-gap,1.2rem)}
.youtube-videos-card{min-width:0}
.youtube-videos [hidden]{display:none!important}
.youtube-videos-controls{display:flex;align-items:center;justify-content:flex-end;gap:1rem}
.youtube-videos[data-layout="slider"] .youtube-videos-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1px;padding:1px 1px 1rem;overscroll-behavior-x:contain}
.youtube-videos[data-layout="slider"] .youtube-videos-card{flex:0 0 100%;scroll-snap-align:start}
.youtube-videos [data-youtube-play]:focus-visible{outline:3px solid var(--bs-primary,#0d6efd);outline-offset:-3px}
.youtube-videos iframe{border:0}
@media(min-width:768px){.youtube-videos-track{grid-template-columns:repeat(var(--youtube-tablet),minmax(0,1fr))}.youtube-videos[data-layout="slider"] .youtube-videos-card{flex-basis:calc((100% - (var(--youtube-tablet) - 1)*var(--youtube-gap,1.2rem))/var(--youtube-tablet))}}
@media(min-width:992px){.youtube-videos-track{grid-template-columns:repeat(var(--youtube-columns),minmax(0,1fr))}.youtube-videos[data-layout="slider"] .youtube-videos-card{flex-basis:calc((100% - (var(--youtube-columns) - 1)*var(--youtube-gap,1.2rem))/var(--youtube-columns))}}
.youtube-videos-surface{display:flex;flex-direction:column;border:1px solid rgba(127,127,127,.16);border-radius:1rem;overflow:hidden;box-shadow:none}
.youtube-videos-poster{background:#17232e;overflow:hidden}
.youtube-videos-play{display:block;width:100%;height:100%;border:0;padding:0;cursor:pointer;background:transparent;color:#fff;overflow:hidden}
.youtube-videos-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.youtube-videos-play:hover .youtube-videos-image{transform:scale(1.025)}
.youtube-videos-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.55))}
.youtube-videos-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:50%;background:rgba(15,23,32,.82);border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 20px rgba(0,0,0,.2);transition:background .2s ease}
.youtube-videos-play:hover .youtube-videos-play-icon{background:#c00}
.youtube-videos-play-label{position:absolute;left:1rem;bottom:.85rem;font-size:.8rem;font-weight:600;letter-spacing:.02em}
.youtube-videos .card-body{flex:1;padding:1.2rem;display:flex;flex-direction:column;align-items:flex-start}
.youtube-videos-brands{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.65;margin:0 0 .55rem}
.youtube-videos-title{font-size:1.1rem;line-height:1.45;margin:0 0 1rem}
.youtube-videos-external{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-top:auto;color:inherit;border-radius:.5rem;transition:color .2s ease,background .2s ease}
.youtube-videos-external:hover{color:#c00;background:rgba(127,127,127,.08)}
.youtube-videos-external:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.youtube-videos-privacy{font-size:.75rem;line-height:1.5;opacity:.7;margin:1.25rem 0 0}
@media(prefers-reduced-motion:reduce){.youtube-videos-image{transition:none}.youtube-videos-play:hover .youtube-videos-image{transform:none}}

.youtube-videos-head{margin-bottom:1.25rem}
.youtube-videos-slider{position:relative;padding-inline:3.4rem}
.youtube-videos-slider:not(.has-related-nav){padding-inline:0}
.youtube-videos-slider:not(.has-related-nav) [data-youtube-prev],.youtube-videos-slider:not(.has-related-nav) [data-youtube-next]{display:none}
.youtube-videos-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2.9rem;height:2.9rem;border:0;border-radius:50%;background:transparent;color:var(--brand-primary,currentColor)}
.youtube-videos-nav.is-prev{left:0}
.youtube-videos-nav.is-next{right:0}
.youtube-videos-nav:disabled{opacity:.42;cursor:default}
.youtube-videos-nav span{font-size:4.5rem;line-height:1}
.youtube-videos[data-layout="slider"] .youtube-videos-track{scrollbar-width:none;padding-block:1rem}
.youtube-videos[data-layout="slider"] .youtube-videos-track::-webkit-scrollbar{display:none}
.youtube-videos-position{text-align:center;font-size:.75rem;opacity:.7;margin:.25rem 0 0}
.Vtheme .youtube-videos .v-theme-listing-meta{opacity:1;margin-bottom:0}
@media(max-width:767.98px){.youtube-videos-slider{padding-inline:2.9rem}}
@media(max-width:379.98px){.youtube-videos-slider{padding-inline:2.2rem}.youtube-videos-nav{width:2.45rem;height:2.45rem}.youtube-videos-nav span{font-size:3rem}}
/* Shorts: a compact portrait shelf, while retaining the theme navigation. */
.youtube-videos-portrait{--bs-aspect-ratio:177.777778%}
.youtube-videos[data-format="shorts"] .youtube-videos-surface{border:0;background:transparent;box-shadow:none;overflow:visible}
.youtube-videos[data-format="shorts"] .youtube-videos-poster{border-radius:var(--radius-card,.75rem)}
.youtube-videos[data-format="shorts"] .card-body{position:relative;padding:.7rem 2.5rem 0 0}
.youtube-videos[data-format="shorts"] .youtube-videos-brands{display:none}
.youtube-videos[data-format="shorts"] .youtube-videos-title{font-size:.95rem;line-height:1.4;font-weight:600;margin:0 0 .35rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.youtube-videos[data-format="shorts"] .youtube-videos-external{position:absolute;right:-.4rem;top:.25rem;margin:0}
.youtube-videos[data-format="shorts"] .youtube-videos-external svg{width:21px;height:21px}
.youtube-videos[data-format="shorts"] .youtube-videos-play-icon{width:3rem;height:3rem}
.youtube-videos[data-format="shorts"] .youtube-videos-play-label{font-size:.72rem}
.youtube-shorts-views{font-size:.78rem;opacity:.7;margin:0}
@media(min-width:768px){.youtube-videos[data-format="shorts"] .youtube-videos-track{grid-template-columns:repeat(min(var(--youtube-columns),3),minmax(0,1fr))}.youtube-videos[data-format="shorts"][data-layout="slider"] .youtube-videos-card{flex-basis:calc((100% - (min(var(--youtube-columns),3) - 1)*var(--youtube-gap,1.2rem))/min(var(--youtube-columns),3))}}
@media(min-width:992px){.youtube-videos[data-format="shorts"] .youtube-videos-track{grid-template-columns:repeat(var(--youtube-columns),minmax(0,1fr))}.youtube-videos[data-format="shorts"][data-layout="slider"] .youtube-videos-card{flex-basis:calc((100% - (var(--youtube-columns) - 1)*var(--youtube-gap,1.2rem))/var(--youtube-columns))}}

.youtube-videos-date{font-size:.75rem;line-height:1.5;opacity:.7;margin:0 0 .45rem}

/* Center incomplete rows and short shelves without hiding overflowing slides. */
.youtube-videos{--youtube-visible:1}
.youtube-videos[data-layout="grid"] .youtube-videos-track{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch}
.youtube-videos[data-layout="grid"] .youtube-videos-card{flex:0 0 calc((100% - (var(--youtube-visible) - 1)*var(--youtube-gap,1.2rem))/var(--youtube-visible))}
.youtube-videos[data-layout="slider"] .youtube-videos-track{justify-content:flex-start;justify-content:safe center}
@media(min-width:768px){.youtube-videos{--youtube-visible:var(--youtube-tablet)}.youtube-videos[data-format="shorts"]{--youtube-visible:min(var(--youtube-columns),3)}}
@media(min-width:992px){.youtube-videos,.youtube-videos[data-format="shorts"]{--youtube-visible:var(--youtube-columns)}}
