.header{height:6.5rem;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.header .wrap{position:relative;height:100%;max-width:1450px;margin:0 auto}.header .wrap .logo{width:20rem;position:absolute;top:50%;left:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.header .wrap .logo img{display:block;position:relative;width:100%;margin:0}.header .wrap .callToActions{position:absolute;top:50%;right:100px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.header .wrap .callToActions li,.header .wrap .callToActions span,.header .wrap .callToActions ul{margin:0;padding:0}.header .wrap .callToActions li,.header .wrap .callToActions span{display:inline-block;list-style-type:none;margin-right:1.5rem}.header .wrap .callToActions li:last-child,.header .wrap .callToActions span:last-child{margin-right:0}.header .wrap .callToActions li a,.header .wrap .callToActions li span,.header .wrap .callToActions span a,.header .wrap .callToActions span span{font-size:1.8rem;line-height:1;color:#4e00e4;text-decoration:none;text-transform:uppercase}.header .wrap .callToActions li .logout,.header .wrap .callToActions span .logout{cursor:pointer}.header .wrap .callToActions li .profile,.header .wrap .callToActions span .profile{font-size:28px;color:#6b1eff;margin-right:.5rem;padding-top:.5rem}.inbox{font-size:21px;color:#6b1eff}.dropdown-menu{position:absolute;top:15%;-webkit-transform:translateY(5%);transform:translateY(25%);text-align:start}.dropdown-menu li{background:#fff;width:150px;height:auto;cursor:pointer;box-shadow:0 .25rem .5rem rgba(0,0,0,.5)}.dropdown-menu li:hover{background:#ccc}.dropdown-menu.clicked{display:none}.dropdown-link{display:block;width:100%;height:100%;text-decoration:none;color:#fff;padding:16px}.footer .wrap{max-width:1450px;padding:20px 10px;margin:0 auto}.btn{display:block;width:100%;font-size:1.8rem;line-height:1;font-weight:300;text-transform:uppercase;color:#fff;background:#6b1eff;padding:1rem 0;margin:0 auto;border:0;outline:none;cursor:pointer}.container{width:88vw;margin:0 auto}.products{background:#f8f9fa;padding:3.2rem 0}@media screen and (min-width:768px){.product-items{display:grid;grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1200px){.product-items{display:grid;grid-template-columns:repeat(3,1fr);margin:0}}.product{margin:2rem;position:relative;line-height:1.5}.product-content{background:#ededed;padding:3rem .5rem 2rem;cursor:pointer}.product-btns{display:flex;justify-content:center;margin-top:1.4rem;opacity:1;transition:opacity .6s ease}.product-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.product-desc,.product-info{padding-left:1.5rem;padding-right:1.5rem}.product-desc{font-size:1.5rem;color:#797d7f}.read-more{background:transparent;border-color:transparent;text-transform:capitalize;color:#49a6e9;font-size:1rem;cursor:pointer;padding-left:.25rem}.hide-read-more{opacity:0;pointer-events:none;cursor:not-allowed}.product-price{color:#49a6e9;background:#ebf7ff;padding:.25rem .5rem;border-radius:.25rem}.product-img img{width:100%;display:block;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;width:200px;height:200px;margin:0 auto;box-shadow:0 0 20px 10px hsla(0,0%,100%,.5);border-radius:50%}.product:hover .product-img img{-webkit-transform:scale(1.1);transform:scale(1.1)}@media screen and (min-width:1200px){.product{margin-right:1rem;margin-left:1rem}}.addToCart-btn,.delete-btn{display:block;width:100%;font-size:1.8rem;line-height:1;font-weight:300;text-transform:uppercase;color:#6b1eff;background:#fff;padding:1rem 0;margin:0 auto;border-color:#6b1eff;outline:none;cursor:pointer}.btn-icons{padding:1rem}.checkout-btn{display:block;width:100%;font-size:1.8rem;line-height:1;font-weight:300;text-transform:uppercase;color:#fff;background:#797d7f;padding:1rem 0;margin:0 auto;border-color:#797d7f;outline:none;cursor:pointer}.checkout-btn:hover{border-color:#6b1eff}.addToCart-btn:hover,.checkout-btn:hover,.delete-btn:hover{background:#6b1eff;color:#fff}.btn-link{width:100%}.modal{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;padding:50px}.modal,.overlay{position:fixed;z-index:1000}.overlay{top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7)}.modal-info{display:inline-flex;justify-content:space-between;align-items:center;margin-top:3.2rem}.modal-details{float:right}.modal-price{color:#49a6e9;background:#ebf7ff;padding:.25rem .5rem;border-radius:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal-img{transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;box-shadow:0 0 20px 10px hsla(0,0%,100%,.5);margin-left:5rem}.modal-img img{width:100px;height:100px;border-radius:50%;margin-right:1rem}.message{margin-top:1rem;width:100%}.modal-btns{display:inline-flex;width:100%;white-space:nowrap}.modal-btns a{margin:1rem;width:100%}.skip-btn{color:#6b1eff;padding-top:1.2rem}.cancel-btn{border-color:#6b1eff;color:#6b1eff}.cancel-btn,.send-btn{position:relative;padding:1.2rem;text-decoration:none;text-transform:uppercase;font-size:15px;letter-spacing:2px;border-radius:40px;text-align:center;line-height:1}.send-btn{margin:0 auto;background:#6b1eff;color:#fff}.modal-header{position:fixed;right:0;left:0;top:0;background-color:#6b1eff;color:#fff;text-align:center}.directory{height:100%}.directory .wrap{display:inline-block;width:100%;height:100%}.item{width:100%;float:left;height:90%;background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:-1;box-shadow:inset 0 0 0 1000000px rgba(0,0,0,.1)}.search-container{margin:220px auto;background:#fff;height:30px;border-radius:30px;padding:10px 20px;display:flex;align-items:center;transition:.8s;box-shadow:0 0 25px 0 rgba(0,0,0,.4)}.search-container .input-box{width:350px;background:transparent;border:none;outline:none;font-size:16px;font-weight:500}.search-wrap{display:flex}.search-container li .fas{color:#6b1eff}.homepage{height:calc(100% - 12.3rem)}.formWrap{margin:3rem auto 0}input,label{color:#333;font-size:14px}label{display:block;margin-top:1rem;width:3rem;padding:0 1em;text-align:right;white-space:nowrap}[type=file]{position:absolute;filter:alpha(opacity=0);opacity:0}[type=file]+label,input{border:1px solid #ccc;border-radius:3px;text-align:left;padding:10px;width:170px;margin:0;left:0}[type=file]+label{text-align:center;margin-bottom:.7rem;background:#6b1eff;color:#fff;border:none;cursor:pointer}[type=file]+label:hover{background:#39f}.authWrapper{display:block;width:100%;max-width:40rem;border:1px solid #3e00b6;margin:4rem auto 6rem}.authWrapper .wrap{padding:10px}.authWrapper .wrap h2{font-size:2.2rem;text-transform:uppercase;text-align:center;margin:0 auto 3rem;padding:0;color:#3e00b6}.authWrapper .wrap h2,.formRow input{line-height:1;font-weight:400;display:block;width:100%}.formRow input{font-size:1.5rem;text-align:left;padding:10px 5px;margin:10px auto;border:1px solid #9e9e9e;outline:none}.socialSignin{margin:.5rem auto 0}.links{display:block;width:100%;margin:1.5rem auto 0}a{color:#3e00b6}.email-btn{font-size:1.8rem;font-weight:300;text-transform:uppercase;color:#6b1eff;background:#fff;padding:1rem 0;margin:0 auto;border-color:#6b1eff;cursor:pointer}.email-btn,.file-input{display:block;width:100%;line-height:1;outline:none}.file-input{font-size:1.5rem;font-weight:400;text-align:left;padding:10px 5px;margin:10px auto;border:1px solid #9e9e9e}.product-desc{width:100%}.productCard{margin:0 auto 10rem}.productCard .hero{display:block;width:100%;margin:2rem auto}.productCard .hero .card-img{display:block;width:100%;margin:0}.productCard .productDetails{line-height:1.5}.productCard .productDetails ul,.productCard .productDetails ul li{padding:0;margin:0}.productCard .productDetails ul li{list-style-type:none;margin:0 auto 1rem}.productCard .productDetails ul li h1{margin:0}.productCard .addToCart{max-width:20rem}@media screen and (min-width:480px){.productCard{max-width:40rem}}@media screen and (min-width:768px){.productCard{max-width:50rem}}@media screen and (min-width:1200px){.productCard{max-width:60rem}}@media screen and (min-width:1600px){.productCard{max-width:60rem}}html{font-size:10px}body,html{padding:0;margin:0}#root,.App,.fullHeight,body,html{height:100%}*,:after,:before{box-sizing:border-box}body{font-family:"Montserrat",sans-serif;font-size:1.8rem;font-weight:400;line-height:1}a{text-decoration:none}a,a:hover{transition:all .4s ease-in-out}.main{width:100%;height:calc(100% - 6.5rem);max-width:1450px;padding:0 10px;margin:0 auto}.body-container{display:grid;place-items:center;margin-top:2rem}.chat-container{display:grid;grid:"chat-search-container chat-title" 71px "conversation-list chat-message-list" 1fr "new-message-container chat-form" 70px/275px 1fr;max-width:1000px;max-height:800px;width:100%;height:95vh;border-radius:10px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.chat-search-container,.conversation-list,.new-message-container{background:#7a35fc}.chat-search-container{grid-area:chat-search-container;border-radius:10px 0 0 0;box-shadow:0 1px 3px -1px rgba(0,0,0,.75);z-index:1}.conversation-list{grid-area:conversation-list;overflow-y:scroll}.new-message-container{grid-area:new-message-container;border-top:1px solid rgba(0,0,0,.25);border-radius:0 0 0 10px}.chat-form,.chat-title{background:#eee}.chat-title{grid-area:chat-title;color:#6b1eff;font-weight:700;font-size:2rem;border-radius:0 10px 0 0;box-shadow:0 1px 3px -1px rgba(0,0,0,.75);padding:10px}.chat-form{grid-area:chat-form;border-radius:0 0 10px 0;border-top:1px solid rgba(0,0,0,.25)}.conversation,.conversation-active{display:grid;color:#ddd;font-size:1.3rem;border-bottom:1px solid #3e00b6;padding:20px 20px 20px 15px;grid-template-columns:40px 1fr -webkit-max-content;grid-template-columns:40px 1fr max-content;grid-gap:10px}.conversation-active,.conversation:hover{background:#3e00b6}.conversation-active:hover,.conversation:hover{cursor:pointer}.conversation-img{grid-row:span 2;border-radius:50%;background-color:#fff;height:40px;width:40px;text-align:center;vertical-align:middle;line-height:38px;color:#3e00b6;display:inline-block;margin-right:10px}.title-text{font-weight:700;color:#eee;padding-left:5px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.chat-message-list{padding:10px;display:flex;flex-direction:column;flex:1 1;overflow-y:scroll}.conversation-message{grid-column:span 2;padding-left:5px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}::-webkit-scrollbar{display:none}.user-avatar{border-radius:50%;background-color:#fff;line-height:38px;color:#6b1eff;border:2px solid #6b1eff;float:right}.friend-avatar,.user-avatar{height:40px;width:40px;text-align:center;vertical-align:middle}.friend-avatar{border-radius:50%;background-color:#6b1eff;line-height:40px;color:#fff;display:inline-block;margin-right:10px}.user-sent{margin-right:10px;background-color:#6b1eff;color:#fff}.friend-sent,.user-sent{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:10px;margin-bottom:15px;padding:10px;display:inline-block}.friend-sent{background-color:#eee;color:#000}.user-msg-container{display:flex;flex-direction:row;float:right}.send-icon{color:#6b1eff;font-size:28px;margin-top:5px}.chat-input{border:0;outline:none;color:#8b7d77;background:transparent}.chat-textbox-wrap{margin:15px auto}.chat-textbox-wrap .chat-textbox{position:relative;width:680px;height:60px;margin-left:10px}.chat-textbox-wrap .chat-textbox .chat-input{position:absolute;top:0;left:0;width:100%;padding:10px 20px;border-radius:3px;font-size:18px}.chat-textbox-wrap .chat-textbox .chat-icon{position:absolute;top:0;right:0;width:60px;height:100%;z-index:1;cursor:pointer}.send-icon:hover{color:#7a35fc}
/*# sourceMappingURL=main.3e71b53d.chunk.css.map */