video-playlist{position:relative}.playlist{position:relative;width:100%;display:block;color:#fff;background:#0000001a;box-shadow:0 2px 6px #8894ab33,0 24px 20px -24px #47526b1a;padding:16px;transition:all cubic-bezier(.65,0,.076,1) .2s;--blur: 10px;--x: 100%;--offset: 0%;--brightness: 100%;--speed: 1.25s;-webkit-backdrop-filter:blur(var(--blur)) brightness(var(--brightness));backdrop-filter:blur(var(--blur)) brightness(var(--brightness));-webkit-mask-image:linear-gradient(to right,black calc(var(--x) - var(--offset)),transparent calc(var(--x) + var(--offset)));border:1px solid #000}@media only screen and (min-width: 769px){.playlist{position:absolute;z-index:19;top:5%;left:05%;width:320px;height:auto;border:1px solid #606060}}.playlist__meta{width:100%;display:inline-flex;align-items:center;justify-content:space-between;transition:all ease-in-out .3s}.playlist__status{width:32px;height:32px;background:#00000080;display:flex;justify-content:center;align-items:center}.playlist__icon-play{visibility:hidden;width:24px;display:none}.playlist__icon-pause{width:24px;visibility:hidden;display:none}.playlist__icon--show{visibility:visible;display:block}.playlist__title--container{width:100%;overflow-y:hidden;padding:4px;text-overflow:ellipsis;white-space:nowrap}.playlist__title{width:100%;font-weight:400;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:1.2rem}.playlist__list-toggle{width:32px;height:32px;background:#00000080;cursor:pointer;opacity:.7;display:flex;align-items:center}.playlist__list-toggle:hover{opacity:1}.playlist__tracks{opacity:0;max-height:0;margin:0;scroll-behavior:smooth;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:opacity .25s linear,max-height .35s linear;will-change:opacity,max-height}.playlist__tracks::-webkit-scrollbar{width:1px;padding-left:2px;padding-right:2px}.playlist__tracks::-webkit-scrollbar-thumb{background-color:red}.playlist__tracks::-webkit-scrollbar-track{background-color:#0003}.playlist__tracks li{margin-bottom:0}.playlist__tracks[data-playlist=true]{opacity:1;max-height:8rem;will-change:opacity,max-height}.playlist:has(.playlist--toggled){background:#0003}.playlist__item{display:flex;gap:6px;align-items:center;padding:8px;margin-top:1px;background-color:#0006;border-radius:5px;cursor:pointer;width:100%}.playlist__item div{text-align:left}.playlist__item--button{display:flex;justify-content:center;align-items:center;width:32px;height:32px;background:#0006}.playlist__playing{background:#ffffff1a;border-radius:0}.playlist__item--button .playlist__icon-pause,.playlist__playing .playlist__item--button .playlist__icon-play{display:block;visibility:visible}.playlist__playing .playlist__item--button .playlist__icon-pause{display:none;visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/267/assets/video-playlist.css.map */