.vpl{--vpl-accent: #1a1a1a;--vpl-radius: 16px;--vpl-muted: #6b6b6b}.vpl .vpl-head{text-align:center;margin-bottom:32px}.vpl .vpl-eyebrow{display:block;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--vpl-muted);margin-bottom:8px}.vpl .vpl-h2{font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);font-size:32px;line-height:1.15;margin:0}.vpl .vpl-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.vpl .vpl-main,.vpl .vpl-rail-wrap{min-width:0}.vpl .vpl-app.is-single .vpl-layout{grid-template-columns:min(100%,960px);justify-content:center}.vpl .vpl-app.is-single .vpl-rail-wrap{display:none}.vpl .vpl-stage{position:relative;aspect-ratio:16 / 9;border-radius:var(--vpl-radius);overflow:hidden;background:#0d0d0d;box-shadow:0 24px 60px -20px #00000073}.vpl .vpl-mount,.vpl .vpl-mount iframe,.vpl .vpl-mount video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.vpl .vpl-mount video{object-fit:contain;background:#0d0d0d}.vpl .vpl-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:#0d0d0d;display:flex;align-items:center;justify-content:center;transition:opacity .25s ease}.vpl .vpl-stage.is-playing .vpl-poster{opacity:0;visibility:hidden;pointer-events:none}.vpl .vpl-poster-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.vpl .vpl-poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#00000059,#0000000d 55%);transition:background .2s ease}.vpl .vpl-poster:hover:after{background:linear-gradient(to top,#00000073,#00000026 55%)}.vpl .vpl-play{position:relative;z-index:1;width:72px;height:72px;border-radius:50%;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#1a1a1a;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 24px #0000004d;transition:transform .15s ease}.vpl .vpl-poster:hover .vpl-play{transform:scale(1.06)}.vpl .vpl-play svg{width:30px;height:30px;margin-left:3px}.vpl .vpl-rail-wrap{position:relative;min-height:0;align-self:stretch}.vpl .vpl-rail{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)}.vpl .vpl-rail::-webkit-scrollbar{width:6px}.vpl .vpl-rail::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.vpl .vpl-rail-item{margin:0}.vpl .vpl-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:8px;border:0;border-radius:10px;background:transparent;cursor:pointer;text-align:left;transition:background .15s ease}.vpl .vpl-item:hover,.vpl .vpl-item[aria-current=true]{background:#f5f5f5}.vpl .vpl-item[aria-current=true]:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--vpl-accent)}.vpl .vpl-item:focus-visible{outline:2px solid var(--vpl-accent);outline-offset:2px}.vpl .vpl-item-thumb{position:relative;flex:0 0 116px;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#0d0d0d}.vpl .vpl-item-thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.82;transition:opacity .15s ease}.vpl .vpl-item:hover .vpl-item-thumb img,.vpl .vpl-item[aria-current=true] .vpl-item-thumb img{opacity:1}.vpl .vpl-item-badge{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .15s ease}.vpl .vpl-item-badge svg{width:24px;height:24px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.vpl .vpl-item:hover .vpl-item-badge,.vpl .vpl-item[aria-current=true] .vpl-item-badge{opacity:1}.vpl .vpl-item-text{display:flex;align-items:baseline;gap:8px;min-width:0}.vpl .vpl-item-index{font-size:12px;color:var(--vpl-muted);font-variant-numeric:tabular-nums}.vpl .vpl-item-title{font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width:768px){.vpl .vpl-layout{grid-template-columns:1fr;gap:20px}.vpl .vpl-h2{font-size:26px}.vpl .vpl-rail-wrap{position:static}.vpl .vpl-rail{position:static;flex-direction:row;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 20px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 20px),transparent 100%);-webkit-overflow-scrolling:touch}.vpl .vpl-rail-item{flex:0 0 200px;scroll-snap-align:start}.vpl .vpl-item{flex-direction:column;align-items:stretch;gap:8px;padding:0}.vpl .vpl-item:hover,.vpl .vpl-item[aria-current=true]{background:transparent}.vpl .vpl-item-thumb{flex:none;width:100%}.vpl .vpl-item[aria-current=true] .vpl-item-thumb{box-shadow:0 0 0 2px var(--vpl-accent)}.vpl .vpl-item[aria-current=true]:before{display:none}}@media(prefers-reduced-motion:reduce){.vpl *,.vpl *:after,.vpl *:before{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/video-playlist.css.map */