@import url(https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap&subset=cyrillic);body,html{padding:0;margin:0;font-family:Open Sans,sans-serif}body .page,html .page{background-color:#333;min-height:100vh;width:100%;box-sizing:border-box;padding-top:60px}body a,html a{text-decoration:none;outline:none}body h1,body h2,body h3,body h4,body h5,body p,html h1,html h2,html h3,html h4,html h5,html p{margin:0}body input,body textarea,html input,html textarea{outline:none;resize:none}body .button,html .button{border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#4abdac;width:100%;height:48px;color:#333;box-sizing:border-box;outline:none;border:none;cursor:pointer;font-family:Montserrat,sans-serif;font-size:16px;font-weight:700}body .button.add-button,html .button.add-button{width:60px;height:60px;border-radius:50%;position:fixed;right:32px;bottom:32px;font-size:24px}body .button:hover,html .button:hover{box-shadow:0 2px 8px 0 rgba(0,0,0,.25)}body .button:active,html .button:active{box-shadow:inset 0 0 4px 0 rgba(0,0,0,.25)}.auth-page{display:flex;align-items:center;justify-content:center;background-color:#333;min-height:100vh}.auth-page form{width:300px}.auth-page form .password{margin-top:8px;margin-bottom:8px}.home-page{display:flex;align-items:center;justify-content:center}.home-page h1{color:#dfdce3}.music-page{display:flex;flex-direction:column;align-items:center}.music-page .filter{width:1280px;max-width:90%;margin-top:42px;display:flex;align-items:center;justify-content:space-between}.music-page .filter .one-to-many,.music-page .filter .text-field{width:calc(33.33333% - 10.66667px)}.music-page__list{width:1280px;max-width:90%;margin-top:36px;display:flex;flex-direction:column;justify-content:flex-start;align-items:baseline}.music-page__list .item{display:flex;padding:16px 0;border-top:1px solid #dfdce3;width:100%;justify-content:space-between;align-items:center}.music-page__list .item .info{display:flex;align-items:center;justify-content:flex-start}.music-page__list .item__name{width:200px;color:#4abdac;font-size:16px;font-weight:500;margin-left:16px}.music-page__list .item__artist{width:200px;color:#4abdac;font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-page__list .item .buttons{display:flex;align-items:center;justify-content:flex-end}.music-page__list .item .button{width:120px;height:40px;margin-left:16px}.music-page__list .item .button.delete{background-color:#fc4a1a}.music-page__list .item__filename{width:0;height:0;border-color:transparent transparent transparent #4abdac;border-style:solid;border-width:8px 0 8px 16px}.music-page__list .item:last-child{border-bottom:1px solid #dfdce3}.music-page .more{width:200px;margin-top:32px}.category-item{display:flex;align-items:center;justify-content:center;background-color:#333;min-height:100vh}.category-item form{width:300px}.category-item form .input{margin-bottom:8px}.category-item .breath{margin-left:36px;width:500px;height:500px;display:flex;align-items:center;justify-content:center;flex-direction:column}.category-item .breath .breath-circle{width:300px;height:300px;border-radius:50%;background-color:rgba(74,189,172,.1)}.category-item .breath .breath-circle__animate{border-radius:50%;background-color:#4abdac;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center}.category-item .breath .comment{margin-top:16px;height:30px;color:#dfdce3;font-size:24px}.musical-categories{display:flex;justify-content:center}.musical-categories__list{flex-direction:column;margin-top:64px;width:300px}.musical-categories__list a{width:100%;height:40px;background-color:#4abdac;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:#333}.musical-categories__list a:hover{box-shadow:0 2px 8px 0 rgba(0,0,0,.25)}.musical-categories__list a:active{box-shadow:inset 0 0 4px 0 rgba(0,0,0,.25)}.music-item-page{display:flex;justify-content:center}.music-item-page form{margin-top:36px;width:300px}.music-item-page form .text-field{margin-bottom:16px}.music-item-page form .checkers{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:12px}.music-item-page form .checkers h4{margin-bottom:8px;color:#dfdce3}.music-item-page form .checkers .checkbox{margin-right:12px;margin-bottom:12px}.text-field{width:100%;height:48px;border-radius:8px;border:1px solid #4abdac;position:relative;box-sizing:border-box}.text-field.error{border-color:#fc4a1a}.text-field .label{position:absolute;left:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:16px;color:#4abdac;-webkit-transition:all .2s linear;transition:all .2s linear;opacity:.5}.text-field .label.active{-webkit-transform:translateY(0);transform:translateY(0);top:7px;font-size:10px;color:#fc4a1a;opacity:1}.text-field input{width:100%;height:100%;background:none;border:none;box-sizing:border-box;color:#4abdac;font-family:Montserrat,sans-serif;padding:8px 16px 0}@-webkit-keyframes circle_animate{0%{-webkit-transform:scale(.2);transform:scale(.2)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.2);transform:scale(.2)}}@keyframes circle_animate{0%{-webkit-transform:scale(.2);transform:scale(.2)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.2);transform:scale(.2)}}.preloader{position:fixed;left:0;top:0;width:100%;height:100vh;background-color:#333;display:flex;align-items:center;justify-content:center}.preloader__circle{width:120px;height:120px;border-radius:50%;background-color:rgba(74,189,172,.1);opacity:.5}.preloader__circle .loader{background-color:#4abdac;-webkit-animation:ease-in-out;animation:ease-in-out;-webkit-animation-name:circle_animate;animation-name:circle_animate;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:50%;width:120px;height:120px;-webkit-transform-origin:center;transform-origin:center}.header{background-color:#dfdce3;width:100%;height:60px;position:fixed;left:0;top:0;justify-content:center;z-index:100}.header,.header__container{display:flex;align-items:center}.header__container{width:1280px;max-width:90%;height:100%;justify-content:space-between}.header__container .menu{display:flex}.header__container .menu__item{margin-right:16px;color:#333;font-family:Montserrat,sans-serif;font-weight:500}.header__container .menu__item.active{color:#fc4a1a}.header__container .logout{width:auto;padding:0 16px;height:40px}.context-menu{display:flex;align-items:flex-start;justify-content:center;background-color:#dfdce3;flex-direction:column;position:absolute;box-shadow:0 2px 8px 0 rgba(0,0,0,.25);width:120px;border-radius:4px;overflow:hidden}.context-menu__item{cursor:pointer;width:100%;position:relative;padding:8px}.context-menu__item:hover:after{content:"";position:absolute;left:0;top:0;background-color:#fc4a1a;height:100%;width:4px}.file-loader{width:100%;height:80px}.file-loader .button{position:relative;overflow:hidden}.file-loader .button .progress{position:absolute;left:0;top:0;background-color:#fc4a1a;height:100%}.file-loader .button .percent{color:#333;font-size:16px;font-weight:500;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center}.file-loader input{display:none}.file-loader a{color:#dfdce3;font-size:12px;font-family:Montserrat,sans-serif}.checkbox{justify-content:flex-start;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox,.checkbox .checker{display:flex;align-items:center}.checkbox .checker{width:16px;height:16px;border-radius:4px;border:1px solid #4abdac;margin-right:4px;justify-content:center}.checkbox .checker.active:before{content:"";width:8px;height:8px;background-color:#4abdac;border-radius:2px}.checkbox span{color:#4abdac;font-weight:500;font-family:Montserrat,sans-serif;font-size:12px;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.one-to-many{height:48px;width:100%;position:relative}.one-to-many.active .wrap{box-shadow:0 2px 8px 0 rgba(0,0,0,.25)}.one-to-many.active .wrap .list{height:auto;-webkit-transform:scaleY(1);transform:scaleY(1)}.one-to-many .wrap{width:100%;position:absolute;top:0;left:0;border-radius:8px;background-color:#4abdac;cursor:pointer}.one-to-many .wrap .title{width:100%;height:48px;display:flex;align-items:center;justify-content:center;color:#333;font-family:Montserrat,sans-serif;font-size:16px;font-weight:500}.one-to-many .wrap .list{display:flex;flex-direction:column;width:100%;overflow:hidden;-webkit-transform:scaleY(0);transform:scaleY(0);height:0;-webkit-transition:all .1s linear;transition:all .1s linear;-webkit-transform-origin:top;transform-origin:top}.one-to-many .wrap .list__item{display:flex;align-items:center;justify-content:center;width:100%;height:48px;color:#333;font-size:16px;border-top:1px solid #dfdce3}
/*# sourceMappingURL=main.50e084e9.chunk.css.map */