.pdp__track-list{--track-list-divider: rgba(208, 211, 212, .3);display:flex;flex-direction:column;gap:.6rem;box-sizing:border-box;width:100%;margin-top:2.4rem;padding:2rem 1.6rem;background:var(--pdp-bg-alternative);border-radius:1.6rem;overflow:hidden;font-family:var(--pdp-font)}.pdp__track-list[hidden],.pdp__track-list-audio{display:none}.pdp__track-list-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;padding:0 1.2rem}.pdp__track-list-heading{margin:0;font-size:1.4rem;font-weight:700;line-height:1.6rem;letter-spacing:-.025rem;color:var(--pdp-label-neutral)}.pdp__track-list-count{flex-shrink:0;font-size:1.4rem;font-weight:400;line-height:1.4rem;letter-spacing:-.025rem;color:var(--pdp-label-alternative);white-space:nowrap}.pdp__track-list--empty .pdp__track-list-count{display:none}.pdp__track-list-body{display:flex;flex-direction:column;width:100%}.pdp__track-list--scroll .pdp__track-list-body{max-height:22.7rem;overflow-y:auto;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--track-list-fade-top, 0rem),#000 calc(100% - var(--track-list-fade-bottom, 2.4rem)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--track-list-fade-top, 0rem),#000 calc(100% - var(--track-list-fade-bottom, 2.4rem)),transparent 100%)}.pdp__track-list--scroll .pdp__track-list-body::-webkit-scrollbar{width:.6rem}.pdp__track-list--scroll .pdp__track-list-body::-webkit-scrollbar-thumb{background:var(--pdp-line-solid-normal);border-radius:999px}.pdp__track-list--scroll .pdp__track-list-body::-webkit-scrollbar-track{background:transparent}.pdp__track-list-divider{flex-shrink:0;width:100%;height:1px;background:var(--track-list-divider)}.pdp__track-list-item{display:flex;flex-shrink:0;align-items:center;gap:1.6rem;box-sizing:border-box;width:100%;min-height:7.5rem;padding:1.6rem;border:0;border-radius:.8rem;background:transparent;font-family:var(--pdp-font);color:var(--pdp-label-normal);text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background-color .15s ease}.pdp__track-list-item:not(:disabled):hover{background:var(--pdp-fill-normal)}.pdp__track-list-item:focus-visible{outline:2px solid var(--pdp-primary);outline-offset:-2px}.pdp__track-list-item:disabled{cursor:default}.pdp__track-list-item--playing{background:var(--pdp-fill-normal)}.pdp__track-list-content{display:flex;flex:1 1 0;align-items:center;gap:.6rem;min-width:0}.pdp__track-list-num{flex-shrink:0;width:2.4rem;font-size:1.6rem;font-weight:400;line-height:2.4rem;text-align:center;color:var(--pdp-label-neutral)}.pdp__track-list-txt{display:flex;flex:1 1 0;flex-direction:column;gap:.4rem;min-width:0;letter-spacing:-.025rem}.pdp__track-list-title{display:block;overflow:hidden;font-size:1.6rem;font-weight:600;line-height:1.3;color:var(--pdp-label-normal);text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease}.pdp__track-list-item--playing .pdp__track-list-title{color:var(--pdp-primary)}.pdp__track-list-artist{display:block;overflow:hidden;font-size:1.4rem;font-weight:400;line-height:1.3;color:var(--pdp-label-neutral);text-overflow:ellipsis;white-space:nowrap}.pdp__track-list-btn{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:.8rem;color:var(--pdp-label-normal)}.pdp__track-list-item:disabled .pdp__track-list-btn{color:var(--pdp-line-solid-normal)}.pdp__track-list-icon{display:inline-flex;align-items:center;justify-content:center}.pdp__track-list-icon .icon{display:block;width:2rem;height:2rem}.pdp__track-list-icon--pause,.pdp__track-list-item--playing .pdp__track-list-icon--play{display:none}.pdp__track-list-item--playing .pdp__track-list-icon--pause{display:inline-flex}.pdp__track-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;box-sizing:border-box;width:100%;padding:2rem .8rem;text-align:center}.pdp__track-list-empty-icon{display:inline-flex;color:var(--pdp-label-neutral)}.pdp__track-list-empty-icon .icon{display:block;width:2.4rem;height:2.4rem}.pdp__track-list-empty-text{margin:0;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:-.015rem;color:var(--pdp-label-alternative)}@media screen and (max-width:767px){.pdp__track-list{padding:1.6rem}.pdp__track-list-item{min-height:5.6rem;padding:.8rem 1.2rem}.pdp__track-list--scroll .pdp__track-list-body{max-height:17rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-track-list.css.map */