.cij-owned-grid{--cij-owned-border: rgba(var(--color-foreground), .14);--cij-owned-muted: rgba(var(--color-foreground), .68);--cij-owned-grid-column-gap: 2.8rem;--cij-owned-grid-row-gap: 3.8rem}.cij-owned-grid__header{display:flex;gap:1.6rem;align-items:center;justify-content:space-between;margin-bottom:2rem}.cij-owned-grid__header .collection__title{margin-bottom:0}.cij-owned-grid__header .title{margin:0;white-space:nowrap}.cij-owned-grid__tools{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:.8rem}.cij-owned-grid__search,.cij-owned-grid__sort{width:12rem;min-width:12rem;min-height:4.4rem;border:.1rem solid var(--cij-owned-border);border-radius:.6rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:1.4rem}.cij-owned-grid__search{padding:0 1.3rem}.cij-owned-grid__sort{padding:0 3.4rem 0 1.2rem;cursor:pointer}.cij-owned-card[hidden]{display:none!important}.cij-owned-grid [data-cij-owned-list]{column-gap:var(--cij-owned-grid-column-gap);row-gap:var(--cij-owned-grid-row-gap)}.cij-owned-grid [data-cij-owned-list]>.grid__item{flex-grow:0}.cij-owned-card .ci-simple-card{position:relative}.cij-owned-card__media-wrap{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:.8rem;background:rgba(var(--color-foreground),.06)}.cij-owned-card__media{display:block;width:100%;height:100%}.cij-owned-card__media-button{position:relative;border:0;padding:0;background:transparent;color:inherit;cursor:pointer;text-align:inherit}.cij-owned-card__media img,.cij-owned-card__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease,filter .22s ease}.cij-owned-card__media-wrap:hover img,.cij-owned-card__media-wrap:focus-within img{transform:scale(1.035);filter:brightness(.72)}.cij-owned-card__play{position:absolute;top:50%;left:50%;z-index:2;width:5.8rem;height:5.8rem;display:inline-flex;align-items:center;justify-content:center;border:.1rem solid rgba(255,255,255,.52);border-radius:50%;background:#ffffffe6;color:#111;cursor:pointer;opacity:0;transform:translate(-50%,-50%) scale(.94);transition:opacity .18s ease,transform .18s ease,background .18s ease;box-shadow:0 .8rem 2.4rem #0000003d}.cij-owned-card__media-wrap:hover .cij-owned-card__play,.cij-owned-card__play:focus-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.cij-owned-card__media-button.is-playing .cij-owned-card__play{opacity:1;transform:translate(-50%,-50%) scale(1);animation:cij-owned-play-pulse 1.45s ease-in-out infinite}.cij-owned-card__play:hover{background:#fff}.cij-owned-card__play svg{width:2.6rem;height:2.6rem;fill:currentColor}.cij-owned-card__play-icon{margin-left:.2rem}.cij-owned-card__stop-icon,.cij-owned-card__media-button.is-playing .cij-owned-card__play-icon{display:none}.cij-owned-card__media-button.is-playing .cij-owned-card__stop-icon{display:block}@keyframes cij-owned-play-pulse{0%,to{box-shadow:0 .8rem 2.4rem #0000003d,0 0 #ffffff7a}50%{box-shadow:0 .8rem 2.4rem #0000003d,0 0 0 .8rem #fff0}}.cij-owned-card__title{margin:1rem 0 .7rem;text-align:left;font-size:1.7rem;line-height:1.25}.cij-owned-card__title a{text-decoration-thickness:.1rem;text-underline-offset:.22rem}.cij-owned-card__title a:hover{text-decoration:underline}.cij-owned-download{position:relative;display:inline-block;margin-top:.2rem}.cij-owned-download__summary{min-height:3.8rem;display:inline-flex;align-items:center;gap:.55rem;border:.1rem solid var(--cij-owned-border);border-radius:999px;padding:.7rem 1.2rem;color:rgba(var(--color-foreground),.86);background:rgba(var(--color-foreground),.045);font-size:1.2rem;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase;list-style:none;cursor:pointer}.cij-owned-download__summary::-webkit-details-marker{display:none}.cij-owned-download__summary:after{content:"";width:.6rem;height:.6rem;border-right:.15rem solid currentColor;border-bottom:.15rem solid currentColor;transform:translateY(-.15rem) rotate(45deg);transition:transform .16s ease}.cij-owned-download[open] .cij-owned-download__summary:after{transform:translateY(.15rem) rotate(225deg)}.cij-owned-download__panel{position:absolute;left:0;z-index:5;min-width:min(34rem,calc(100vw - 3.2rem));overflow:hidden;border:.1rem solid var(--cij-owned-border);border-radius:.8rem;background:rgb(var(--color-background));box-shadow:0 1.2rem 3.2rem #00000038}.cij-owned-download__link{display:block;padding:1.2rem 1.4rem;color:rgb(var(--color-foreground));font-size:1.35rem;font-weight:700;line-height:1.25;text-decoration:none}.cij-owned-download__link+.cij-owned-download__link{border-top:.1rem solid rgba(var(--color-foreground),.1)}.cij-owned-download__link:hover{background:rgba(var(--color-foreground),.06);text-decoration:underline;text-underline-offset:.22rem}.cij-owned-grid__empty{margin-top:2rem;color:var(--cij-owned-muted)}@media screen and (max-width:749px){.cij-owned-grid__header{gap:1rem;align-items:center}.cij-owned-grid__tools{flex:1 1 auto;min-width:0;justify-content:flex-end;gap:.6rem}.cij-owned-grid__search,.cij-owned-grid__sort{flex:0 0 auto;min-width:0;min-height:4rem;font-size:1.3rem}.cij-owned-grid__search{width:8.8rem;padding:0 1rem}.cij-owned-grid__sort{width:7.2rem;padding:0 2.4rem 0 .9rem}.cij-owned-grid [data-cij-owned-list]>.grid__item{width:calc(50% - var(--cij-owned-grid-column-gap) / 2);max-width:calc(50% - var(--cij-owned-grid-column-gap) / 2)}.cij-owned-card__play{display:none}.cij-owned-card__media-button.is-playing .cij-owned-card__play{top:auto;right:.8rem;bottom:.8rem;left:auto;width:3.4rem;height:3.4rem;display:inline-flex;opacity:1;transform:none}.cij-owned-card__media-button.is-playing .cij-owned-card__play svg{width:1.7rem;height:1.7rem}}@media screen and (min-width:750px)and (max-width:989px){.cij-owned-grid [data-cij-owned-list]>.grid__item{width:calc(50% - var(--cij-owned-grid-column-gap) / 2);max-width:calc(50% - var(--cij-owned-grid-column-gap) / 2)}}@media screen and (min-width:990px){.cij-owned-grid [data-cij-owned-list]>.grid__item{width:calc(25% - var(--cij-owned-grid-column-gap) * 3 / 4);max-width:calc(25% - var(--cij-owned-grid-column-gap) * 3 / 4)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-owned-music-grid.css.map */