.artist-player{--parent-height: 20em;--duration: 1s;--duration-text-wrap: 12s 1.5s cubic-bezier(.82, .82, 1, 1.01);--cubic-header: var(--duration) cubic-bezier(.71, .21, .3, .95);--cubic-slider: var(--duration) cubic-bezier(.4, 0, .2, 1);--cubic-play-list: .35s var(--duration) cubic-bezier(0, .85, .11, 1.64);--cubic-slider-context: cubic-bezier(1, -.01, 1, 1.01);transition:background-color var(--cubic-slider);background-color:#e5e7e9;padding:1rem;border-radius:10px;-webkit-tap-highlight-color:transparent}@media(min-width:768px){.artist-player{padding:2rem}}artist-player *,artist-player *:before,artist-player *:after{box-sizing:inherit;scrollbar-width:none}.img{width:100%;height:auto;flex-shrink:0;display:block;object-fit:cover}.uppercase{text-transform:uppercase}.player{width:100%;display:flex;overflow:hidden;border-radius:.3em;flex-direction:column;background-color:#fff;height:var(--parent-height)}.player__header{z-index:1;gap:0 .4em;width:100%;display:flex;height:6.85em;flex-shrink:0;position:relative;align-items:flex-start;border-radius:inherit;justify-content:flex-end;background-color:#fff;padding:.95em .6em 1.2em;box-shadow:0 2px 6px 1px #0000000d;transition:height var(--cubic-header),box-shadow var(--duration),padding var(--duration) ease-in-out}.player__header.open-header{height:100%;padding-left:0;padding-right:0;box-shadow:unset}.player__img{width:3em;height:3em;border-radius:.3em}@media(min-width:768px){.player__img{width:4.22em;height:4.22em}}.player__img--absolute{top:1.4em;left:1.2em;position:absolute}.slider{flex-shrink:0;overflow:hidden;transition:width var(--cubic-header),height var(--cubic-header),top var(--cubic-header),left var(--cubic-header)}.slider.open-slider{top:0;left:0;width:100%;height:14.6em}.slider__content{display:flex;height:100%;will-change:transform;transition:transform var(--cubic-slider)}.slider__img{filter:brightness(75%)}.slider__name,.slider__title{overflow:hidden;white-space:nowrap}.text-wrap{display:block;white-space:pre;width:fit-content;animation:text-wrap var(--duration-text-wrap) infinite}@keyframes text-wrap{75%{transform:translate3d(-51.5%,0,0)}to{transform:translate3d(-51.5%,0,0)}}.player__button{all:unset;z-index:100;width:1.5em;height:1.5em;cursor:pointer}.playlist{transform:scale(0);transition:transform calc(var(--duration) / 2)}.slider.open-slider .playlist{transform:scale(1);transition:transform var(--cubic-play-list)}.player__button--absolute--nw{top:5.5%;left:5.5%;position:absolute}.player__button--absolute--center{top:0;left:0;right:0;bottom:0;margin:auto;position:absolute}.icon-pause{display:none}.player__controls{width:77%;gap:.5em 0;display:flex;flex-wrap:wrap;align-items:center;will-change:contents;align-content:center;justify-content:center;transition:transform var(--cubic-header),width var(--cubic-header)}.player__controls.move{width:88%;transform:translate3d(-1.1em,calc(var(--parent-height) - 153%),0)}.player__context{margin:0;width:100%;display:flex;line-height:1.8;flex-direction:column;justify-content:center;text-transform:capitalize}.slider__context{width:56.28%;cursor:pointer;text-align:center;padding-bottom:.2em;will-change:contents;transition:width var(--cubic-header);animation:calc(var(--duration) / 2) var(--cubic-slider-context)}@keyframes opacity{0%{opacity:0}90%{opacity:1}}.player__controls.move .slider__context{width:49.48%}.player__title{font-weight:700;color:#00000086}.progres{width:90%;height:.25em;cursor:pointer;border-radius:1em;touch-action:none;background-color:#e5e7ea;transition:width var(--cubic-header)}.player__controls.move .progres{width:98%}.progres__filled{width:0%;height:100%;display:flex;position:relative;align-items:center;border-radius:inherit;background-color:#55afab}.progres__filled:before{right:0;width:.35em;content:" ";height:.35em;border-radius:50%;position:absolute;background-color:#217e7a}.player__playlist{height:100%;overflow:auto;padding:1.05em .9em 0 1.2em}.player__playlist::-webkit-scrollbar{width:0}.player__song{display:flex;cursor:pointer;margin-bottom:.5em;padding-bottom:.7em;border-bottom:.1em solid #d8d8d859}.player__song .player__context{line-height:1.5;margin-left:.65em}.player__song-time{font-weight:700;color:#00000079;height:fit-content;align-self:flex-end}.audio{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/2/assets/playlist.css.map */