@import url(https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&family=Roboto:wght@300;400;500;700;900&display=swap);.header{background-color:#fff;left:0;position:fixed;top:0;width:100%;z-index:10}.header__navigation{max-width:340px;width:100%}@media (max-width:700px){.header__navigation{display:none}}.header__row{align-items:center;display:flex;justify-content:space-between;min-height:100px;width:100%}@media (max-width:700px){.header__row{display:flex;min-height:150px}}.header__logo{align-items:center;cursor:pointer;display:flex}.header__logo img{height:50px;width:50px}.header__logo h1{font-size:24px;padding-left:20px}@media (max-width:700px){.header__logo h1{font-size:36px}}.header__nav-list{display:flex;justify-content:space-between;max-width:340px;padding:0 20px;width:100%}.header__nav-item{font-size:18px;-webkit-transform:scale(1);transform:scale(1);transition:.05s ease;white-space:nowrap}@media (max-width:700px){.header__nav-item{font-size:28px;margin-right:30px}}.header__nav-item:hover{font-weight:600}.header__user-block{align-items:center;display:flex;justify-content:space-between;position:relative}@media (max-width:700px){.header__user-block-burger{cursor:pointer;display:flex;flex-direction:column;height:50px;justify-content:space-between;margin-right:10px;width:60px}.header__user-block-burger span:first-child,.header__user-block-burger span:nth-child(2),.header__user-block-burger span:nth-child(3){background-color:#2d2c2c;display:block;height:10px;width:60px}}.header__account{align-items:center;display:flex;position:relative}.header__account :hover{opacity:.7;transition:all .1s ease}@media (max-width:700px){.header__account{display:none}}.header__account:after{background-color:#000;content:"";height:50px;margin-left:10px;width:1px}.header__create{color:#000;cursor:pointer;font-size:20px;font-weight:400;margin-right:15px;white-space:nowrap}.header__create:after{content:"|";cursor:auto;left:140px;position:absolute}.header__sign-in{color:#000;cursor:pointer;font-size:20px;white-space:nowrap}.header__user-icon{cursor:pointer;height:50px;margin-left:5px;width:50px}.header__card{align-items:center;display:flex;position:relative}.header__card :hover{opacity:.7;transition:all .1s ease}.header__card :hover .header__card-count{-webkit-transform:scale(1.05);transform:scale(1.05)}@media (max-width:700px){.header__card{margin-left:30px;padding-right:30px}}.header__card-icon{cursor:pointer;height:50px;width:50px}@media (max-width:700px){.header__card-icon{height:70px;width:70px}}.header__card-count{align-items:center;background-color:#e5ea00;border-radius:100%;cursor:pointer;display:flex;height:25px;justify-content:center;position:absolute;right:-8px;top:28px;width:25px;z-index:-1}@media (max-width:700px){.header__card-count{font-size:22px;height:35px;right:20px;top:42px;width:35px}}.search{padding-top:50px}@media (max-width:700px){.search{padding-top:100px}}.search__row{align-items:center;background-color:#fff;display:flex;margin:0 auto;max-width:800px;min-height:50px}@media (max-width:700px){.search__row{min-height:100px;min-width:700px}}.search__item{padding:12px 22px}.search__icon{cursor:pointer;height:40px;width:40px}@media (max-width:700px){.search__icon{height:60px;width:60px}}.search__input{width:100%}.search__input input{border:none;font-size:18px;outline:none;padding:20px 0;width:100%}@media (max-width:700px){.search__input input{font-size:30px;min-width:600px}}.search__input input::-webkit-input-placeholder{font-size:16px}.search__input input:-ms-input-placeholder{font-size:16px}.search__input input::placeholder{font-size:16px}@media (max-width:700px){.search__input input::-webkit-input-placeholder{font-size:30px}.search__input input:-ms-input-placeholder{font-size:30px}.search__input input::placeholder{font-size:30px}}.playlists{margin-top:50px}.playlists__title{margin-bottom:45px}.playlists__title h2{color:#fff;font-size:36px;font-weight:400;text-align:center}@media (max-width:700px){.playlists__title h2{font-size:56px}}.playlists__row{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.playlists__item{cursor:pointer;display:flex;max-width:460px;-webkit-transform:translateY(0);transform:translateY(0);transition:all .2s ease}@media (max-width:700px){.playlists__item{max-width:660px}}.playlists__item:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.playlists__item:hover .playlists__describe:after{background-color:#2d2c2c;content:"";position:absolute;top:75px;width:350px}@media (max-width:700px){.playlists__item:hover .playlists__describe:after{top:90px}}.playlists__item img{height:420px;object-fit:cover;width:460px}@media (max-width:700px){.playlists__item img{height:520px;width:660px}}.playlists__background{background-color:#fff;min-height:530px}.playlists__describe{color:#2d2c2c;display:flex;font-size:32px;justify-content:center;padding-top:25px;position:relative}@media (max-width:700px){.playlists__describe{font-size:38px;padding-bottom:40px;padding-top:35px}}.playlists__describe:after{background-color:#2d2c2c;content:"";-webkit-filter:blur(1px);filter:blur(1px);height:1px;position:absolute;top:75px;transition:.3s ease-in-out;width:150px}@media (max-width:700px){.playlists__describe:after{top:90px}}.filter{padding-bottom:40px;padding-top:20px}.filter__block{border:1px solid transparent;display:flex}.filter__colum{display:flex;flex-direction:column}.filter__icon{height:50px;width:50px}.filter__title{color:#fff;font-size:30px;font-weight:400;padding-left:15px}@media (max-width:700px){.filter__title{font-size:50px}}.filter__info{align-items:center;display:flex;justify-content:center;position:absolute;top:25px}@media (max-width:700px){.filter__info{top:65px}}.item{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:100px;position:relative;width:335px}.item:hover{background-color:#3a3838}@media (max-width:700px){.item{min-height:200px;width:250px}}@media (max-width:400px){.item{width:220px}}.item:after{min-height:100%;right:0;width:1px}.item:after,.item:before{background-color:#fff;content:"";position:absolute}.item:before{bottom:0;height:1px;width:335px}@media (max-width:700px){.item:before{width:250px}}@media (max-width:400px){.item:before{width:200px}}.item:last-child:before{content:"";display:none}.bpm{width:65px}.filter__beat{position:relative}.filter__beat:after{background-color:#fff;content:"";display:block;height:1px;max-width:1150px}.filter__beat:last-child:after{content:"";display:none}.filter__progress{cursor:pointer;height:99px;left:0;position:absolute;top:0;width:100%}@media (max-width:700px){.filter__progress{min-height:200px}}.filter__progress-play{background-color:#ebe5e52f;height:99px;left:0;position:absolute;top:0}@media (max-width:700px){.filter__progress-play{min-height:200px}}.filter__colum-beats{display:flex;flex-direction:column;max-height:500px;overflow-y:scroll;width:100%}@media (max-width:700px){.filter__colum-beats{max-height:1000px}}.filter__result-beat{align-items:center;display:flex;justify-content:space-between;max-height:99px;padding:35px}@media (max-width:700px){.filter__result-beat{min-height:200px;padding:25px}}.filter__player{align-items:center;display:flex;gap:20px;max-width:380px;width:100%}@media (max-width:700px){.filter__player{gap:16px}}@media (max-width:480px){.filter__player{gap:10px}}.filter__beat-index{color:#fff;font-size:20px}@media (max-width:700px){.filter__beat-index{font-size:22px}}.filter__start-btn button{background-color:#fff;border:none;border-radius:100%;cursor:pointer;height:40px;width:40px}@media (max-width:700px){.filter__start-btn button{height:65px;width:65px}}.filter__start-btn{position:relative}.filter__start-btn:before{background-image:url(/static/media/arrow.0665c62c288d8cc14cb0.svg);background-repeat:no-repeat;background-size:cover;content:"";cursor:pointer;display:block;height:17px;left:55%;position:absolute;top:48%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:15px}@media (max-width:700px){.filter__start-btn:before{height:28px;width:25px}}.filter__start-btn:hover{opacity:.8}.filter__stop-btn{position:relative}.filter__stop-btn button{background-color:#fff;border:none;border-radius:100%;cursor:pointer;height:40px;width:40px}@media (max-width:700px){.filter__stop-btn button{height:65px;width:65px}}.filter__stop-btn:before{background-color:#000;content:"";cursor:pointer;display:block;height:17px;left:50%;position:absolute;top:48%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:15px}@media (max-width:700px){.filter__stop-btn:before{height:28px;width:25px}}.filter__stop-btn:hover{opacity:.8}.filter__beat-info{display:flex;flex-direction:column}@media (max-width:700px){.filter__beat-info{margin-left:5px}}.filter__beat-title{color:#fff;font-size:28px;white-space:nowrap}@media (max-width:700px){.filter__beat-title{font-size:42px;line-height:32px;max-width:260px;white-space:normal}}.filter__beat-about{align-items:center;display:flex}@media (max-width:700px){.filter__beat-about{margin-top:15px}}.filter__producer-name{color:#fff;cursor:pointer;font-size:22px;margin-right:10px}.filter__producer-name:hover{text-decoration:underline}@media (max-width:700px){.filter__producer-name{font-size:38px;margin-right:20px}}.filter__beat-btm{color:#9e9e9e;font-size:20px;margin-right:35px;position:relative}.filter__beat-btm:after{background-color:#fff;content:"";height:24px;left:130%;position:absolute;top:25%;width:1px}@media (max-width:700px){.filter__beat-btm{font-size:32px;margin-top:5px}}.filter__mood{color:#9e9e9e;font-size:20px}@media (max-width:700px){.filter__mood{font-size:32px;margin-top:5px}}.filter__buy-btn button{background-color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:20px;font-weight:400;height:30px;padding-left:25px;width:80px}.filter__buy-btn button:hover{background-color:#e5ea00}@media (max-width:700px){.filter__buy-btn button{font-size:36px;height:55px;width:120px}}@media (max-width:480px){.filter__buy-btn button{font-size:30px;height:50px;width:90px}}.filter__buy-btn{justify-self:end;position:relative}.filter__buy-btn:before{background-image:url(/static/media/dollar.a1bf3e17534c45c5a44b.svg);background-repeat:no-repeat;background-size:cover;content:"";cursor:pointer;display:block;height:20px;left:15px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px}@media (max-width:700px){.filter__buy-btn:before{height:25px;left:10px;width:25px}.filter__select-list{margin-top:50px}}.filter-list{display:flex;flex-direction:column;margin-bottom:20px;margin-top:0}.filter-list__label{align-items:center;cursor:pointer;display:flex;min-width:335px;padding:0 15px}.filter-list__label:hover{background-color:#565656}@media (max-width:700px){.filter-list__label{min-width:250px}}@media (max-width:400px){.filter-list__label{min-width:200px}}.filter-list__input{cursor:auto;margin-bottom:25px;opacity:0}@media (max-width:700px){.filter-list__input{margin-bottom:65px}}.filter-list__text{color:#fff;font-size:18px}@media (max-width:700px){.filter-list__text{font-size:32px}}.fake-checkbox{align-items:center;background-color:transparent;border:1px solid #fff;border-radius:50%;display:flex;height:20px;justify-content:center;margin-right:10px;transition:all .3s ease;width:20px}@media (max-width:700px){.fake-checkbox{height:40px;width:40px}}.checked{background-color:#fff;border:1px solid #fff;height:20px;width:20px}@media (max-width:700px){.checked{height:40px;width:40px}}.footer{position:relative}.footer:after{background-color:#565656;content:"";height:1px;opacity:.5;position:absolute;top:85%;width:100%}.footer__container{margin:0 auto;max-width:630px}@media (max-width:700px){.footer__container{max-width:100%;padding:10px}}.footer__row{display:flex;justify-content:space-between;margin-top:15px;min-height:180px}.footer__beat-share{display:flex;flex-direction:column}@media (max-width:700px){.footer__beat-share{align-items:center}}.footer__smm{display:flex;flex-direction:column}@media (max-width:700px){.footer__smm{align-items:center}}.footer__support{display:flex;flex-direction:column}@media (max-width:700px){.footer__support{align-items:center}}.footer__subtitle{font-size:24px;padding-bottom:5px}@media (max-width:700px){.footer__subtitle{font-size:36px;padding-bottom:10px}}.footer__text{color:#565656;font-size:16px;font-weight:400;margin-bottom:5px;opacity:.8}@media (max-width:700px){.footer__text{font-size:26px}}.footer__text:before{content:"-";padding-right:2px}.footer__text:hover{text-decoration:underline}.footer__copyright{align-self:center;color:#565656;font-size:14px;opacity:.8;padding:7px;text-align:center}@media (max-width:700px){.footer__copyright{font-size:22px}}input{border:none;outline:none}.create-account{box-shadow:0 5px 10px 2px #d5d5d5;margin:10% auto 0;max-width:660px}@media (max-width:880px){.create-account{box-shadow:none;margin:0 auto;max-width:880px;min-width:620px}}.create-account__countainer{background:#fff;min-height:520px;padding:50px 120px;position:relative}.create-account__form{align-items:center;display:flex;flex-direction:column;justify-content:center}@media (max-width:880px){.create-account__form{margin-top:100px}}.create-account .create-account__logo img{width:30px}@media (max-width:880px){.create-account .create-account__logo img{width:80px}}.create-account__logo{align-items:center;cursor:pointer;display:flex;left:58px;position:absolute;top:12px}.create-account__logo span{font-size:18px;font-weight:700;padding-left:12px}@media (max-width:880px){.create-account__logo span{font-size:32px}}.create-account__title{font-size:28px;font-weight:500}@media (max-width:880px){.create-account__title{font-size:62px;text-align:center;white-space:nowrap}}.create-account__login,.create-account__password{align-items:center;display:flex;flex-direction:column;justify-content:center}.create-account__subtitle{font-size:16px;padding-bottom:15px;padding-top:20px}@media (max-width:880px){.create-account__subtitle{font-size:44px;padding-top:40px}}.create-account__inputs input{border:1px solid #000;font-size:16px;height:40px;padding:12px 18px;width:420px}@media (max-width:880px){.create-account__inputs input{font-size:28px;height:80px;width:600px}}.create-account__email-block,.create-account__password-block{padding-bottom:30px}.create-account__btn-confim{padding-top:15px}@media (max-width:880px){.create-account__btn-confim{padding-top:30px}}.create-account__btn-confim input{background:transparent;border:1px solid #000;cursor:pointer;font-size:16px;padding:10px 15px}@media (max-width:880px){.create-account__btn-confim input{font-size:32px;padding:15px 20px}}.create-account__btn-confim input:hover{background-color:#ededed}.sign-account-wrapper{box-shadow:0 5px 10px 2px #d5d5d5;margin:10% auto 0;max-width:660px}@media (max-width:880px){.sign-account-wrapper{box-shadow:none;margin:0 auto;max-width:880px;min-width:620px}}.sign-in-account{background-color:#fff;min-height:420px;position:relative}.sing-in__login-icon{align-items:center;display:flex;justify-content:center;margin:0 5px}.sing-in__login-icon img{height:32px;width:32px}@media (max-width:880px){.sing-in__login-icon img{height:64px;margin:0 15px;width:64px}}.sing-in__password-icon{align-items:center;display:flex;justify-content:center;margin:0 10px}.sing-in__password-icon img{height:28px;width:24px}@media (max-width:880px){.sing-in__password-icon img{height:56px;margin:0 15px;width:48px}}.sign-in__container{align-items:center;align-self:center;display:flex;flex-direction:column;justify-content:center;padding:75px 120px}@media (max-width:880px){.sign-in__container{padding:100px 120px}}.sign-in__inputs{align-items:center;display:flex;flex-direction:column;justify-content:center}.sign-in__inputs input{font-size:17px}@media (max-width:880px){.sign-in__inputs input{font-size:28px}}.sign-in__logo{align-items:center;display:flex;left:58px;position:absolute;top:12px}.sign-in__logo span{font-size:18px;font-weight:800}@media (max-width:880px){.sign-in__logo span{font-size:32px}}.sign-in__logo img{height:30px;margin-right:10px;width:30px}@media (max-width:880px){.sign-in__logo img{height:80px;width:80px}}.sign-in__title{font-size:28px;font-weight:500;margin-bottom:47px}@media (max-width:880px){.sign-in__title{font-size:62px;text-align:center;white-space:nowrap}}.sign-in__login-input{border:1px solid #000;display:flex;height:40px;margin-bottom:50px;width:420px}@media (max-width:880px){.sign-in__login-input{height:80px;width:600px}}.sign-in__password-input{border:1px solid #000;display:flex;height:40px;margin-bottom:30px;width:420px}@media (max-width:880px){.sign-in__password-input{height:80px;width:600px}}.sign-in__confirm-btn{align-items:center;border:1px solid #000;display:flex;height:40px;justify-content:center;width:90px}@media (max-width:880px){.sign-in__confirm-btn{font-size:32px;height:80px;width:180px}}.sign-in__confirm-btn input{background:transparent}.sign-in__confirm-btn:hover{background-color:#ededed}.checked-list{align-items:center;background-color:#fff;border-radius:50px;display:flex;justify-content:center;margin:50px auto 5px;max-width:800px;min-height:60px}@media (max-width:700px){.checked-list{min-height:100px}}.checked-list__row{align-items:center;display:flex;overflow:hidden;padding:5px}@media (max-width:700px){.checked-list__row{overflow-x:scroll}}.checked-list .checked-item{background-color:transparent;border:1px solid #000;border-radius:20px;font-size:18px;font-weight:500;margin-left:24px;padding:7px}@media (max-width:700px){.checked-list .checked-item{font-size:28px}}.checked-list .checked-item span{margin-left:6px;padding:5px}.checked-list .checked-item:hover{background-color:#e6e6e6;cursor:pointer}.modal{background-color:rgba(83,83,83,.6);bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.modal__close{cursor:pointer;display:flex;font-size:36px;font-weight:700}.header__user-block-modal{background-color:#fff;flex-wrap:wrap;justify-content:space-between;max-width:100%;padding:60px}.header__account-modal,.header__user-block-modal{align-items:center;display:flex}.header__user-icon-modal{cursor:pointer;height:120px;width:120px}.header__create-modal{margin-right:40px;position:relative}.header__create-modal a{font-size:32px}.header__create-modal:after{background-color:#000;content:"";display:block;height:50px;position:absolute;right:-10%;top:-10%;width:2px}.header__sign-in-modal a{font-size:32px}.header__navigation-modal{align-items:center;align-self:center;display:flex;justify-content:center}.header__nav-list-modal{display:flex}.header__nav-item-modal{font-size:28px;margin-left:20px;margin-top:5px}.cart{position:absolute;right:2%;top:80%}.cart__block{background-color:#565656;border-radius:20px;box-shadow:0 0 20px 5px rgba(0,0,0,.496);display:flex;flex-direction:column;padding:20px;width:320px}@media (max-width:880px){.cart__block{padding:30px;width:620px}}.cart__items{display:flex;flex-direction:column}.cart__item{align-items:center;border-bottom:1px solid;color:#fff;display:flex;font-size:18px;padding:5px;position:relative}.cart__item p{color:#98ff98;margin-left:10px}.cart__item span{color:#fff;color:#e04a4a;cursor:pointer;font-size:22px;position:absolute;right:5px}@media (max-width:880px){.cart__item span{font-size:60px}.cart__item{font-size:42px;padding:25px}}.cart__item+.cart__item{margin-top:15px}.cart__btn{align-self:center;background-color:#dc4141;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:20px;padding:5px 10px}.cart__btn:hover{background-color:#8a0000}@media (max-width:880px){.cart__btn{font-size:38px;padding:8px 15px}}.cart__empty{color:#fff;font-size:18px;text-align:center}@media (max-width:880px){.cart__empty{font-size:36px;padding:20px}}.cart__total-price{color:#fff;color:#00c500;font-size:26px;margin-top:15px}@media (max-width:880px){.cart__total-price{font-size:42px}}*{box-sizing:border-box;color:#2d2c2c;font-family:"Noto Serif",serif;font-family:Roboto,sans-serif;margin:0;padding:0}body{min-width:100vh}main{background-color:#2d2c2c;margin-top:100px;padding-bottom:320px}@media (max-width:700px){main{min-width:900px}}.user__icon{fill:#639;height:20px;width:20px}.container{margin:0 auto;max-width:1480px;padding:0 10px}a{color:inherit;cursor:pointer;text-decoration:none}li{list-style:none}img{font-size:0}.back__btn{background:transparent;border:none;color:gray;cursor:pointer;font-size:16px;margin-top:10px;text-decoration:underline}@media (max-width:880px){.back__btn{font-size:32px;margin-top:20px}}
/*# sourceMappingURL=main.25260d4c.css.map*/