.bw-listen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--bw-comp-player-gap);align-items:center;padding:var(--bw-comp-player-padding);border:var(--bw-comp-card-outline-width) solid var(--bw-comp-player-outline);border-radius:var(--bw-comp-player-corner);background:var(--bw-comp-player-container);color:var(--bw-comp-player-on-container)}.bw-listen--top{align-items:start}.bw-listen:not(:has(bw-track-list)){grid-template-columns:minmax(0,1fr)}.bw-listen__copy>:last-child{margin-block-end:0}.bw-listen__title{max-inline-size:var(--bw-sys-type-headline-measure)}.barkwoo-playlist__guide{margin:var(--bw-sys-spacing-card-internal) 0 0}body main .barkwoo-playlist__guide-link{display:inline-flex;align-items:center;min-block-size:var(--bw-sys-size-control-min);font-size:var(--bw-sys-type-body-size);font-weight:var(--bw-sys-type-label-strong-weight);line-height:var(--bw-sys-type-body-leading);color:var(--bw-comp-link-label);text-decoration-line:underline;text-decoration-color:var(--bw-comp-link-underline);text-decoration-thickness:var(--bw-comp-link-underline-thickness);text-underline-offset:var(--bw-comp-link-underline-offset)}body main .barkwoo-playlist__guide-link:hover{color:var(--bw-comp-link-label-hover)}.barkwoo-playlist__meta{margin:var(--bw-sys-spacing-between) 0 0;font-family:var(--bw-sys-type-meta-font);font-size:var(--bw-sys-type-meta-size);font-weight:var(--bw-sys-type-meta-weight);line-height:var(--bw-sys-type-meta-leading);font-variant-numeric:var(--bw-sys-type-meta-numeric);color:var(--bw-sys-color-on-surface-variant)}bw-track-list{display:block}.bw-tracks__list{position:relative;display:grid;gap:var(--bw-comp-player-row-gap);margin:0;padding:0;list-style:none}.bw-tracks--scroll .bw-tracks__list{max-block-size:calc(var(--bw-comp-player-scroll-rows) * (var(--bw-comp-player-play-button-size) + 2 * var(--bw-comp-player-row-padding-block) + var(--bw-comp-player-row-gap)));overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--bw-sys-color-outline-strong) transparent;--bw-tracks-lead: calc(var(--bw-comp-player-row-padding-start) + var(--bw-comp-player-play-button-size));--bw-tracks-ramp: var(--bw-comp-player-row-column-gap)}.bw-tracks--scroll .bw-tracks__list[data-more]{-webkit-mask-image:linear-gradient(to right,var(--bw-sys-color-on-surface) var(--bw-tracks-lead),transparent calc(var(--bw-tracks-lead) + var(--bw-tracks-ramp))),linear-gradient(to bottom,var(--bw-sys-color-on-surface) calc(100% - var(--bw-comp-player-scroll-fade)),transparent);mask-image:linear-gradient(to right,var(--bw-sys-color-on-surface) var(--bw-tracks-lead),transparent calc(var(--bw-tracks-lead) + var(--bw-tracks-ramp))),linear-gradient(to bottom,var(--bw-sys-color-on-surface) calc(100% - var(--bw-comp-player-scroll-fade)),transparent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bw-track{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--bw-comp-player-row-row-gap) var(--bw-comp-player-row-column-gap);margin:0;padding:var(--bw-comp-player-row-padding-block) var(--bw-comp-player-row-padding-end) var(--bw-comp-player-row-padding-block) var(--bw-comp-player-row-padding-start);border-radius:var(--bw-comp-player-row-corner);background:var(--bw-comp-player-row-container);cursor:pointer;transition:background-color var(--bw-sys-motion-duration-fast) var(--bw-sys-motion-easing-standard)}.bw-track.is-active{background:var(--bw-comp-player-playing-row);border-radius:var(--bw-comp-player-row-corner-active)}.bw-track__play{display:grid;place-items:center;inline-size:var(--bw-comp-player-play-button-size);block-size:var(--bw-comp-player-play-button-size);padding:0;border:0;border-radius:var(--bw-sys-shape-corner-full);background:var(--bw-comp-player-play-button);color:var(--bw-comp-player-play-icon);cursor:pointer;transition:background-color var(--bw-sys-motion-duration-fast) var(--bw-sys-motion-easing-standard)}.bw-track:hover .bw-track__play{background:var(--bw-comp-player-play-button-hover)}.bw-track__icon{inline-size:var(--bw-comp-player-play-icon-size);block-size:var(--bw-comp-player-play-icon-size)}.bw-track__icon--pause,.bw-track.is-playing .bw-track__icon--play{display:none}.bw-track.is-playing .bw-track__icon--pause{display:block}.bw-track__meta{display:grid;min-inline-size:0;line-height:var(--bw-comp-player-meta-leading)}.bw-track__title{font-size:var(--bw-sys-type-body-size);font-weight:var(--bw-comp-player-title-weight);color:var(--bw-comp-player-title);overflow-wrap:anywhere}.bw-track__sub{font-size:var(--bw-sys-type-body-small-size);color:var(--bw-comp-player-meta)}.bw-track__time{font-size:var(--bw-sys-type-body-size);font-weight:var(--bw-comp-player-meta-weight);line-height:var(--bw-comp-player-meta-leading);font-variant-numeric:var(--bw-sys-type-meta-numeric);color:var(--bw-comp-player-meta);white-space:nowrap}.bw-track__time:empty{display:none}.bw-track__bar{display:none;grid-column:1 / -1;block-size:var(--bw-comp-player-progress-height);margin:var(--bw-comp-player-progress-margin);border-radius:var(--bw-comp-player-progress-corner);background:var(--bw-comp-player-progress-track);overflow:hidden}.bw-track.is-active .bw-track__bar{display:block}.bw-track__fill{display:block;block-size:100%;background:var(--bw-comp-player-progress-fill);transform:scaleX(var(--bw-progress, 0));transform-origin:left center}.bw-tracks__note{margin:var(--bw-sys-spacing-card-internal) 0 0;font-size:var(--bw-sys-type-body-small-size);line-height:var(--bw-sys-type-body-small-leading);color:var(--bw-comp-player-meta)}@media screen and (max-width:989px){.bw-listen{grid-template-columns:minmax(0,1fr);gap:var(--bw-comp-player-gap-compact);padding:var(--bw-comp-player-padding-medium)}}@media screen and (max-width:749px){.bw-listen{gap:var(--bw-comp-player-gap-compact);padding:var(--bw-comp-player-padding-compact);border-radius:var(--bw-comp-player-corner-compact)}.bw-track{gap:var(--bw-comp-player-row-row-gap-compact) var(--bw-comp-player-row-column-gap-compact);padding:var(--bw-comp-player-row-padding-block-compact) var(--bw-comp-player-row-padding-end-compact) var(--bw-comp-player-row-padding-block-compact) var(--bw-comp-player-row-padding-start-compact)}.bw-track__play{inline-size:var(--bw-comp-player-play-button-size-compact);block-size:var(--bw-comp-player-play-button-size-compact)}.bw-track__time{font-size:var(--bw-sys-type-body-small-size)}.bw-tracks--scroll .bw-tracks__list{max-block-size:calc(var(--bw-comp-player-scroll-rows) * (var(--bw-comp-player-play-button-size-compact) + 2 * var(--bw-comp-player-row-padding-block-compact) + var(--bw-comp-player-row-gap)));--bw-tracks-lead: calc(var(--bw-comp-player-row-padding-start-compact) + var(--bw-comp-player-play-button-size-compact));--bw-tracks-ramp: var(--bw-comp-player-row-column-gap-compact)}}@media(prefers-reduced-motion:reduce){.bw-track,.bw-track__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/167/assets/bw-player.css.map */