.music-grid{background:var(--mg-bg);padding-top:var(--mg-pt);padding-bottom:var(--mg-pb)}.music-grid__inner{width:100%}.music-grid--page .music-grid__inner{max-width:1500px;margin-inline:auto;padding-inline:clamp(16px,4vw,50px)}.music-grid--full .music-grid__inner{padding-inline:clamp(16px,4vw,64px)}.music-grid__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--mg-cols),minmax(0,1fr));gap:var(--mg-gap)}.music-grid__item{display:flex;flex-direction:column;align-items:center;text-align:center}.music-grid__media{position:relative;width:100%;overflow:hidden}.music-grid__image{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;transition:transform .5s ease}.music-grid--zoom .music-grid__item:hover .music-grid__image,.music-grid--zoom .music-grid__item:focus-within .music-grid__image{transform:scale(calc(var(--mg-zoom) / 100))}@media(prefers-reduced-motion:reduce){.music-grid__image{transition:none}.music-grid--zoom .music-grid__item:hover .music-grid__image,.music-grid--zoom .music-grid__item:focus-within .music-grid__image{transform:none}}.music-grid__image--placeholder{background:#0000000a}.music-grid__image--placeholder .placeholder-svg,.music-grid__image--placeholder svg{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover}.music-grid__sticker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--mg-sticker-angle));transform-origin:center;display:inline-block;max-width:130%;background:var(--mg-sticker-bg);color:var(--mg-sticker-color);font-family:var(--mg-sticker-font);font-weight:var(--mg-sticker-weight);font-style:italic;font-size:var(--mg-sticker-size);line-height:1;padding:var(--mg-sticker-py) var(--mg-sticker-px);border-radius:999px;white-space:nowrap;box-shadow:0 2px 12px #00000014;pointer-events:none}.music-grid__title{font-family:var(--mg-title-font);font-weight:var(--mg-title-weight);font-style:italic;font-size:var(--mg-title-size);color:var(--mg-title-color);line-height:1.3;margin-top:var(--mg-title-mt);margin-bottom:var(--mg-title-mb);padding-top:var(--mg-title-pt);padding-bottom:var(--mg-title-pb)}.music-grid__actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px}.music-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;text-decoration:none;line-height:1;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.music-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.music-btn--watch{background:var(--mg-watch-bg);color:var(--mg-watch-text);font-size:var(--mg-watch-size);padding:var(--mg-watch-pt) var(--mg-watch-pr) var(--mg-watch-pb) var(--mg-watch-pl)}.music-btn--watch .music-btn__icon{fill:var(--mg-watch-icon)}.music-btn--watch:hover,.music-btn--watch:focus-visible{background:var(--mg-watch-hover-bg);color:var(--mg-watch-hover-text)}.music-btn--watch:hover .music-btn__icon,.music-btn--watch:focus-visible .music-btn__icon{fill:var(--mg-watch-hover-icon)}.music-btn--listen{background:var(--mg-listen-bg);color:var(--mg-listen-text);font-size:var(--mg-listen-size);border:var(--mg-listen-border-width) solid var(--mg-listen-border);padding:var(--mg-listen-pt) var(--mg-listen-pr) var(--mg-listen-pb) var(--mg-listen-pl)}.music-btn--listen:hover,.music-btn--listen:focus-visible{background:var(--mg-listen-hover-bg);color:var(--mg-listen-hover-text);border-color:var(--mg-listen-hover-border)}.music-btn__icon{width:1.4em;height:1.4em;flex:none;display:block;transition:fill .2s ease}.music-btn__label{display:inline-block}@media screen and (max-width:749px){.music-grid--mgrid .music-grid__list{grid-template-columns:repeat(var(--mg-cols-mobile),minmax(0,1fr))}.music-grid--mcarousel .music-grid__list{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-padding-left:0}.music-grid--mcarousel .music-grid__list::-webkit-scrollbar{display:none}.music-grid--mcarousel .music-grid__item{flex:0 0 var(--mg-card-mobile);scroll-snap-align:start}}@media screen and (max-width:749px)and (prefers-reduced-motion:no-preference){.music-grid--mcarousel .music-grid__list{scroll-behavior:smooth}}
/*# sourceMappingURL=/cdn/shop/t/32/compiled_assets/styles.css.map */