.beat-card{position:relative;display:flex;flex-direction:column;height:100%;padding:clamp(.5rem,.3rem + .6vw,.875rem);border-radius:var(--radius-card);background:var(--surface);text-align:var(--card-text-align, center);transition:transform .5s var(--ease-out),background-color var(--duration) var(--ease-out),box-shadow .5s var(--ease-out)}.has-hover .beat-card:hover,.has-hover .beat-card:focus-within{background:var(--surface-light);box-shadow:var(--shadow-soft);transform:translateY(-6px)}.beat-card__media{position:relative;aspect-ratio:1;overflow:hidden;z-index:3;border-radius:var(--radius-media);background:var(--surface-light)}.beat-card__image-link{display:block;width:100%;height:100%}.beat-card__image{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-out),filter var(--duration) var(--ease-out)}.has-hover .beat-card:hover .beat-card__image{transform:scale(1.05)}.beat-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.5),transparent 50%);opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out)}.beat-card:hover .beat-card__media:after,.beat-card:has(.play-button.is-active) .beat-card__media:after{opacity:1}.beat-card__badge{position:absolute;top:.75rem;left:.75rem;z-index:3;box-shadow:0 6px 18px -6px #00000080}.beat-card__play{position:absolute;right:.75rem;bottom:.75rem;z-index:3}@media(hover:hover){.beat-card__play{opacity:0;transform:translateY(8px) scale(.9)}.beat-card:hover .beat-card__play,.beat-card__play:focus-visible,.beat-card__play.is-active{opacity:1;transform:none}}.beat-card__body{display:flex;flex:1;flex-direction:column;align-items:var(--card-align, center);gap:.25rem;min-width:0;padding:1rem .375rem .375rem}.beat-card__title{width:100%;overflow:hidden;font-size:clamp(.9375rem,.78rem + .55vw,1.25rem);line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.beat-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit}.beat-card__genre{width:100%;overflow:hidden;color:var(--muted);font-size:.8125rem;font-style:italic;letter-spacing:.02em;line-height:1.35;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.beat-card__meta{display:flex;flex-wrap:wrap;justify-content:var(--card-align, center);gap:.375rem;margin:.375rem 0 0}.beat-card__price{margin-top:.625rem}.beat-card__button{z-index:3;margin-top:auto}.beat-card__body>:has(+.beat-card__button){margin-bottom:1rem}.beat-card--sold .beat-card__image{filter:grayscale(1) brightness(.65)}.beat-card--placeholder{pointer-events:none}.beat-card--placeholder .beat-card__title{color:var(--muted)}.beat-card--large{padding:clamp(.625rem,.4rem + .8vw,1.125rem)}.beat-card--large .beat-card__title{font-size:clamp(1rem,.75rem + 1vw,1.625rem)}.beat-card--large .beat-card__genre{font-size:clamp(.75rem,.65rem + .4vw,1rem);white-space:normal}.beat-card--large .beat-card__price .price__current{font-size:clamp(1.125rem,.9rem + .8vw,1.5rem)}@media screen and (max-width:749px){.beat-card__body{padding:.75rem .125rem .125rem}.beat-card__genre{font-size:.6875rem}.beat-card__meta .chip{padding:.125rem .4375rem;font-size:.625rem}.beat-card__button{width:100%;min-height:2.25rem;padding:0 .5rem;font-size:.625rem}.beat-card__play{right:.5rem;bottom:.5rem}.beat-card__badge{top:.5rem;left:.5rem;padding:.2rem .5rem;font-size:.5625rem}}@media screen and (min-width:750px){.grid--bundles{grid-template-columns:repeat(auto-fit,minmax(15rem,25rem));justify-content:center}}@media screen and (min-width:1100px){.grid--bundles-2{grid-template-columns:repeat(auto-fit,minmax(18rem,28rem))}}:where(.play-button){position:relative}.play-button{display:grid;place-items:center;flex-shrink:0;width:3rem;height:3rem;border-radius:50%;background:var(--accent);color:var(--on-accent);box-shadow:0 10px 28px -8px var(--accent-glow);transition:transform var(--duration) var(--ease-out),opacity var(--duration) var(--ease-out),background-color var(--duration) var(--ease-out);-webkit-tap-highlight-color:transparent}.play-button:hover{background:var(--accent-hover);transform:scale(1.06)}.play-button:active{transform:scale(.94)}.play-button__icon,.play-button__bars{grid-area:1 / 1}.play-button__icon{display:grid;place-items:center}.play-button__icon .icon{width:1.125rem;height:1.125rem}.play-button__icon--play .icon{transform:translate(1px)}.play-button__icon--pause,.play-button__bars,.play-button.is-playing .play-button__icon--play{display:none}.play-button.is-playing .play-button__icon--pause{display:grid}@media(hover:hover){.play-button.is-playing:not(:hover) .play-button__icon--pause{display:none}.play-button.is-playing:not(:hover) .play-button__bars{display:flex}}.play-button__bars{align-items:flex-end;gap:2px;height:38%}.play-button__bars i{display:block;width:3px;height:100%;border-radius:2px;background:currentColor;transform-origin:bottom;animation:equalizer .9s ease-in-out infinite}.play-button__bars i:nth-child(2){animation-delay:-.35s}.play-button__bars i:nth-child(3){animation-delay:-.65s}@keyframes equalizer{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.play-button.is-loading:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid var(--accent);border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.play-button--small{width:2.25rem;height:2.25rem;box-shadow:none}.play-button--small .play-button__icon .icon{width:.875rem;height:.875rem}.play-button--large{width:4rem;height:4rem}.play-button--large .play-button__icon .icon{width:1.5rem;height:1.5rem}.price{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:var(--card-align, center);gap:0 .5rem;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-style:italic;line-height:1.2}.price__current{color:var(--accent-hover);font-size:1.125rem}.price__compare{order:-1;color:var(--muted);font-size:.875rem;text-decoration-thickness:2px}.price__from{margin-right:.25rem;color:var(--muted);font-family:var(--font-body);font-weight:var(--font-body-weight-medium);font-size:.6875rem;font-style:normal;letter-spacing:.08em;text-transform:uppercase}.tracklist{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none}.beat-row{position:relative;display:grid;grid-template-columns:1.5rem 3.5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.5rem .875rem .5rem .5rem;border-radius:calc(var(--radius-card) * .75);background:var(--surface);transition:background-color var(--duration) var(--ease-out),transform .4s var(--ease-out)}.beat-row:hover,.beat-row:focus-within{background:var(--surface-light)}.has-hover .beat-row:hover{transform:translate(4px)}.beat-row__index{color:var(--muted);font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:.8125rem;text-align:center}.beat-row__cover{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:12px;background:var(--surface-light)}.beat-row__image{width:100%;height:100%;object-fit:cover}.beat-row__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;margin:auto}@media(hover:hover){.beat-row__play{opacity:0}.beat-row:hover .beat-row__play,.beat-row__play:focus-visible,.beat-row__play.is-active{opacity:1}}.beat-row__info{min-width:0}.beat-row__title{overflow:hidden;font-size:.9375rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.beat-row__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit}.beat-row__subtitle{overflow:hidden;color:var(--muted);font-size:.75rem;font-style:italic;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.beat-row__stats,.beat-row__moods,.beat-row__button{display:none}.beat-row__price{justify-content:flex-end}.beat-row__price .price__current{font-size:1rem}.beat-row__stat{display:flex;flex-direction:column;line-height:1.2}.beat-row__stat-label{color:var(--muted);font-size:.625rem;font-weight:var(--font-body-weight-bold);letter-spacing:.12em;text-transform:uppercase}.beat-row__stat-value{font-weight:var(--font-body-weight-bold);font-size:.875rem;white-space:nowrap}@media screen and (min-width:750px){.beat-row{grid-template-columns:2rem 4.5rem minmax(0,1.5fr) minmax(0,1fr) auto auto;gap:1.25rem;padding:.625rem .75rem .625rem .625rem}.beat-row__stats{display:flex;gap:1.75rem}.beat-row__button{position:relative;z-index:3;display:inline-flex}}@media screen and (min-width:1100px){.beat-row{grid-template-columns:2rem 4.5rem minmax(0,1.4fr) minmax(0,.9fr) minmax(0,1fr) 7rem auto}.beat-row__moods{display:flex;flex-wrap:wrap;gap:.375rem;margin:0}}.categories__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.categories__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:1100px){.categories__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.categories__grid--6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media screen and (max-width:749px){.categories__grid--mobile-scroll{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:44%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.categories__grid--mobile-scroll .categories__item{scroll-snap-align:start}}.categories__item{min-width:0}.category-tile{position:relative;display:flex;align-items:flex-end;aspect-ratio:1;overflow:hidden;padding:clamp(.875rem,.6rem + .8vw,1.25rem);border-radius:var(--radius-card);background-color:var(--surface);box-shadow:inset 0 0 0 1px var(--border);isolation:isolate;transition:transform .5s var(--ease-out),box-shadow var(--duration) var(--ease-out)}.category-tile--no-image{background-image:repeating-radial-gradient(circle at 110% -10%,transparent 0 16px,rgba(255,255,255,.035) 17px 18px),radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--tile-color) 75%,transparent),transparent 62%),linear-gradient(160deg,color-mix(in srgb,var(--tile-color) 30%,var(--surface)) 0%,var(--surface) 72%)}.has-hover .category-tile:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tile-color) 60%,transparent),0 24px 60px -30px var(--tile-color);transform:translateY(-4px)}.category-tile__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-out)}.has-hover .category-tile:hover .category-tile__image{transform:scale(1.06)}.category-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,#000000d9,#00000073 38%,#0000 70%)}.category-tile__arrow{position:absolute;top:.875rem;right:.875rem;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:#ffffff24;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color var(--duration) var(--ease-out),transform .4s var(--ease-out)}.category-tile__arrow .icon{width:1.125rem;height:1.125rem}.category-tile:hover .category-tile__arrow{background:var(--accent);transform:rotate(-45deg)}.category-tile__content{display:block;min-width:0;color:#fff}.category-tile__title{font-size:clamp(1.125rem,.85rem + 1vw,1.75rem);line-height:1.05}.category-tile__count{display:block;margin-top:.375rem;color:#ffffffb8;font-size:.6875rem;font-weight:var(--font-body-weight-bold);letter-spacing:.1em;text-transform:uppercase}.license-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--grid-gap);margin:0;padding:.875rem 0 0;list-style:none}@media screen and (max-width:749px){.license-grid{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:84%;margin-inline:calc(var(--page-gutter) * -1);padding-inline:var(--page-gutter);padding-bottom:.5rem;overflow-x:auto;scroll-padding-inline:var(--page-gutter);scroll-snap-type:x mandatory;scrollbar-width:none}}@media screen and (min-width:750px){.license-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:1100px){.license-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.license-card{position:relative;display:flex;flex-direction:column;gap:1.5rem;padding:2rem 1.5rem 1.75rem;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);scroll-snap-align:start;transition:transform .5s var(--ease-out),border-color var(--duration) var(--ease-out)}.has-hover .license-card:hover{border-color:var(--border-strong);transform:translateY(-4px)}.license-card--highlight{border-color:var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 16%,var(--surface)) 0%,var(--surface) 55%);box-shadow:0 30px 80px -40px var(--accent-glow)}.has-hover .license-card--highlight:hover{border-color:var(--accent-hover)}.license-card__badge{position:absolute;top:-.8rem;left:1.5rem}.license-card__name{font-size:1.25rem}.license-card__tagline{margin-top:.375rem;color:var(--muted);font-size:.875rem}.license-card__price{margin-top:1.125rem;font-family:var(--font-heading);font-weight:var(--font-heading-weight-black);font-size:clamp(1.625rem,1.3rem + 1vw,2.125rem);font-style:italic;line-height:1}.license-details{display:flex;flex-direction:column;gap:1.5rem}.license-details__heading{margin-bottom:.75rem;color:var(--muted);font-family:var(--font-body);font-weight:var(--font-body-weight-bold);font-size:.6875rem;letter-spacing:.14em;line-height:1.2;text-transform:uppercase}.file-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0}.file-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .75rem;border-radius:10px;background:var(--accent-soft);color:var(--accent-text);font-weight:var(--font-body-weight-bold);font-size:.75rem;letter-spacing:.06em;line-height:1.2;text-transform:uppercase}.file-chip .icon{width:.875rem;height:.875rem}.check-list{display:grid;gap:.75rem;margin:0}.check-list__item{display:flex;align-items:flex-start;gap:.625rem;color:var(--text-soft);font-size:.9375rem;line-height:1.45}.check-list__item .icon{width:1.25rem;height:1.25rem;padding:.1875rem;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);stroke-width:2.5}.license-details--compact .check-list__item{font-size:.875rem}.beat-tags{flex-wrap:wrap;gap:.375rem;margin:0}.beat-card__tags{display:flex;justify-content:var(--card-align, center);margin-top:.375rem}.chip--tag{position:relative;z-index:3;border-color:transparent;background:var(--surface-light);color:var(--text-soft);text-decoration:none;transition:background-color var(--duration) var(--ease-out),color var(--duration) var(--ease-out)}.chip--tag:hover,.chip--tag:focus-visible{background:var(--accent-soft);color:var(--text)}@media screen and (max-width:749px){.beat-card__tags .chip{padding:.125rem .4375rem;font-size:.625rem}}@media screen and (min-width:750px){.license-grid--slider{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(15rem,1fr);margin-inline:calc(var(--page-gutter) * -1);padding-inline:var(--page-gutter);padding-bottom:.75rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:var(--page-gutter);scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.license-grid--slider>.license-card{scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-beat.css.map */