.product-track-list{margin:2rem 0 0;padding-top:1.5rem;border-top:.1rem solid rgba(var(--color-foreground),.1)}.product-track-list__heading{margin:0 0 1rem;font-size:1.6rem;letter-spacing:.06rem;text-transform:uppercase}.product-track-list__items{list-style:none;margin:0;padding:0}.product-track-list__item{display:grid;grid-template-columns:2.4rem 1fr auto auto;align-items:center;gap:.8rem 1.2rem;padding:.9rem 0;border-bottom:.1rem solid rgba(var(--color-foreground),.06);font-size:1.5rem}.product-track-list__item:last-child{border-bottom:0}.product-track-list__num{color:rgba(var(--color-foreground),.55);font-variant-numeric:tabular-nums;text-align:right}.product-track-list__title{min-width:0;line-height:1.35}.product-track-list__dur{color:rgba(var(--color-foreground),.6);font-variant-numeric:tabular-nums;white-space:nowrap}.product-track-list__sample{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:2rem;background:transparent;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.3rem;line-height:1;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,background-color .15s ease}.product-track-list__sample:hover{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}.product-track-list__sample:disabled{cursor:default;opacity:.5}.product-track-list__sample-icon{font-size:1.1rem}.product-track-list__sample.is-loading{opacity:.7;cursor:progress}.product-track-list__sample.is-playing{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.product-track-list__sample.is-error{border-color:rgba(var(--color-foreground),.3);opacity:.6}.no-js .product-track-list__sample,.no-js .product-track-list__dur{display:none}@media screen and (max-width:749px){.product-track-list__item{grid-template-columns:2rem 1fr auto;grid-template-areas:"num title dur" "num sample sample"}.product-track-list__num{grid-area:num}.product-track-list__title{grid-area:title}.product-track-list__dur{grid-area:dur}.product-track-list__sample{grid-area:sample;justify-self:start;margin-top:.4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-track-list.css.map */