@import url(https://fonts.googleapis.com/css2?family=Overpass:wght@300;400&family=Urbanist&display=swap);body{font-family:"Urbanist"}.border-bottom{border-bottom:.2rem solid var(--secondary-background-color)}.filters{position:fixed;opacity:0;pointer-events:none}.focused>.textbox-content{border:var(--b-2) solid var(--secondary-color);border-radius:var(--br-1);outline:none}.filter-max-width{max-width:30rem}.focused>.textbox-label{background:var(--secondary-background-color)}.focused>.comment-label{background-color:var(--primary-color)}.horizontal-tabs-content{display:block}.navbar-rp-section{display:flex;flex-direction:column;justify-content:center;align-items:center}.navbar-rp-section>*{padding:.4rem}.video-card{width:30rem;height:28rem}.video-card-image-container{width:calc(100% - 2rem);height:15.5rem}.video-card-image{width:100%;height:auto}.video-card .cart-content{height:11rem}.fa-circle{font-size:.5rem}.video-btn-container{display:none;width:100%;height:100%;z-index:var(--max-z-index);background:var(--secondary-background-color);margin:0;padding:0;border-bottom-left-radius:var(--br-1);border-bottom-right-radius:var(--br-1)}.video-card:hover .video-btn-container{display:flex}.video-card:hover{border-bottom-left-radius:0;border-bottom-right-radius:0;z-index:var(--max-z-index)}.video-filters{background-color:var(--secondary-background-color);font-size:1.4rem}.playlist-basic-card{width:20rem;height:15rem}.nav>*{font-weight:700}.nav .fa-solid,.nav .fas,.nav>*{font-size:1.5rem}.filter-chip-selected{color:var(--cta-color);background-color:var(--tertiary-color)}.video-iframe{width:100%;height:60rem;border-radius:var(--br-3)}.outline-btn-active{background:var(--primary-color);border-color:var(--cta-color);color:var(--cta-color)}@-webkit-keyframes shine{0%{background-color:var(--primary-color)}to{background-color:var(--shadow-color)}}@keyframes shine{0%{background-color:var(--primary-color)}to{background-color:var(--shadow-color)}}.video-card-image-loader{width:100%;height:15.5rem}.video-card-image-loader,.video-card-profile-image-loader{-webkit-animation:shine 2s linear infinite alternate;animation:shine 2s linear infinite alternate}.video-card-profile-image-loader{background-color:var(--primary-color)}.video-card-category-loader,.video-card-title-loader{width:100%;height:3rem;background-color:var(--primary-color);-webkit-animation:shine 3s linear infinite alternate;animation:shine 3s linear infinite alternate}@media screen and (max-width:1180px){.grid-container .main{grid-column:1/13}}@media screen and (max-width:870px){.navbar-rp-section{display:flex;flex-direction:row;justify-content:center;align-items:center}.navbar-rp-section>*{padding:.5rem}.grid-container .nav{width:20rem}.single-page{flex-wrap:wrap}.video-iframe{height:40rem}}.modal{padding:var(--p-0);z-index:15;width:100%;height:100%;overflow:hidden;position:fixed}.modal-background{width:100%;height:100vh;grid-column:1/13;background-color:var(--tertiary-color);opacity:.5;z-index:13}.modal-content{position:absolute;z-index:13;background-color:var(--secondary-background-color);width:60rem}.grid-container .modal{grid-column:1/13;grid-row:1/13}.rui-alert--container{top:1;right:1;bottom:null;left:null;z-index:10}.playlist-modal-container{width:38rem;height:auto;font-size:2rem}.playlist-modal-container .input-container{width:100%}.overflow-hidden{overflow:hidden}.list-card{height:15rem}.cart-content .horizontal{height:17rem}.list-card .horizontal-card-img{height:12.7rem;width:22rem}.list-card .horizontal-card-img--container{height:-webkit-max-content;height:max-content;width:-webkit-max-content;width:max-content}.list-card .horizontal-card-text--container{height:20rem}.list-card>*{font-size:1.5rem}.details-card-img{width:35rem;height:auto}.details-card{width:37rem;height:auto}.vertical-tabs-content{display:block}.primary-btn{color:var(--tertiary-color)}@media screen and (max-width:600px){.video-card{width:100%;height:auto}.video-card-image-container{height:auto}.video-card:hover{border-bottom-left-radius:var(--br-2);border-bottom-right-radius:var(--br-2)}.main{margin-top:calc(var(--m-10)*2 + var(--m-5))}}@media screen and (max-width:450px){.list-card .horizontal-card-img{height:12rem;width:15rem}.details-card-img,.details-card-img-container{width:100%}}@media screen and (max-width:400px){.brand-logo{width:5rem;height:5rem}.brand-name{left:-2rem}.horizontal{width:100%}.list-card .horizontal-card-img{height:12.7rem;width:17rem}}.horizontal{position:relative}.delete-icon{position:absolute;bottom:2rem;right:2rem}.grid-container{display:grid;width:100%;height:100%;grid-template-rows:15rem,repeat(11,1fr);grid-template-columns:repeat(12,1fr);margin:var(--m-0) var(--margin-auto)}.grid-container .header{width:100%;z-index:11}.grid-container .footer{z-index:11}.grid-container .main{grid-column:3/13;width:100%;min-height:100vh;max-height:-webkit-max-content;max-height:max-content;overflow:visible}.grid-container .nav-container{grid-column:1/3;grid-row:2/12;width:20rem;height:100%}.nav-container{padding:var(--p-0);z-index:var(--max-z-index)}.nav-background{height:100%;grid-column:1/13;grid-row:1/13;background-color:var(--tertiary-color);opacity:.5;display:none}.nav-content{grid-column:1/3;grid-row:2/12;width:20rem;height:100%}.grid-container .nav{grid-column:1/2;grid-row:2/13;width:12rem;height:100%}.rui-drawer-header{display:none}.rui-drawer-links{font-size:1.7rem}@media screen and (max-width:1180px){.grid-container .nav{visibility:visible}}@media screen and (max-width:768px){.header-brand{display:none}.rui-drawer-header{display:flex}.grid-container .nav-container{grid-row:1/13;grid-column:1/13;z-index:12;width:100%}.grid-container .nav-background{height:100%;grid-column:1/13;grid-row:1/13;background-color:var(--tertiary-color);opacity:.5;display:block}.grid-container .main{grid-column:1/13}.create-post-container,.post-card,.post-card>*,.profile-card,.search-bar .input-form{width:100%}.grid-container .nav{grid-column:1/2;grid-row:2/13;width:20rem;height:100%}}@media screen and (max-width:650px){.input-form,.input-form .input-container,.input-form .textbox-content,.input-with-icon{width:100%}}@media screen and (max-width:500px){.header-brand{display:none}}.search-bar{position:relative}.search-user-container{position:absolute;background-color:var(--secondary-background-color)}.search-list:hover{background-color:var(--cta-color);color:var(--tertiary-color)}.search-result-container{background-color:var(--secondary-background-color);position:absolute}@media screen and (max-width:1180px){.header-nav-icon{display:none}}@media screen and (max-width:768px){.header-nav-icon{display:block}}
/*# sourceMappingURL=main.072f7a04.chunk.css.map */