@import url(https://fonts.googleapis.com/css2?family=PT+Sans&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"PT Sans",sans-serif}body{background:#35363a;width:100%;height:100vh}.app{height:100%;padding:25px 0}.app,.content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.content{color:#bbb;max-width:800px;margin:0 auto;font-size:1rem}.content__title{width:100%;font-size:150%;text-align:left}.content__preview-wrapper{margin:10px 15px;width:100vw;max-width:90vw;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.content__preview-wrapper #preview-wrapper__player{flex:0 1 60%}.content__preview-wrapper #preview-wrapper__player video{border-radius:15px;box-shadow:0 0 10px hsla(0,0%,100%,.2);width:100%;height:100%}.content__preview-wrapper #preview-wrapper__player audio{width:100%}.content__preview-wrapper .preview-wrapper__file-info{flex:0 1 40%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;padding:0 25px}.content__preview-wrapper .preview-wrapper__file-info .preview-wrapper__info-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:10px}.content__preview-wrapper .preview-wrapper__file-info .preview-wrapper__info-item--name{font-size:150%;color:#ddd}.content__preview-wrapper .preview-wrapper__file-info .preview-wrapper__info-item--size{font-size:100%;color:#bbb}.content__preview-wrapper .preview-wrapper__file-info .preview-wrapper__info-item--size .content__img{width:25px;height:20px}.content__preview-wrapper .preview-wrapper__file-info .preview-wrapper__info-item .content__img{margin-right:5px}.content__controls{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;width:100%;margin:15px 0}.content__controls input[type=file]{display:none}.content__controls .controls__input-field{margin:10px 0;width:100%;position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center}.content__controls .controls__input-field input{width:100%;padding:10px;margin-right:15px;border-radius:999px;outline:none;background-color:inherit;color:inherit;border:1px solid #bbb}.content__controls .controls__input-field .content__button{border:1px solid transparent}.content__img{width:25px}.content__button{background-color:#4f4f4f;color:#ddd;border-radius:999px;padding:10px 15px;cursor:pointer;margin-right:5px;transition:.1s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;flex-direction:row;justify-content:center;align-items:center}.content__button .content__img{margin-right:5px}.content__button:hover{background-color:#555;color:#eee}.content .torrent-list,.content .torrent-list__item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%}.content .torrent-list__item{padding:10px;transition:.1s ease-out;background-color:#3f3f3f;border-radius:10px;margin-bottom:10px}.content .torrent-list__item:hover{background-color:#444}.content .torrent-list__item:hover .torrent-list__file-item{background-color:#3b3b3b!important}.content .torrent-list__item .torrent-list__main{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;width:100%}.content .torrent-list__item .torrent-list__picture{flex:0 1 100px;height:80px;background-color:#555;border-radius:10px;display:flex;justify-content:center;align-items:center;position:relative}.content .torrent-list__item .torrent-list__picture .torrent-list__img{width:60px}.content .torrent-list__item .torrent-list__picture:hover{cursor:pointer}.content .torrent-list__item .torrent-list__picture:hover:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:inherit;background-color:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.content .torrent-list__item .torrent-list__picture:hover:after{content:"";border:20px solid transparent;border-left:30px solid #eee;position:absolute;top:20px;left:calc(50% - 10px)}.content .torrent-list__item .torrent-list__torrent-info{min-height:100%;flex:0 1 80%;padding:5px 15px}.content .torrent-list__item .torrent-list__torrent-info .torrent-list__name{font-size:125%;color:#ddd}.content .torrent-list__item .torrent-list__status-bar{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.content .torrent-list__item .torrent-list__status-bar .torrent-list__speed{padding:5px 0;margin-right:25px;display:flex;flex-direction:row;align-items:center;white-space:nowrap}.content .torrent-list__item .torrent-list__status-bar .torrent-list__speed .torrent-list__img{width:15px;margin-right:5px}.content .torrent-list__item .torrent-list__progress-bar{width:100%;border:2px solid #bbb;position:relative;border-radius:999px}.content .torrent-list__item .torrent-list__progress-bar--completed{position:absolute;left:-2px;top:-2px;max-width:calc(100% + 4px);border-color:green}.content .torrent-list__item .torrent-list__progress-bar+.torrent-list__speed{margin-top:5px;font-size:90%}.content .torrent-list__item .torrent-list__actions{display:flex;flex-direction:row;justify-content:center;align-items:center}.content .torrent-list__item .torrent-list__actions .torrent-list__action{cursor:pointer;margin-right:15px}.content .torrent-list__item .torrent-list__actions .torrent-list__action:hover{text-decoration:underline}.content .torrent-list .torrent-list__sub-list{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:10px}.content .torrent-list .torrent-list__sub-list--hidden{display:none}.content .torrent-list .torrent-list__sub-list .torrent-list__file-item{width:100%;border-radius:5px;background-color:#444;margin-bottom:10px;transition:.1s ease-out}.content .torrent-list .torrent-list__sub-list .torrent-list__file-item:last-child{margin-bottom:0}.content .torrent-list .torrent-list__sub-list .torrent-list__file-item .torrent-list__torrent-info{min-height:100%;flex:0 1 80%;padding:5px 15px}.content .torrent-list .torrent-list__sub-list .torrent-list__file-item .torrent-list__torrent-info .torrent-list__name{font-size:110%;color:#ccc}@media(max-width:1024px){.content{max-width:700px}.content__preview-wrapper{flex-direction:column}.content__preview-wrapper .preview-wrapper__file-info{width:100%;text-align:left}.content .torrent-list .torrent-list__picture:hover:after{top:22.5px;left:calc(50% - 10px)}}@media(max-width:768px){.content{max-width:90%}.content .torrent-list .torrent-list__main .torrent-list__picture:hover:after{left:calc(50% - 10px)}.content .torrent-list .torrent-list__main .torrent-list__torrent-info{flex:0 1 70%}.content .torrent-list .torrent-list__main .torrent-list__torrent-info .torrent-list__status-bar{flex-direction:column;align-items:flex-start}.content .torrent-list .torrent-list__main .torrent-list__actions{flex:0 1 20%}}@media(max-width:500px){.content .content__controls{flex-direction:column;align-items:flex-start}.content .content__controls .content__button{margin-bottom:10px}.content .content__controls .content__button:last-child{margin-bottom:0}.content .torrent-list .torrent-list__main{flex-wrap:wrap}.content .torrent-list .torrent-list__main .torrent-list__picture{flex:0 1 80px}.content .torrent-list .torrent-list__main .torrent-list__torrent-info{flex-grow:0;flex-shrink:1;flex-basis:calc(100% - 100px)}.content .torrent-list .torrent-list__main .torrent-list__torrent-info .torrent-list__status-bar{flex-direction:column;align-items:flex-start}.content .torrent-list .torrent-list__main .torrent-list__actions{flex:0 1 100%;width:100%;padding:10px 0}}
/*# sourceMappingURL=main.6ff7d144.chunk.css.map */