.product-table{display:flex;flex-direction:column;width:100%;--media-container-dimension:48px;--media-container-padding:4px;--media-container-button-dimension:calc(var(--media-container-dimension) / 2);--product-row-padding-x:2rem;--border-radius-active:8px}.product-table__header{background:0 0;font-size:2rem}.product-row{display:flex;flex-direction:row;align-items:center;gap:2rem;margin-top:3px;margin-bottom:3px;padding-left:var(--product-row-padding-x);padding-right:var(--product-row-padding-x)}.call-to-action-container,.media-container,.product-row:not(.product-table__header){transition:background-color var(--duration-long) ease;border-radius:16px}.product-row:not(.product-table__header){border-top-left-radius:var(--border-radius-active);border-top-right-radius:var(--border-radius-active);-moz-border-radius-topleft:var(--border-radius-active);-moz-border-radius-topright:var(--border-radius-active);border-bottom:1px solid #2a2a2a;font-size:1.4rem}.product-row:not(.product-table__header).is-playing,.product-row:not(.product-table__header):focus,.product-row:not(.product-table__header):hover{background-color:#2a2a2a}.product-row:not(.product-table__header).is-playing .call-to-action-container,.product-row:not(.product-table__header).is-playing .media-container,.product-row:not(.product-table__header):focus .call-to-action-container,.product-row:not(.product-table__header):focus .media-container,.product-row:not(.product-table__header):focus .share-button__button .svg-wrapper,.product-row:not(.product-table__header):hover .call-to-action-container,.product-row:not(.product-table__header):hover .media-container,.product-row:not(.product-table__header):hover .share-button__button .svg-wrapper{background-color:var(--gradient-background)}.product-cell{flex:1}.product-row .product-cell.media-container,.product-row .product-cell:first-child{width:calc(var(--media-container-dimension) + var(--media-container-padding) * 2);max-width:calc(var(--media-container-dimension) + var(--media-container-padding) * 2);max-height:calc(var(--media-container-dimension) + var(--media-container-padding) * 2);padding:var(--media-container-padding);margin:.5rem 0}.media-button-container{width:var(--media-container-button-dimension);height:var(--media-container-button-dimension)}.media-container>div,.media-container>div>.skeleton-image{width:var(--media-container-dimension);height:var(--media-container-dimension)}.product-cell.product-cell_title{margin-left:2rem}a.product-cell_title_album{font-size:1.6rem;text-decoration:underline}.product-row:not(.product-table__header) .product-cell.product-cell_title{font-size:1.5rem;display:flex;justify-content:space-between;align-items:center}.product-cell_title_caret{padding:5px;width:32px;height:32px;transform:rotate(-90deg);transition:transform .2s;cursor:pointer}.product-cell_title_caret.active{transform:rotate(0)}html[lang=ar] .product-cell.product-cell_title{margin-left:0;margin-right:2rem}.product-cell_price{display:flex;max-width:160px;justify-content:center}.product-row .product-cell.product-cell_bpm{max-width:80px}.product-row .product-cell.product-cell_actions{max-width:50px}.product-row__album{scale:.95;padding-left:calc(var(--product-row-padding-x)/ 2);padding-right:calc(var(--product-row-padding-x)/ 2)}.media-container__album{position:absolute;top:50%;left:-25px;height:25px;width:auto;transform:translate(0,-50%)}@media screen and (max-width:989px){.product-table{--animation-slide-in-with-height:slideInWithHeightMediumAndDown var(--duration-short-extended) var(--ease-out-slow) forwards;--animation-slide-out-with-height:slideOutWithHeightMediumAndDown var(--duration-short-extended) var(--ease-out-slow) forwards}.animate--slide-in-with-height-trigger{display:grid}@keyframes slideOutWithHeightMediumAndDown{from{max-height:185px;transform:translateY(0);opacity:1;margin:20px 0}to{max-height:0;transform:translateY(-2rem);opacity:0;margin:0}}@keyframes slideInWithHeightMediumAndDown{from{display:none;max-height:0;transform:translateY(2rem);opacity:0;margin:0}to{display:grid;max-height:185px;transform:translateY(0);opacity:1;margin:20px 0}}}@media screen and (min-width:990px){.product-table{--animation-slide-in-with-height:slideInWithHeightLargeAndUp var(--duration-short-extended) var(--ease-out-slow) forwards;--animation-slide-out-with-height:slideOutWithHeightLargeAndUp var(--duration-short-extended) var(--ease-out-slow) forwards}.animate--slide-in-with-height-trigger{display:flex}@keyframes slideOutWithHeightLargeAndUp{from{max-height:1850px;transform:translateY(0);opacity:1;margin-top:3px;margin-bottom:3px}to{max-height:0;transform:translateY(-2rem);opacity:0;margin-top:0;margin-bottom:0}}@keyframes slideInWithHeightLargeAndUp{from{display:none;max-height:0;transform:translateY(2rem);opacity:0;margin-top:0;margin-bottom:0}to{display:flex;max-height:130px;transform:translateY(0);opacity:1;margin-top:3px;margin-bottom:3px}}}.animate--slide-in-with-height{animation:var(--animation-slide-in-with-height);animation-delay:calc(var(--animation-order) * 75ms)}.animate--slide-in-with-height-trigger{position:absolute;max-height:0;opacity:0}.animate--slide-out-with-height{animation:var(--animation-slide-out-with-height);animation-delay:calc(var(--animation-order-out) * 75ms);overflow:hidden}