.dev-releases-live__wrapper{max-width:1440px;margin:0 auto;padding-left:24px;padding-right:24px}@media screen and (min-width:768px){.dev-releases-live__wrapper{padding-left:40px;padding-right:40px}}@media screen and (max-width:767px){.dev-releases-live__wrapper{padding-left:24px;padding-right:24px}}.dev-releases-live__releases{margin-bottom:3rem}.dev-releases-live__releases-heading{margin:0;color:#141717;font-family:Helvetica,Arial,sans-serif;font-size:40px;font-style:normal;font-weight:400;line-height:92.244%;letter-spacing:-1.2px;text-transform:uppercase}@media screen and (max-width:767px){.dev-releases-live__releases-heading{font-size:clamp(24px,6vw,40px)}}.dev-releases-live__slider-header{display:flex;align-items:center;justify-content:flex-end;margin-bottom:1.5rem}.dev-releases-live__releases-heading{flex:1;margin-bottom:0}.dev-releases-live__slider-arrows{display:flex;gap:.5rem;flex-shrink:0}.dev-releases-live__arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(20,23,23,.2);background:transparent;color:#141717;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}.dev-releases-live__arrow svg{width:18px;height:18px;pointer-events:none}.dev-releases-live__arrow:hover{background:#141717;border-color:#141717;color:#fff}.dev-releases-live__arrow:disabled{opacity:.25;cursor:default;pointer-events:none}.dev-releases-live__slider-container{overflow:hidden}.dev-releases-live__slider{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain}.dev-releases-live__slider::-webkit-scrollbar{display:none}.dev-releases-live__release{width:calc((100% - 2 * 2rem) / 3);margin-right:2rem;display:flex;flex-direction:column;gap:.5rem;flex-shrink:0;scroll-snap-align:start}@media screen and (max-width:1023px){.dev-releases-live__release{width:calc((100% - 2rem)/2)}}.dev-releases-live__release-image-wrap{position:relative;width:100%;overflow:hidden}.dev-releases-live__release-image-wrap .image-fill{padding-top:100%}.dev-releases-live__release-image-wrap .image-fill,.dev-releases-live__release-image-wrap .image-fill__inner{border-radius:0}.dev-releases-live__release-placeholder{aspect-ratio:1;background:var(--bg-secondary, #f5f5f5);display:flex;align-items:center;justify-content:center}.dev-releases-live__release-placeholder-svg{width:50%;height:auto;opacity:.4}.dev-releases-live__release-title{margin:0;color:#141717;font-family:Helvetica,Arial,sans-serif;font-size:1.25rem;font-weight:400;line-height:1.3;letter-spacing:-.5px}.dev-releases-live__release-artist{margin:0;color:#6a6a6a;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:normal;letter-spacing:-.8px}a.dev-releases-live__release{text-decoration:none;color:inherit;transition:opacity .2s ease}a.dev-releases-live__release:hover{opacity:.85}.dev-releases-live__release--show-all{align-self:stretch}.dev-releases-live__show-all-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%;min-height:200px;aspect-ratio:1;text-decoration:none;color:#141717;border:1px solid rgba(20,23,23,.2);transition:background-color .2s ease,border-color .2s ease}.dev-releases-live__show-all-card:hover{background-color:#141717;border-color:#141717;color:#fff}.dev-releases-live__show-all-text{font-family:Helvetica,Arial,sans-serif;font-size:1.1rem;font-weight:400;text-align:center;letter-spacing:-.5px;text-transform:uppercase}.dev-releases-live__show-all-arrow{width:28px;height:28px;transition:transform .2s ease}.dev-releases-live__show-all-card:hover .dev-releases-live__show-all-arrow{transform:translate(4px)}.dev-releases-live__live-heading{margin:0 0 1.5rem;color:#141717;font-family:Helvetica,Arial,sans-serif;font-size:40px;font-style:normal;font-weight:400;line-height:92.244%;letter-spacing:-1.2px;text-transform:uppercase}@media screen and (max-width:767px){.dev-releases-live__live-heading{font-size:clamp(24px,6vw,40px)}}.dev-releases-live__live-media{position:relative;background:#2a2a2a}.dev-releases-live__live-media-inner{position:relative;width:100%;min-height:400px}@media screen and (min-width:768px){.dev-releases-live__live-media-inner{min-height:480px}}.dev-releases-live__live-hero-image,.dev-releases-live__live-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dev-releases-live__live-placeholder{background:var(--bg-secondary, #1a1a1a);display:flex;align-items:center;justify-content:center}.dev-releases-live__live-placeholder-svg{width:60%;height:auto;opacity:.4}.dev-releases-live__live-overlay{position:absolute;left:0;bottom:0;padding:1.5rem 1.5rem 2rem;z-index:1;display:flex;flex-direction:column;gap:1rem}.dev-releases-live__live-overlay-heading{color:#fff;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.dev-releases-live__live-buttons{margin-top:0;justify-content:flex-start}.dev-releases-live__live-buttons .btn{min-width:180px;transition:background-color .2s ease,border-color .2s ease}.dev-releases-live__live-buttons .btn:hover{background-color:#ffffff1a;border-color:#ffffffe6}.dev-releases-live__action-bar{display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding:1rem 1.5rem;background:#2a2a2a;border-top:1px solid rgba(255,255,255,.1)}.dev-releases-live__action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem;background:none;border:none;color:#ffffffe6;cursor:pointer;transition:color .2s ease,opacity .2s ease}.dev-releases-live__action-btn:hover{color:#fff;opacity:1}.dev-releases-live__action-btn .icon{width:22px;height:22px}.dev-releases-live__action-btn--share span{font-family:Inter,system-ui,sans-serif;font-size:14px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/dev-releases-and-live.css.map */