@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);body{background-color:#28282f;color:snow;font-family:Roboto,sans-serif;padding:10px}a{text-decoration:none}.main-homepage{grid-row-gap:1rem;display:grid;grid-template-areas:"vid vid vid";grid-template-columns:repeat(3,1fr);row-gap:1rem}.header{color:snow;display:flex;justify-content:space-between}.header .left-header{align-items:center;display:flex}.btn-header{color:#fff;font-size:2rem;margin-right:15px}.header-btn{margin:10px 10px 0;max-width:30px}.sticky{background-color:#28282f;position:-webkit-sticky;position:sticky;top:0}.filter{display:flex;flex-flow:row wrap;padding:10px;width:100%}.filter,.filter a{height:-webkit-max-content;height:max-content}.filter a{margin:5px;width:-webkit-max-content;width:max-content}.btn-filter{border:1px solid #fff;border-radius:15px;color:#fff;padding:10px 15px}.btn-filter:active{background-color:#29392e;border:1px solid #00a95a;color:#00a95a}.videos{display:flex;flex-flow:row wrap;grid-area:vid;justify-content:flex-start;padding:0 5px;width:100%}.videox{align-items:flex-end;background-color:red;background:url(https://i.scdn.co/image/6fd6fdea63477f7bd0d34f485527f13c23fe8069);border-radius:10px;color:snow;display:flex;flex-direction:column;height:400px;justify-content:space-between;margin:10px 5px;width:15.5%}.video-count{align-self:flex-start;display:flex;font-size:.9rem;margin:10px}.live-stat{background-color:#ce0000;margin-right:5px;padding:5px}.watch-count{background-color:#29392e60;padding:5px}.video-desc{background:linear-gradient(rgba(63,63,63,.24),rgba(0,0,0,.822));padding:30px 10px 10px;width:100%}.store-name{font-weight:700;margin-top:10px}@media screen and (max-width:1024px){.videos{justify-content:space-evenly}.videox{width:30%}}@media screen and (max-width:580px){.videos{justify-content:space-between}.videox{width:45%}}*{box-sizing:border-box;margin:0}*,body{padding:0}.body-detail{color:#000;display:grid;font-family:Roboto,Arial,Helvetica,sans-serif;grid-auto-flow:column;grid-template-areas:"pb vm vm vm cb";grid-template-columns:repeat(5,2fr);min-height:100vh}.products-bar{-ms-overflow-style:none;background-color:#000;grid-area:pb!important;height:100vh;min-height:200px;overflow:scroll;padding:0 10px;scrollbar-width:none}.products-bar::-webkit-scrollbar{display:none}.product-item-list{background-color:#fff;border:1px solid grey;border-radius:20px;display:flex;flex-direction:column;margin-top:10px}.product-item-list img{border-radius:20px 20px 0 0;max-width:100%}.product-item-desc{padding:10px}.product-item-title{font-size:1rem;font-weight:500}.product-item-price{font-size:1.2rem;font-weight:700;margin-top:10px}.video-main{background-color:#000;display:flex;flex-direction:column;grid-area:vm!important;justify-content:center;min-height:200px;padding:0 10px}.video-main iframe{height:50vh;width:100%}.comments-bar{background-color:#fff;grid-area:cb!important;min-height:200px}.user-bar{align-items:center;display:flex;padding:5px 5px 10px}.user-bar img{border-radius:50px;height:30px;margin-left:10px;margin-right:5px;width:30px}.user-container>.user-bar:first-child{border-bottom:1px solid hsla(0,0%,50%,.459)}.comment-data-container{display:flex;flex-flow:row wrap;overflow:hidden}.username{float:left;font-weight:500}.post-description{margin-bottom:50px}.post-description .username{align-items:center;padding:10px 5px 0 0}.post-description .user-bar{float:left;padding:5px 5px 0}.desc-text{padding:10px}.uploaded{color:gray;float:left;font-size:.9rem;padding:5px 10px}.new-comment{margin-top:30px}.new-comment .user-bar{float:left}.new-comment .username{align-items:center;padding:10px 5px 0 0}.new-comment .uploaded{padding:0 10px}.input-comment{align-items:center;background-color:#fff;bottom:0;display:flex;flex-flow:wrap;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:10px;position:fixed}.input-comment>label>input{border:1px solid hsla(0,0%,50%,.363);margin:5px;padding:5px;width:100%}.input-comment button{cursor:pointer;width:95%}.input-comment button:hover{background-color:#0cc}.input-comment button:active{background-color:#0cc;border:3px solid aqua}.submit-comment{background-color:#00d9ff;border:none;border-radius:10px;color:#fff;height:50px;margin-left:10px;padding:5px;width:80%}.close-btn{color:#fff;margin:5px;position:absolute;z-index:30}.input-comment-text{margin-left:55px}@media screen and (max-width:1024px){body{padding:0}.body-detail{background-color:#000;display:flex;flex-direction:column}.input-comment{background-color:#fff;display:flex;flex-direction:row wrap;max-width:100vw;padding:5px;width:100vw}.products-bar{background-color:#000;display:flex;max-height:300px;overflow:scroll;padding:0 10px;position:-webkit-sticky;position:sticky}.product-item-list{margin-right:10px;width:150px}.product-item-price{font-size:.9rem}.video-main{margin-top:4px;position:-webkit-sticky;position:sticky;width:100%}.comments-bar{background-color:#fff;margin-bottom:130px;margin-top:2%;padding-bottom:10px;z-index:3}}
/*# sourceMappingURL=main.be8798b5.css.map*/