@charset "UTF-8";.snippet-home-now-playing{position:fixed;z-index:850;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom,0px));width:min(52rem,calc(100% - min(2rem,10vw)));container:home-now-playing/inline-size;transform:translate(-50%,calc(100% + 2rem));transition:transform .42s cubic-bezier(.22,1,.36,1) 0s;--bar: var(--colour-bone);--bar-ink: var(--colour-umber);--bar-ink-3: var(--colour-taupe);--bar-close: var(--colour-bark);--bar-toggle: var(--colour-coal);--bar-glyph: var(--colour-bone);--bar-chip: var(--colour-mist);--bar-chip-hover: var(--colour-stone);--bar-progress: var(--colour-umber);--bar-progress-track: var(--colour-iron);--home-ring: var(--colour-umber);--waveform-unplayed: var(--colour-iron);--waveform-played: var(--colour-umber)}.snippet-home-now-playing[hidden]{display:none}.snippet-home-now-playing.is-open{transform:translate(-50%)}.snippet-home-now-playing.is-on-light-ground{--bar: var(--colour-umber);--bar-ink: var(--colour-bone);--bar-ink-3: var(--colour-ash);--bar-close: var(--colour-stone);--bar-toggle: var(--colour-bone);--bar-glyph: var(--colour-coal);--bar-chip: var(--colour-bark);--bar-chip-hover: var(--colour-flint);--bar-progress: var(--colour-bone);--bar-progress-track: var(--colour-pebble);--home-ring: var(--colour-bone)}.snippet-home-now-playing.is-on-light-ground .track canvas{filter:invert(1) hue-rotate(180deg)}.snippet-home-now-playing .hint{font-family:var(--spitfire-typography-neutral-body-s-family);font-size:var(--spitfire-typography-neutral-body-s-size);font-weight:var(--spitfire-typography-neutral-body-s-weight);line-height:var(--spitfire-typography-neutral-body-s-line-height);letter-spacing:var(--spitfire-typography-neutral-body-s-letter-spacing);margin-block-end:var(--spitfire-typography-neutral-body-s-paragraph-spacing);position:absolute;bottom:calc(100% + .75rem);left:50%;margin:0;padding:.5rem 1rem;border-radius:10rem;background-color:var(--bar);color:var(--bar-ink);font-weight:var(--spitfire-typography-neutral-body-m-emphasized-weight);white-space:nowrap;outline:.125rem solid var(--bar);outline-offset:.1875rem;transform:translate(-50%);visibility:hidden}.snippet-home-now-playing.is-hinting .hint{visibility:visible}.snippet-home-now-playing .bar{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:10rem;background-color:var(--bar);color:var(--bar-ink);box-shadow:0 1rem 2.5rem color-mix(in srgb,var(--colour-soot) 45%,transparent);transition:background-color var(--transition-duration) var(--transition-timing) 0s,color var(--transition-duration) var(--transition-timing) 0s}.snippet-home-now-playing .demo{display:flex;flex:1;align-items:center;gap:.75rem;min-width:0}.snippet-home-now-playing .controls{display:flex;flex:none;align-items:center;gap:.125rem}.snippet-home-now-playing .skip{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;display:grid;flex:none;place-items:center;width:2.5rem;height:2.75rem;border-radius:50%;color:var(--bar-ink);cursor:pointer}.snippet-home-now-playing .skip:focus{outline:none}.snippet-home-now-playing .skip:hover{text-decoration:none;outline:none}.snippet-home-now-playing .skip:disabled{opacity:.5;pointer-events:none}.snippet-home-now-playing .skip:focus-visible{outline:.125rem solid var(--home-ring-inner, var(--home-ring, var(--colour-bone)));outline-offset:.1875rem}.snippet-home-now-playing .skip svg{width:.875rem;height:.875rem;fill:currentColor}.snippet-home-now-playing .skip[hidden]{display:none}.snippet-home-now-playing .toggle{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;position:relative;flex:none;width:2.75rem;height:2.75rem;border-radius:50%;background-color:var(--bar-toggle);cursor:pointer;transition:background-color var(--transition-duration) var(--transition-timing) 0s}.snippet-home-now-playing .toggle:focus{outline:none}.snippet-home-now-playing .toggle:hover{text-decoration:none;outline:none}.snippet-home-now-playing .toggle:disabled{opacity:.5;pointer-events:none}.snippet-home-now-playing .toggle:focus-visible{outline:.125rem solid var(--home-ring-inner, var(--home-ring, var(--colour-bone)));outline-offset:.1875rem}.snippet-home-now-playing .toggle .icon{position:absolute;top:0;right:0;bottom:0;left:0}.snippet-home-now-playing .toggle .icon:after{content:"";position:absolute;top:.9375rem;left:1.0625rem;border-top:.4375rem solid transparent;border-bottom:.4375rem solid transparent;border-left:.75rem solid var(--bar-glyph)}.snippet-home-now-playing .toggle[aria-pressed=true] .icon:after{left:1rem;width:.25rem;height:.875rem;border:0;background-color:var(--bar-glyph);box-shadow:.5rem 0 0 var(--bar-glyph)}.snippet-home-now-playing .info{display:grid;flex:1;gap:.125rem;min-width:0}.snippet-home-now-playing .meta{margin:0;overflow:hidden;white-space:nowrap}.snippet-home-now-playing .meta.is-overflowing{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),transparent)}.snippet-home-now-playing .credits{font-family:var(--spitfire-typography-neutral-body-m-family);font-size:var(--spitfire-typography-neutral-body-m-size);font-weight:var(--spitfire-typography-neutral-body-m-weight);line-height:var(--spitfire-typography-neutral-body-m-line-height);letter-spacing:var(--spitfire-typography-neutral-body-m-letter-spacing);margin-block-end:var(--spitfire-typography-neutral-body-m-paragraph-spacing);display:inline-block;margin:0}.snippet-home-now-playing .count{font-variant-numeric:tabular-nums}.snippet-home-now-playing .count:not(:empty):before{content:" \b7  "}.snippet-home-now-playing .title{font-weight:var(--spitfire-typography-neutral-body-m-emphasized-weight)}.snippet-home-now-playing .composer{color:var(--bar-ink-3)}.snippet-home-now-playing .composer:before{content:"\b7  "}.snippet-home-now-playing .composer[hidden]{display:none}.snippet-home-now-playing .product{position:relative;display:flex;flex:0 1 auto;align-items:center;gap:.5rem;min-width:0;max-width:11rem;height:2.25rem;padding:0 .75rem 0 .25rem;border-radius:10rem;background-color:var(--bar-chip);color:var(--bar-ink);text-decoration:none;transition:background-color var(--transition-duration) var(--transition-timing) 0s}.snippet-home-now-playing .product:focus-visible{outline:.125rem solid var(--home-ring-inner, var(--home-ring, var(--colour-bone)));outline-offset:.1875rem}.snippet-home-now-playing .product[hidden]{display:none}.snippet-home-now-playing .product .art{flex:none;width:1.75rem;height:1.75rem;border-radius:50%;object-fit:cover}.snippet-home-now-playing .product .art[hidden]{display:none}.snippet-home-now-playing .product .initial{font-family:var(--spitfire-typography-neutral-body-s-family);font-size:var(--spitfire-typography-neutral-body-s-size);font-weight:var(--spitfire-typography-neutral-body-s-weight);line-height:var(--spitfire-typography-neutral-body-s-line-height);letter-spacing:var(--spitfire-typography-neutral-body-s-letter-spacing);margin-block-end:var(--spitfire-typography-neutral-body-s-paragraph-spacing);display:grid;place-items:center;background-color:var(--bar-toggle);color:var(--bar-glyph);font-weight:var(--spitfire-typography-neutral-body-m-emphasized-weight);line-height:1;text-transform:uppercase}.snippet-home-now-playing .product .initial[hidden]{display:none}.snippet-home-now-playing .product .name{font-family:var(--spitfire-typography-neutral-body-s-family);font-size:var(--spitfire-typography-neutral-body-s-size);font-weight:var(--spitfire-typography-neutral-body-s-weight);line-height:var(--spitfire-typography-neutral-body-s-line-height);letter-spacing:var(--spitfire-typography-neutral-body-s-letter-spacing);margin-block-end:var(--spitfire-typography-neutral-body-s-paragraph-spacing);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snippet-home-now-playing .product .chevron{flex:none;display:grid}.snippet-home-now-playing .product .chevron svg{width:.375rem;height:.625rem;fill:currentColor}.snippet-home-now-playing .timeline{display:flex;flex:1;align-items:center;gap:.5rem;min-width:0}.snippet-home-now-playing .time{font-family:var(--spitfire-typography-neutral-body-s-family);font-size:var(--spitfire-typography-neutral-body-s-size);font-weight:var(--spitfire-typography-neutral-body-s-weight);line-height:var(--spitfire-typography-neutral-body-s-line-height);letter-spacing:var(--spitfire-typography-neutral-body-s-letter-spacing);margin-block-end:var(--spitfire-typography-neutral-body-s-paragraph-spacing);flex:none;margin:0;color:var(--bar-ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}.snippet-home-now-playing .time:empty{display:none}.snippet-home-now-playing .track{flex:1;min-width:2.5rem;height:1.25rem}.snippet-home-now-playing .track:focus-visible{outline:.125rem solid var(--home-ring-inner, var(--home-ring, var(--colour-bone)));outline-offset:.1875rem}.snippet-home-now-playing .track .waveplayer-waveform-container,.snippet-home-now-playing .track canvas{height:100%!important}.snippet-home-now-playing .close{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;display:grid;flex:none;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;color:var(--bar-close);cursor:pointer;transition:color var(--transition-duration) var(--transition-timing) 0s}.snippet-home-now-playing .close:focus{outline:none}.snippet-home-now-playing .close:hover{text-decoration:none;outline:none}.snippet-home-now-playing .close:disabled{opacity:.5;pointer-events:none}.snippet-home-now-playing .close:focus-visible{outline:.125rem solid var(--home-ring-inner, var(--home-ring, var(--colour-bone)));outline-offset:.1875rem}.snippet-home-now-playing .close svg{width:1.125rem;height:1.125rem;fill:currentColor}.snippet-home-now-playing .close:hover{color:var(--bar-ink)}@container home-now-playing (width < 34rem){.snippet-home-now-playing .track{position:relative;min-width:1.5rem;height:1.5rem}.snippet-home-now-playing .track canvas{opacity:0}.snippet-home-now-playing .track:before,.snippet-home-now-playing .track:after{content:"";position:absolute;top:50%;right:0;left:0;height:.1875rem;margin-top:-.09375rem;border-radius:.125rem;pointer-events:none}.snippet-home-now-playing .track:before{background-color:var(--bar-progress-track)}.snippet-home-now-playing .track:after{background-color:var(--bar-progress);transform:scaleX(var(--audio-demo-progress, 0));transform-origin:left;transition:transform .25s linear 0s}.snippet-home-now-playing .bar{gap:.25rem}.snippet-home-now-playing .skip{width:2.25rem}.snippet-home-now-playing .timeline{gap:.375rem}.snippet-home-now-playing .demo{gap:.5rem}.snippet-home-now-playing .info{gap:.25rem;min-width:5rem}.snippet-home-now-playing .product{flex:none;justify-content:center;width:2.75rem;height:2.75rem;padding:0;background-color:transparent}.snippet-home-now-playing .product .art{width:2rem;height:2rem}.snippet-home-now-playing .product .name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.snippet-home-now-playing .product .chevron{display:none}}@container home-now-playing (width < 17rem){.snippet-home-now-playing .bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.25rem;padding:.25rem;border-radius:var(--border-radius-xl)}.snippet-home-now-playing .demo{display:contents}.snippet-home-now-playing .controls{grid-row:1;grid-column:1/-1}.snippet-home-now-playing .skip{width:1.875rem}.snippet-home-now-playing .close{grid-row:2;grid-column:3}.snippet-home-now-playing .product{grid-row:2;grid-column:1}.snippet-home-now-playing .info{grid-row:2;grid-column:2;min-width:0;padding-bottom:.25rem}.snippet-home-now-playing .bar:not(:has(.product:not([hidden]))) .info{grid-column:1/3}}.snippet-home-now-playing-skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}html:has(.snippet-home-now-playing.is-open){scroll-padding-bottom:calc(var(--home-now-playing-space, 5rem) + 1rem)}body:has(>.snippet-home-now-playing.is-open){padding-bottom:calc(var(--home-now-playing-space, calc(4.75rem + env(safe-area-inset-bottom, 0px)) ) + .25rem)}@keyframes home-credits-scroll{0%,10%,90%,to{transform:translate(0)}45%,55%{transform:translate(calc(var(--credits-shift, 0px) - 1.5rem))}}@keyframes home-credits-scroll-held{0%,10%,90%,to{transform:translate(0)}45%,55%{transform:translate(calc(var(--credits-shift, 0px) - 1.5rem))}}@media(max-width:991.98px){html:has(.snippet-home-now-playing.is-open) .snippet-intercom-launcher{bottom:calc(var(--home-now-playing-space, 5rem) + .5rem)}}@media(hover:hover){.snippet-home-now-playing .product:hover{background-color:var(--bar-chip-hover)}}@media(prefers-reduced-motion:no-preference){.snippet-home-now-playing.is-playing .meta.is-overflowing .credits,.snippet-home-now-playing .meta.is-overflowing.is-replaying .credits{animation:home-credits-scroll var(--credits-duration, 8s) ease-in-out 2}.snippet-home-now-playing .info:focus-within .meta.is-overflowing .credits{animation:home-credits-scroll-held var(--credits-duration, 8s) ease-in-out 2}}@media(prefers-reduced-motion:no-preference)and (hover:hover){.snippet-home-now-playing .meta.is-overflowing:hover .credits{animation:home-credits-scroll-held var(--credits-duration, 8s) ease-in-out infinite}}@media(prefers-reduced-motion:reduce){.snippet-home-now-playing .meta{white-space:normal}.snippet-home-now-playing .credits{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.snippet-home-now-playing{transition:none}.snippet-home-now-playing .track:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/snippet-home-now-playing.css.map */