.icon{fill:#fff;display:inline}.cover{position:relative;width:100%;border-radius:5px;overflow:hidden}.cover:after{content:"";display:block;padding-bottom:100%}.cover img{position:absolute;top:0;left:0;bottom:0;right:0}.mini-data{color:#7e8893;display:inline-block;background:#2b2e36;padding:2px 15px;border-radius:40px;font-size:12px;margin-right:5px;margin-top:10px}.mini-data:last-child{margin-right:0}.mini-data span{color:#bcc7d4}.mini-data.right span{margin-left:5px}.mini-data.left span{margin-right:5px}.beat-item{opacity:0;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:entranceFromBottom;animation-name:entranceFromBottom;-webkit-animation-fill-mode:both;animation-fill-mode:both;overflow:hidden;background:#23252b;position:relative;border-radius:5px 5px 0 0}@media (max-width:768px){.beat-item{display:flex}}.beat-item .set-bg.track{background-color:#dd1f5f!important}.beat-item .set-bg.beat{background-color:orange!important}.beat-item .sold{background:rgba(35,37,43,.9);height:100%;width:100%;position:absolute;top:0;left:0;right:0}.beat-item .sold,.beat-item .sold span{display:flex;align-items:center;justify-content:center}.beat-item .sold span{color:#fff;border:2px solid #fff;border-radius:100px;height:60px;width:60px;transform:rotate(-20deg);font-size:15px;font-weight:900}.beat-item .top{position:relative;width:100%!important}.beat-item .top .cover{width:100%;height:100%}@media (max-width:768px){.beat-item .top{max-width:120px}}.beat-item .top .labels{display:flex;align-items:flex-start;flex-direction:column;position:absolute;top:10px;left:0;color:#fff;font-size:11px;font-weight:900}.beat-item .top .labels>*{border-radius:0 300px 300px 0;padding:5px 12px 5px 20px;margin-bottom:5px}@media (max-width:768px){.beat-item .top .labels{z-index:2;font-size:9px}.beat-item .top .labels>*{padding:3px 6px 3px 8px}}.beat-item .top .hotpick{background:#00e5ff}.beat-item .bottom-part{position:relative;color:#bcc7d4;text-align:left}@media (max-width:768px){.beat-item .bottom-part{align-self:center;width:100%;height:120px;display:flex;align-items:center;justify-content:flex-start}}@media (min-width:768px){.beat-item .bottom-part{padding-bottom:10px}}.beat-item .bottom-part .icon{position:absolute;right:15px;height:12px;width:12px;fill:#5a626b}@media (min-width:768px){.beat-item .bottom-part .icon{display:none}}.beat-item .bottom-part .more-info-btn-devices{position:absolute;left:0;top:0;width:100%;height:100%}@media (min-width:768px){.beat-item .bottom-part .more-info-btn-devices{display:none}}.beat-item .bottom-part span{display:block;white-space:nowrap}.beat-item .bottom-part .data{padding:20px}@media (max-width:768px){.beat-item .bottom-part .data{padding:0 10px 15px}}.beat-item .bottom-part .data>*{display:block}.beat-item .bottom-part .data .name{color:#bcc7d4}.beat-item .bottom-part .data .username{text-transform:capitalize;color:#5a626b;font-size:12px;margin-top:4px}.beat-item .bottom-part .line{display:flex;align-items:center;justify-content:flex-start}@media (max-width:768px){.beat-item .bottom-part .line{margin-left:10px}}.beat-item .bottom-part .line>*{background:#282b32;display:inline;text-transform:uppercase;font-size:10px;margin-right:4px;height:32px;display:flex;align-items:center;justify-content:flex-start;font-weight:900}.beat-item .bottom-part .line .price{color:#fff;position:relative;padding:0 12px 0 20px}.beat-item .bottom-part .line .price.strike{text-decoration:line-through}.beat-item .bottom-part .line .price2{color:orange;padding:0 12px}.beat-item .bottom-part .line .lineFree{color:#b8e986;padding:0 12px}.beat-item .bottom-part .line .daw{padding:0 12px}.beat-item .bottom-part .line .daw img{height:14px}.beat-item .hover.play{background:rgba(14,15,17,.8);height:100%;width:100%;position:absolute;top:0;left:0;right:0;visibility:hidden;cursor:pointer}.beat-item .hover.play,.beat-item .hover.play .wrapper{display:flex;align-items:center;justify-content:center;opacity:0;transition:.2s}.beat-item .hover.play .wrapper{height:60px;width:60px;transform:scale(2)}@media (min-width:768px){.beat-item .hover.play .wrapper{border:2px solid #fff;border-radius:100px}}.beat-item .hover.play svg{width:100%;height:20px}.beat-item .hover.buttons{visibility:hidden;opacity:0;position:absolute;top:0;transition:.2s;padding:10px;width:100%;height:100%;background:#23252b}.beat-item .hover.buttons a,.beat-item .hover.buttons button{font-weight:400;display:block;height:45%;width:100%;background:#282b32;margin-bottom:10px;color:#fff;transition:.4s;opacity:0;display:flex;align-items:center;justify-content:center}.beat-item .hover.buttons a:nth-child(2),.beat-item .hover.buttons button:nth-child(2){font-weight:900}@media (max-width:1024px){.beat-item .line>*{font-size:10px!important;height:22px!important}.beat-item .line .price{padding:0 7px 0 12px!important}.beat-item .line .daw,.beat-item .line .price2{padding:0 7px!important}.beat-item .line .daw img{height:12px!important}}@media (max-width:768px){.beat-item.beat-item.hover-yes .hover.play{visibility:visible;opacity:1}.beat-item.beat-item.hover-yes .hover.play .wrapper{opacity:1;transform:scale(1)}}@media (min-width:768px){.beat-item.beat-item.hover-yes:hover .hover.play .wrapper{opacity:1;transform:scale(1)}.beat-item.beat-item.hover-yes:hover .hover.buttons a,.beat-item.beat-item.hover-yes:hover .hover.buttons button{opacity:1}.beat-item.beat-item.hover-yes:hover .hover{visibility:visible;opacity:1}.beat-item .freeBg{background:#4ae881!important}}.loopItem{position:relative}@media (min-width:0) and (max-width:567px){.loopItem.sold .loop-player{display:none}.loopItem.sold .miniDataContainer{margin-top:0!important;border-top:0!important}.loopItem.sold .titleContainer{margin-bottom:0!important}}.loopItem .xsSold{background:rgba(30,32,37,.5);height:100%;width:100%;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center}@media (min-width:1025px){.loopItem .xsSold{display:none!important}}.loopItem .xsSold span{position:relative;z-index:3;color:#fff;border:2px solid #fff;border-radius:100px;height:60px;width:60px;transform:rotate(-20deg);font-size:15px;font-weight:900}.loopItem .hoverPlay,.loopItem .xsSold span{display:flex;align-items:center;justify-content:center}.loopItem .hoverPlay{background:rgba(14,15,17,.8);height:100%;width:100%;position:absolute;top:0;left:0;right:0;opacity:0;transition:.2s;cursor:pointer}.loopItem .hoverPlay svg{position:relative;top:-13px;width:20px;height:20px;transition:.2s;transform:scale(2)}.loopItem .hoverPlay.withoutDemos svg{top:0!important}.loopItem:hover .hoverPlay{opacity:1}.loopItem:hover .hoverPlay svg{transform:scale(1)}.loopItem .loopItemWrapper{background:#23252b;display:flex;align-items:center;justify-content:flex-start}.loopItem .loopItemWrapper.transparent{background:rgba(35,37,43,.4)!important}.loopItem .loopItemWrapper .bigCover{overflow:hidden;position:relative}.loopItem .loopItemWrapper .bigCover .sold{background:rgba(35,37,43,.9);height:100%;width:100%;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center}.loopItem .loopItemWrapper .bigCover .sold span{color:#fff;border:2px solid #fff;border-radius:100px;height:60px;width:60px;transform:rotate(-20deg);font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center}.loopItem .loopItemWrapper .bigCover img{width:120px;height:120px}@media (max-width:1024px){.loopItem .loopItemWrapper .bigCover img{display:none}}.loopItem .loopItemWrapper .by{margin:0 5px;color:#7e8893}.loopItem .rightContainer{padding:0 20px;width:calc(100% - 120px)}@media (max-width:1024px){.loopItem .rightContainer{width:100%;padding:0}}.loopItem .rightContainer.sold:after{content:"";left:125px;position:absolute;z-index:3;width:calc(100% - 130px);height:calc(100% - 10px);top:5px}.loopItem .titleContainer{font-size:12px;width:100%;margin-bottom:12px;display:flex;align-items:center;justify-content:flex-start}@media (max-width:1024px){.loopItem .titleContainer{border-bottom:1px solid #1e2025}}.loopItem .titleContainer .username{color:#00cf8e}.loopItem .titleContainer .title{color:#bcc7d4}.loopItem .titleContainer .sxCover{position:relative}.loopItem .titleContainer .sxCover img{width:50px;height:50px;margin-right:20px;display:none}@media (max-width:1024px){.loopItem .titleContainer .sxCover img{display:inline}}.loopItem .titleContainer .sxCover .hoverPlayMobile{background:rgba(14,15,17,.5);width:50px;height:50px;opacity:1}@media (min-width:1024px){.loopItem .titleContainer .sxCover .hoverPlayMobile{display:none}}.loopItem .titleContainer .sxCover .hoverPlayMobile svg{position:relative;top:0;width:20px;height:20px;transform:scale(1)}.loopItem .miniDataContainer{margin-top:7px}.loopItem .miniDataContainer>*{overflow:hidden}@media (max-width:1024px){.loopItem .miniDataContainer{margin-top:10px;padding:5px 10px 15px;border-top:1px solid #1e2025}}.loopItem .miniDataContainer .mini-data{padding:4px 10px;font-size:9px;white-space:nowrap}.loopItem .miniDataContainer .price span{margin-left:5px}.loopItem .miniDataContainer .strike{color:red;text-decoration:line-through}.loopItem .hoverButtons{position:absolute;right:15px;bottom:15px;transition:.2s}.loopItem .hoverButtons .addToCart{margin-left:5px;font-weight:400}.loopItem .labels{display:flex;align-items:flex-start;flex-direction:column;position:absolute;top:6px;left:0;color:#fff;font-size:9px;font-weight:900}.loopItem .labels>*{border-radius:0 300px 300px 0;padding:3px 8px;margin-bottom:5px}.loopItem .labels .hotpick{background:#00e5ff}.loopItem .demosManager{position:absolute;left:0;right:0;margin:auto;bottom:-26px;z-index:3;transition:.2s;display:inline-flex;height:26px;background:#2b2e36;display:flex;align-items:center;justify-content:flex-start}.loopItem .demosManager.active{border:1px solid red}.loopItem .demosManager .playingButtons{display:flex;align-items:center;justify-content:center}.loopItem .demosManager .playingButtons svg{fill:#fff;height:9px;width:9px}.loopItem .demosManager .titleDemo{font-size:9px;color:#bcc7d4;padding:0 10px;text-align:center;width:calc(100% - 50px)}.loopItem .demosManager button{position:relative;width:26px;height:26px;display:flex;align-items:center;justify-content:center}.loopItem .demosManager button.left{margin-left:2px;border-right:1px solid #23252b}.loopItem .demosManager button.right{margin-right:2px;border-left:1px solid #23252b}.loopItem .demosManager svg{width:8px;height:8px;fill:#bcc7d4}.loopItem:hover .demosManager{bottom:0}.loopItem .moreInfoButtons{display:inline-block}@media (min-width:1024px){.loopItem .moreInfoButtons{position:absolute;right:20px}}.loopItem .moreInfoButtons .moreInfo{margin-right:5px}.loopItem .moreInfoButtons>*{cursor:pointer}.loopItem .moreInfoButtons>*>*{background:#00cf8e!important;color:#fff;font-weight:900}.loopItem .loop-player{height:30px}.loopItem .loop-player .player{transition:.5s;cursor:pointer;position:relative;height:30px}.loopItem .loop-player .player wave{border-right:none!important;transition:.2s}.loopItem .demosManager2{position:absolute;right:20px;top:15px;z-index:3;transition:.2s;display:inline-flex;height:20px;display:flex;align-items:center;justify-content:flex-start}@media (max-width:1024px){.loopItem .demosManager2{top:20px}}.loopItem .demosManager2 .playingButtons{display:flex;align-items:center;justify-content:center}.loopItem .demosManager2 .playingButtons svg{fill:#fff;height:9px;width:9px}.loopItem .demosManager2 .titleDemo{font-size:9px;color:#5a626b;padding:0 12px;text-align:center}@media (min-width:0) and (max-width:567px){.loopItem .demosManager2 .titleDemo{display:none}}.loopItem .demosManager2 button{position:relative;width:18px;height:18px;border:1px solid rgba(69,75,84,.7);border-radius:100px;display:flex;align-items:center;justify-content:center}.loopItem .demosManager2 button.left{padding-right:2px}.loopItem .demosManager2 button.right{margin-left:2px}.loopItem .demosManager2 svg{width:7px;height:7px;fill:#7e8893}.loopItem .genresMiniData{max-width:160px}.loopItem .tibeNubuData{max-width:110px}