.video-playlist .page-width{padding-left:1.5rem;padding-right:1.5rem}.video-playlist__header{margin-bottom:2.4rem;text-align:left}.video-playlist__heading{margin:0 0 .6rem;font-size:clamp(2rem,3vw,2.8rem);color:rgb(var(--color-foreground))}.video-playlist__subheading{margin:0;font-size:1.5rem;color:rgb(var(--color-foreground));opacity:.75}bs-video-playlist.video-playlist__inner{display:grid;grid-template-columns:var(--vp-player-col, 3fr) var(--vp-panel-col, 2fr);gap:2.4rem;align-items:start}@media screen and (max-width:989px){bs-video-playlist.video-playlist__inner{grid-template-columns:1fr}}.video-playlist__player{border-radius:var(--media-radius, .4rem);overflow:hidden}.video-playlist__player-media{position:relative;width:100%;background:#111;overflow:hidden}.video-playlist__player-media--16-9{aspect-ratio:16 / 9}.video-playlist__player-media--4-3{aspect-ratio:4 / 3}.video-playlist__player-media--1-1{aspect-ratio:1 / 1}.video-playlist__player-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.video-playlist__player-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6.4rem;height:6.4rem;background:#ffffffeb;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background .2s ease;z-index:2;padding:0}.video-playlist__player-play:hover,.video-playlist__player-play:focus-visible{background:#fff;transform:translate(-50%,-50%) scale(1.1);outline:.2rem solid rgb(var(--color-button));outline-offset:.3rem}.video-playlist__player-play svg{width:2.6rem;height:2.6rem;fill:#111;margin-left:.4rem}.video-playlist__player-iframe,.video-playlist__player-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;display:block}.video-playlist__player-count{position:absolute;top:1rem;right:1rem;background:#0000009e;color:#fff;font-size:1.2rem;padding:.3rem .8rem;border-radius:3px;z-index:3;font-variant-numeric:tabular-nums;pointer-events:none;line-height:1.5}.video-playlist__player-info{padding:1.6rem 2rem}.video-playlist__player-title{margin:0 0 .6rem;font-size:1.8rem;font-weight:600;line-height:1.3;color:rgb(var(--color-foreground))}.video-playlist__player-desc{margin:0;font-size:1.4rem;line-height:1.6;color:rgb(var(--color-foreground));opacity:.8}.video-playlist__player-desc p{margin:0}.video-playlist__panel{border-radius:var(--media-radius, .4rem);overflow:hidden}.video-playlist__list{list-style:none;margin:0;padding:0;overflow-y:auto;max-height:var(--vp-playlist-height, 560px);display:flex;flex-direction:column;gap:.2rem;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.25) transparent}.video-playlist__list::-webkit-scrollbar{width:4px}.video-playlist__list::-webkit-scrollbar-track{background:transparent}.video-playlist__list::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.25);border-radius:4px}@media screen and (max-width:989px){.video-playlist__list{max-height:none;overflow-y:visible}}.video-playlist__card{display:flex;gap:1.2rem;padding:1.2rem;cursor:pointer;border-left:3px solid transparent;transition:background .15s ease,border-color .15s ease;text-align:left;width:100%;border-top:none;border-right:none;border-bottom:none;background:transparent;align-items:flex-start;border-radius:0}.video-playlist__card:hover{background:rgba(var(--color-foreground),.06)}.video-playlist__card:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:-2px}.video-playlist__card.is-active{background:rgba(var(--color-button),.1);border-left-color:rgb(var(--color-button))}.video-playlist__card-thumb{position:relative;flex-shrink:0;width:11rem;aspect-ratio:16 / 9;border-radius:.4rem;overflow:hidden;background:#222}.video-playlist__card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.video-playlist__card-thumb svg.placeholder-svg{width:100%;height:100%;opacity:.2}.video-playlist__card-thumb-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000052;opacity:0;transition:opacity .15s ease}.video-playlist__card:hover .video-playlist__card-thumb-play,.video-playlist__card.is-active .video-playlist__card-thumb-play{opacity:1}.video-playlist__card-thumb-play svg{width:2rem;height:2rem;fill:#fff;margin-left:.2rem}.video-playlist__card-duration{position:absolute;bottom:.4rem;right:.4rem;background:#000000bf;color:#fff;font-size:1.1rem;padding:.2rem .5rem;border-radius:3px;line-height:1.4;font-variant-numeric:tabular-nums}.video-playlist__card-info{flex:1;min-width:0;padding-top:.1rem}.video-playlist__card-index{margin:0 0 .3rem;font-size:1.1rem;color:rgb(var(--color-foreground));opacity:.45;line-height:1}.video-playlist__card-title{margin:0 0 .4rem;font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground));line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-playlist__card-desc{margin:0;font-size:1.2rem;color:rgb(var(--color-foreground));opacity:.7;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-playlist__empty{padding:4rem 2rem;text-align:center;opacity:.5;font-size:1.4rem;color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-bs-video-playlist.css.map */