body,html{box-sizing:border-box;color:#fff;margin:0;padding:0}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.App{background-color:#000}ul{margin:0;padding:0}.container{margin:0 auto;max-width:1230px;padding:0 15px}.feed{row-gap:20px}.feed,header{display:flex;flex-direction:column}header{align-items:center;background-color:rgba(0,0,0,.822);padding-bottom:10px;width:100%}header .search-input{align-items:center;-webkit-column-gap:10px;column-gap:10px;display:flex;position:relative;width:350px}header .search-input svg{color:gray;font-size:16px;left:10px;position:absolute;top:12px}header .search-input button{background-color:#474343;border:none;border-radius:20px;color:gray;cursor:pointer;position:absolute;right:15px;top:12px}header .search-input input{background-color:rgba(0,0,0,.842);border:none;border-radius:4px;color:#fff;height:40px;padding:0 35px;width:100%}.video{margin:0 auto;position:relative;width:300px}.vidoe-author{-webkit-column-gap:10px;column-gap:10px;display:flex;justify-content:center;margin-bottom:20px}.vidoe-author__image{background-position:top;background-repeat:no-repeat;background-size:contain;border-radius:50%;height:50px;width:50px}.vidoe-author__info{align-items:center;display:flex;flex-direction:column;row-gap:8px}.vidoe-author__info p{font-size:24px;font-weight:700;margin:0}.video-item{position:relative}.video-item a{cursor:default;display:flex;justify-content:center}.video-item__controls{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.video-item__controls svg{cursor:pointer;font-size:60px}.video-item .video-progress span{background-color:gray;display:inline-block;height:5px}.video-details{align-items:center;background-color:rgba(0,0,0,.103);border-radius:4px;color:#fff;display:flex;flex-direction:column;height:200px;justify-content:space-around;padding:5px;position:absolute;right:10px;top:83px}.video-details li,.video-details ul{list-style-type:none;padding:0}.video-details svg{color:#fff;font-size:16px}.video-details p{font-size:14px;margin:0}.search-feed{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;max-width:800px;padding:10px 0}.search-feed div{max-width:300px}.user{margin:0 auto;max-width:350px}.user-avatar{background-position:top;background-size:contain;border-radius:50%;margin-bottom:10px}.user-info{display:flex;flex-direction:column;row-gap:10px}.user-info .user-unique{font-size:24px;font-weight:700}.user-stats{-webkit-column-gap:20px;column-gap:20px;margin:0;padding:0}.user-stats,.user-stats li{align-items:center;display:flex}.user-stats li{-webkit-column-gap:10px;column-gap:10px}.user-stats li span{font-size:24px;font-weight:700}.user-stats li p{color:gray}.user-tabs__items{align-items:center;-webkit-column-gap:20px;column-gap:20px;display:flex;justify-content:center;padding:16px 0;position:relative}.user-tabs__items:after{border:1px solid gray;bottom:0;content:"";left:0;position:absolute;right:0}.user-tabs__items li{align-items:center;color:gray;-webkit-column-gap:5px;column-gap:5px;cursor:pointer;display:flex;font-size:18px}.user-tabs__items li svg{font-size:14px}.user-tabs__items li.active{color:#fff}.user-videos{display:flex;flex-wrap:wrap;gap:15px}.user-videos .video{border-radius:4px;flex:0 1 47%;margin:0}.video-play__count{align-items:center;display:flex;position:absolute;right:10px;top:10px}.video-play__count svg{font-size:14px}.loadMore{display:flex;justify-content:center}.loadMore button{align-items:center;cursor:pointer;display:flex}.single-video{display:flex}.single-video__close{cursor:pointer;left:50px;position:absolute;top:100px}.single-video__item{flex:0 1 65%}.single-video__info{background-color:#161515;padding:10px}.single-video__info .vidoe-author{justify-content:start}.single-video__title{margin-bottom:10px}.single-video__song{align-items:center;display:flex}.single-video__coments{display:flex;flex-direction:column;margin-top:20px;row-gap:20px}.single-video__comment{list-style-type:none}.single-video__comment .vidoe-author .vidoe-author__info{align-items:start}.single-video__comment .vidoe-author .vidoe-author__info span{color:gray}
/*# sourceMappingURL=main.f1e1d818.css.map*/